@extends('adminlte::page')
@section('title', env('APP_NAME') .' - Colaboradores')
@section('content_header')
    <h1>Editar Colaborador</h1>
@stop
@section('content')
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">Editar Colaborador</h2>
                </div>
                <div class="card-body">
                    <form action="" method="POST" id="form-empleado">
                        @csrf
                        @method('PUT')
                        <div class="form-group">
                            <label for="turnos">Turnos</label>
                            <select name="turnos[]" id="turnos" class="form-control" multiple required>
                                @foreach ($turnos as $turno)
                                    <option value="{{ $turno->id }}" {{ in_array($turno->id, $empleado->turnos->pluck('id')->toArray()) ? 'selected' : '' }}>{{ $turno->descripcion }}</option>
                                @endforeach
                            </select>
                            <small class="text-muted">Puede seleccionar múltiples turnos. Use Ctrl+Click para selección múltiple.</small>
                        </div>
                        <div class="form-group">
                            <label for="codigo">DNI / C.E</label>
                            <input type="text" name="codigo" class="form-control" required value="{{ old('codigo', $empleado->codigo) }}" id="codigo">
                        </div>
                        <div class="form-group">
                            <label for="nombre">Nombre</label>
                            <input type="text" name="nombre" class="form-control" required value="{{ old('nombre', $empleado->nombre) }}">
                        </div>
                        <div class="form-group">
                            <label for="apellido">Apellido</label>
                            <input type="text" name="apellido" class="form-control" required value="{{ old('apellido', $empleado->apellido) }}">
                        </div>
                        <div class="form-group">
                            <label for="cargo">Cargo</label>
                            <input type="text" name="cargo" class="form-control" required value="{{ old('cargo', $empleado->cargo) }}">
                        </div>
                        <div class="form-group">
                            <label for="celular">Celular</label>
                            <input type="text" name="celular" class="form-control" required value="{{ old('celular', $empleado->celular) }}">
                        </div>
                        <div class="form-group">
                            <label for="fecha_ingreso_laboral">Fecha de Ingreso Laboral</label>
                            <input type="date" name="fecha_ingreso_laboral" class="form-control" required value="{{ old('fecha_ingreso_laboral', $empleado->fecha_ingreso_laboral) }}">
                        </div>
                        <div class="form-group">
                            <label for="estado">Estado</label>
                            <select name="estado" class="form-control" required>
                                <option value="1" {{ $empleado->estado == 1 ? 'selected' : '' }}>Activo</option>
                                <option value="0" {{ $empleado->estado == 0 ? 'selected' : '' }}>Inactivo</option>
                            </select>
                        </div>
                    </form>

                    <div class="mt-3">
                        <button type="button" class="btn btn-success mr-2" id="btnGuardar"> <i class="fa fa-save"></i> Actualizar</button>
                        <a href="{{ route('empleados.index') }}" class="btn btn-warning"> <i class="fa fa-list"></i> Lista de Colaboradores</a>
                    </div>


                </div>

            </div>
        </div>
    </div>
@stop
@section('css')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
    span.select2-selection__choice__display{
        color: black !important;
    }
</style>

@stop
@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

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

            $('#turnos').select2({
                placeholder: 'Seleccione los turnos',
                allowClear: true,
                multiple: true
            });

            $('#btnGuardar').click(function(e) {
                e.preventDefault();
                const form = $('#form-empleado')[0];
                const formData = new FormData(form);
                formData.append('_method', 'PUT'); // Importante para Laravel
                const id = $('#codigo').val();

                Swal.fire({
                    title: '¿Estás seguro?',
                    text: '¿Deseas actualizar el colaborador?',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Guardar',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: '{{ route('empleados.update', $empleado->id) }}',
                            type: 'POST', // Usar POST, no PUT
                            data: formData,
                            processData: false,
                            contentType: false,
                            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'
                                });
                            }
                        });
                    }
                    else {
                        Swal.fire({
                            title: 'Cancelado',
                            text: 'No se actualizó el colaborador',
                            icon: 'error'
                        });
                    }
                });
            });
        });
    </script>
@stop