@extends('adminlte::page')
@section('title', env('APP_NAME') . ' - Colaboradores')
@section('plugins.Datatables', true)
@section('content_header')
    <h1>Lista de Colaboradores</h1>
@stop
@section('content')
    <a href="{{ route('empleados.create') }}" class="btn btn-primary mb-3" id="nuevoEgresoBtn"> <i class="fas fa-user"></i>
        Nuevo Colaborador</a>

    <div class="card">
        <div class="card-header">
            <h2 class="card-title">Colaboradores</h2>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="table-empleados" style="width: 100%;">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Turnos</th>
                            <th>DNI</th>
                            <th>Nombre</th>
                            <th>Apellido</th>
                            <th>Cargo</th>
                            <th>Celular</th>
                            <th>Fecha de Ingreso Laboral</th>
                            <th>Estado</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($empleados as $empleado)
                            <tr>
                                <td>{{ $empleado->id }}</td>
                                <td>
                                    <small>{{ $empleado->turnos->pluck('descripcion')->implode(', ') ?? 'N/A' }}</small>
                                </td>
                                <td>{{ $empleado->codigo }}</td>
                                <td>{{ $empleado->nombre }}</td>
                                <td>{{ $empleado->apellido }}</td>
                                <td>{{ $empleado->cargo }}</td>
                                <td>{{ $empleado->celular }}</td>
                                <td>{{ $empleado->fecha_ingreso_laboral }}</td>
                                <td>
                                    <span class="badge badge-{{ $empleado->estado ? 'success' : 'danger' }}">
                                        {{ $empleado->estado ? 'Activo' : 'Eliminado' }}
                                    </span>
                                </td>
                                <td>
                                    <div class="dropdown">
                                        <button type="button" class="btn btn-primary btn-sm dropdown-toggle"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            Acciones
                                        </button>
                                        <div class="dropdown-menu">
                                            <a href="{{ route('empleados.edit', $empleado) }}"
                                                class="dropdown-item">Editar</a>
                                            <button type="button" class="dropdown-item btnEliminar"
                                                data-id="{{ $empleado->id }}" data-name="{{ $empleado->nombre }}"
                                                data-estado="{{ $empleado->estado }}">
                                                {{ $empleado->estado ? 'Eliminar' : 'Restaurar' }}
                                            </button>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop
@section('css')

@stop
@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $(document).ready(function() {
            $('#table-empleados').DataTable({
                language: {
                    "url": "/js/spanish.json"
                },
                order: [
                    [0, 'desc']
                ],
                pageLength: 10
            });

            // Eliminar colaborador
            $('.btnEliminar').click(function(e) {
                e.preventDefault();
                const id = $(this).data('id');
                const name = $(this).data('name');
                const estado = $(this).data('estado');

                Swal.fire({
                    title: '¿Estás seguro?',
                    text: '¿Deseas ' + (estado ? 'eliminar' : 'restaurar') + ' el colaborador ' +
                        name + '?',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: estado ? 'Eliminar' : 'Restaurar',
                    cancelButtonText: 'Cancelar',
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: '/empleados/' + id,
                            type: 'DELETE',
                            data: {
                                _token: '{{ csrf_token() }}',
                                id: id
                            },
                            success: function(response) {
                                if (response.success) {
                                    Swal.fire({
                                        title: '¡Éxito!',
                                        text: response.message,
                                        icon: 'success'
                                    });
                                    location.reload();
                                } else {
                                    Swal.fire({
                                        title: 'Error',
                                        text: response.message,
                                        icon: 'error'
                                    });
                                }
                            },
                            error: function(xhr, status, error) {
                                Swal.fire({
                                    title: 'Error',
                                    text: xhr.responseText,
                                    icon: 'error'
                                });
                            }
                        });
                    }
                });
            });
        });
    </script>
@stop