@extends('layouts.layouts_module')
@section('css')
<link href="/css/application.css" rel="stylesheet">
@stop

@section('content_module')
<div class="content-wrapper">
  <a class="btn btn-behance" href="Cargos/crear">  <i class="mdi mdi-plus"></i> Crear Cargos</a>
  <br>
 <br>
  
   <div class="card">
         <div class="card-body">
           <h4 class="card-title"><strong>Lista de Cargos</strong></h4>
           <br>
           <div class="row">
             <div class="col-12 table-responsive">
               <table id="order-listing" class="table">
                 <thead>
                   <tr>
                     <th>N° Cargos</th>
                     <th>Departamento</th>
                     <th>Cargo</th> 
                     <th>Acciones</th>
                   </tr>
                 </thead>
                 <tbody>
                   <tr>
                     @forelse ($cargos as $item)
                     <td>{{$item->id_cargo}}</td>
                     <td>{{$item->nombre_depa}}</td>
                     <td>{{$item->nombre_cargo}}</td>   
                      <td>
                          
                         <div class="btn-group"  role="group" aria-label="Basic example"> 
                             <a type="button" href="{{url("ERP/Empleado/Cargos/{$item->id_cargo}/edit")}}" class="btn btn-facebook"><i class="mdi mdi-pencil" title="Editar Departamento" style="color:white"></i></a> 
                           </div>
                     </td>
                   </tr>
                     @empty
                     <tr>
                      <td colspan="9">
                         <div class="alert alert-danger">
                             No hay Cargos Registrados
                           </div>
                      </td>
                     </tr>    
                     @endforelse  
                 
                 
                 </tbody> 
               </table>
             </div>
           </div>
         </div>
  
   </div>
    </div>
@endsection