@extends('layouts.inspinia.app')
@section('title', 'Choferes')
@section('titulopagina', 'Administración')

@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-sm-4">
        <h2>@yield('title')</h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="#">@yield('title')</a>
            </li>
            <li class="breadcrumb-item active">
                <strong>Listado</strong>
            </li>
        </ol>
    </div>
    
    <div class="col-sm-8">
        <div class="title-action">
            <a href="{{ route('choferes.create') }}" class="btn btn-primary">Nuevo</a>
        </div>
    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title"> Choferes</h4>
                </div>
                <div class="card-body">
                    @if ($message = Session::get('success'))
                        <div class="alert alert-success">
                            <p>{{ $message }}</p>
                        </div>
                    @endif
                    <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>Rut</th>
                                    <th>Tipo</th>
                                    <th>Telefono</th>
                                    <th>Primer Nombre</th>
                                    <th>Agencia</th>
                                    <th>Estado</th>
                                    <th class="text-right">
                                        
                                    </th>
                                </tr>
                            </thead>
                            <tbody>

                                @foreach ($choferes as $chofer)
                                    <tr>
                                        <td>
                                            {{ $chofer->cod_chofer }}
                                        </td>
                                        <td>
                                            {{ $chofer->nombre }}
                                        </td>
                                        <td>
                                            {{ $chofer->rut }}
                                        </td>
                                        <td>
                                            {{ $chofer->tipochoferes->nombre }}
                                        </td>                                        
                                        <td>
                                            {{ $chofer->telefono }}
                                        </td>
                                        <td>
                                            {{ $chofer->primer_nombre }}
                                        </td>
                                        <td>
                                            {{ $chofer->agencias->nom_agencia }}
                                        </td>
                                        <td>
                                            @if ($chofer->estado == 1) 
                                                Activo                                            
                                            @else
                                                Desactivado
                                            @endif
                                        </td>


                                        <td class="td-actions text-right">

                                            <a href="{{route('choferes.edit', $chofer->cod_chofer)}}" rel="tooltip"
                                                class="btn btn-info btn-sm btn-icon">
                                                <i class="fa fa-edit"></i>
                                            </a>
                                           
                                        </td>

                                        
                                    </tr>
                                @endforeach







                            </tbody>
                            <tfoot>
                              
                            </tfoot>
                        </table>

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

 

@endsection

@section('javascript')

<style>
    .dt-button {
        padding: 0;
        border: none;
    }

</style>

<script>
  $(document).ready(function() {

    @if ($message = Session::get('success'))

                swal({
                    title: "Atencion",
                    text: "{{ $message }}"
                });
                        
    @endif

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: [{
                        //Botón para Excel
                        extend: 'excel',
                        footer: true,
                        title: 'Choferes',
                        filename: 'Choferes',

                        //Aquí es donde generas el botón personalizado
                        text: '<button class="btn btn-primary">Exportar a Excel <i class="fa fa-file-excel-o"></i></button>'
                    },
                    //Botón para PDF
                    {
                        extend: 'pdf',
                        footer: true,
                        title: 'Choferes',
                        filename: 'EChoferes',
                        text: '<button class="btn btn-danger">Exportar a PDF <i class="fa fa-file-pdf-o"></i></button>'
                    }
]
} );



} );
</script>

@endsection