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

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

                <?php if(tiene_permiso('empleados_crear')): ?>
                    <a href="<?php echo base_url('index.php/rrhh/empleados/create'); ?>" class="btn btn-success">
                        <i class="fa fa-plus"></i> Nuevo Empleado
                    </a>
                <?php endif; ?>

                <br><br>

                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <strong>Listado de empleados</strong>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table id="tablaEmpleados" class="table table-bordered table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Documento</th>
                                        <th>Empleado</th>
                                        <th>Área</th>
                                        <th>Cargo</th>
                                        <th>Ubicación</th>
                                        <th>Estado</th>
                                        <th style="width:160px;">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($empleados as $item): ?>
                                        <tr>
                                            <td><?php echo $item->id; ?></td>
                                            <td><?php echo $item->tipo_documento . ' - ' . $item->nro_documento; ?></td>
                                            <td><?php echo $item->apellidos . ', ' . $item->nombres; ?></td>
                                            <td><?php echo $item->area; ?></td>
                                            <td><?php echo $item->cargo; ?></td>
                                            <td>
                                                <?php
                                                    echo $item->departamento_nombre;
                                                    if (!empty($item->provincia_nombre)) echo ' / ' . $item->provincia_nombre;
                                                    if (!empty($item->distrito_nombre)) echo ' / ' . $item->distrito_nombre;
                                                ?>
                                            </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('empleados_editar')): ?>
                                                    <a href="<?php echo base_url('index.php/rrhh/empleados/edit/'.$item->id); ?>" class="btn btn-warning btn-xs">
                                                        <i class="fa fa-pencil"></i>
                                                    </a>
                                                <?php endif; ?>
                                                <a href="<?php echo base_url('index.php/rrhh/empleados/ver/'.$item->id); ?>" class="btn btn-info btn-xs">
                                                    <i class="fa fa-eye"></i>
                                                </a>
                                                <?php if(tiene_permiso('empleados_eliminar')): ?>
                                                    <?php if($item->estado == 1): ?>
                                                        <button type="button"
                                                                class="btn btn-danger btn-xs btn-cambiar-estado-empleado"
                                                                data-url="<?php echo base_url('index.php/rrhh/empleados/estado/'.$item->id); ?>"
                                                                data-accion="desactivar"
                                                                data-nombre="<?php echo $item->apellidos . ', ' . $item->nombres; ?>">
                                                            <i class="fa fa-times"></i>
                                                        </button>
                                                    <?php else: ?>
                                                        <button type="button"
                                                                class="btn btn-success btn-xs btn-cambiar-estado-empleado"
                                                                data-url="<?php echo base_url('index.php/rrhh/empleados/estado/'.$item->id); ?>"
                                                                data-accion="activar"
                                                                data-nombre="<?php echo $item->apellidos . ', ' . $item->nombres; ?>">
                                                            <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 () {
    $('#tablaEmpleados').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-empleado', 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 + ' al empleado: ' + nombre,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Sí, continuar',
            cancelButtonText: 'Cancelar'
        }).then(function(result) {
            if (result.isConfirmed) {
                window.location.href = url;
            }
        });
    });
});
</script>