<div class="content-wrapper">
    <section class="content-header">
        <h1>Conductores</h1>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-md-12">

                <?php if(tiene_permiso('conductores_crear')): ?>
                    <a href="<?php echo base_url('index.php/mantenimiento/conductores/create'); ?>" class="btn btn-success">
                        <i class="fa fa-plus"></i> Nuevo Conductor
                    </a>
                <?php endif; ?>

                <br><br>

                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <strong>Listado de conductores</strong>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table id="tablaConductores" class="table table-bordered table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Licencia</th>
                                        <th>Nombre</th>
                                        <th>Tipo Doc.</th>
                                        <th>Nro. Documento</th>
                                        <th>Celular</th>
                                        <th>Estado</th>
                                        <th style="width:160px;">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($conductores as $item): ?>
                                        <tr>
                                            <td><?php echo $item->id; ?></td>
                                            <td><?php echo $item->nro_licencia; ?></td>
                                            <td><?php echo $item->nombre; ?></td>
                                            <td><?php echo $item->abreviado; ?></td>
                                            <td><?php echo $item->nro_documento; ?></td>
                                            <td><?php echo $item->celular; ?></td>
                                            <td>
                                                <?php if($item->estado == 1): ?>
                                                    <span class="label label-success">Activo</span>
                                                <?php else: ?>
                                                    <span class="label label-danger">Inactivo</span>
                                                <?php endif; ?>
                                            </td>
                                            <td>
                                                <?php if(tiene_permiso('conductores_editar')): ?>
                                                    <a href="<?php echo base_url('index.php/mantenimiento/conductores/edit/'.$item->id); ?>" class="btn btn-warning btn-xs" title="Editar">
                                                        <i class="fa fa-pencil"></i>
                                                    </a>
                                                <?php endif; ?>

                                                <?php if(tiene_permiso('conductores_eliminar')): ?>
                                                    <?php if($item->estado == 1): ?>
                                                        <button type="button"
                                                                class="btn btn-danger btn-xs btn-cambiar-estado-conductor"
                                                                data-url="<?php echo base_url('index.php/mantenimiento/conductores/estado/'.$item->id); ?>"
                                                                data-accion="desactivar"
                                                                data-nombre="<?php echo $item->nombre; ?>">
                                                            <i class="fa fa-times"></i>
                                                        </button>
                                                    <?php else: ?>
                                                        <button type="button"
                                                                class="btn btn-success btn-xs btn-cambiar-estado-conductor"
                                                                data-url="<?php echo base_url('index.php/mantenimiento/conductores/estado/'.$item->id); ?>"
                                                                data-accion="activar"
                                                                data-nombre="<?php echo $item->nombre; ?>">
                                                            <i class="fa fa-check"></i>
                                                        </button>
                                                    <?php endif; ?>
                                                <?php endif; ?>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

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

<script>
window.addEventListener('load', function () {

    if (typeof jQuery !== 'undefined' && typeof $.fn.DataTable !== 'undefined') {
        $('#tablaConductores').DataTable({
            language: {
                lengthMenu: "Mostrar _MENU_ registros",
                zeroRecords: "No se encontraron resultados",
                info: "Mostrando registros del _START_ al _END_ de un total de _TOTAL_",
                infoEmpty: "Mostrando registros del 0 al 0",
                infoFiltered: "(filtrado de un total de _MAX_ registros)",
                search: "Buscar:",
                paginate: {
                    first: "Primero",
                    last: "Último",
                    next: "Siguiente",
                    previous: "Anterior"
                }
            },
            pageLength: 10,
            order: [[0, "desc"]]
        });
    }

    $(document).on('click', '.btn-cambiar-estado-conductor', function(e) {
        e.preventDefault();

        var url = $(this).data('url');
        var accion = $(this).data('accion');
        var nombre = $(this).data('nombre');

        Swal.fire({
            title: '¿Estás seguro?',
            text: 'Vas a ' + accion + ' el conductor: ' + nombre,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Sí, continuar',
            cancelButtonText: 'Cancelar'
        }).then(function(result) {
            if (result.isConfirmed) {
                window.location.href = url;
            }
        });
    });

});
</script>