@extends('layouts.inspinia.app')
@section('title', 'Despachos')
@section('titulopagina', 'Despachos')

@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title"> Despachos </h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="tabla" class="table table-striped table-bordered">
                            <thead class=" text-primary">
                                <tr>
                                    <th>
                                        Codigo
                                    </th>
                                    <th>
                                        Nombre 
                                    </th>
                                  
                                    <th class="text-right">
                                        -
                                    </th>
                                </tr>
                            </thead>
                            <tbody>

                                @foreach ($despachos as $despacho)
                                    <tr>
                                        <td>
                                            {{ $despacho->n_orden }}
                                        </td>

                                        <td>

                                            {{ $despacho->nombre }}
                                        </td>

                                        
                                        
                                        <td class="td-actions text-right">
                                            
                                            <a href="{{route('despachos.show',$despacho->id)}}" rel="tooltip" class="btn btn-info btn-sm btn-icon">
                                               
                                                <i class="now-ui-icons ui-2_settings-90"></i>
                                            </a>
                                            <button type="button" rel="tooltip" class="btn btn-danger btn-sm btn-icon">
                                                <i class="now-ui-icons ui-1_simple-remove"></i>
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach







                            </tbody>
                            <tfoot>
                                {{ $despachos->links() }}
                            </tfoot>
                        </table>

                    </div>
                </div>
            </div>
        </div>

    </div>

    <script>
      $(document).ready(function() {
  
      
  
      });
  </script>

@endsection

@section('javascript')

<script>
  $(document).ready(function() {
var table = $('#tabla').DataTable( {

    "language": {
        "lengthMenu": "Mostrar _MENU_ registros por página",
        "zeroRecords": "No se encontró nada, lo siento",
        "info": "Mostrando pagina  _PAGE_ de _PAGES_",
        "infoEmpty": "No hay registros disponibles",
        "search": "Buscar:",
        "infoFiltered": "(filtrado de _MAX_ registros totales)",
        "paginate": {
        "first": "Primero",
        "last": "Ultimo",
        "next": "Siguiente",
        "previous": "Anterior"
    }
    },

    dom: 'Bfrtip',
    lengthChange: false,
    buttons: ['excel', 'pdf',
    {
        text: 'Crear Agencia',
        action: function ( e, dt, node, config ) {
          location.href = "{{route('agencias.create')}}";
        }
    }
]
} );



} );
</script>

@endsection