@extends('layouts.app')

@section('title', 'Editar Horas')

@section('content')
    @if(session('info'))
        <div class="alert alert-success">
            <strong>{{session('info')}}</strong>
        </div>
    @endif

    <p>Bienvenido a esta vista para Editar horas de Jefes y Tripulantes de Cabina</p>
    <div class="card">
        <div class="card-body">
            <form action="{{ route('colaborador-tripulante.update', $colaborador->id) }}" method="POST" id="UpdateForm">
                @csrf
                @method('PUT')
                <div class="row">
                        <input type="hidden" class="form-control" value="{{ old('nombre', $colaborador->id ?? '') }}" style="background-color: rgba(220, 214, 239, 0.719);" name="colaborador_id">
                    <div class="col-12 col-md-3 mb-3">
                        <label for="nombre">Nombres:</label>
                        <input class="form-control" type="text" value="{{ old('nombre', $colaborador->nombre ?? '') }}" style="background-color: rgba(220, 214, 239, 0.719);" id="nombre" readonly>
                    </div>
                    <div class="col-12 col-md-3 mb-3">
                        <label for="ap_paterno">Apellido Paterno:</label>
                        <input class="form-control" type="text"  value="{{ old('paterno', $colaborador->ap_paterno ?? '') }}" style="background-color: rgba(220, 214, 239, 0.719);" id="ap_paterno" readonly>
                    </div>
                    <div class="col-12 col-md-3 mb-3">
                        <label for="ap_materno">Apellido Materno:</label>
                        <input class="form-control" type="text"  value="{{ old('materno', $colaborador->ap_materno ?? '') }}" style="background-color: rgba(220, 214, 239, 0.719);" id="ap_materno" readonly>
                    </div>
                    <div class="col-12 col-md-3 mb-3">
                        <label for="numero_dgac">N° DGAC</label>
                        <input class="form-control" type="text" value="{{ old('numero_dgac', $colaborador->numero_dgac ?? '') }}" style="background-color: rgba(220, 214, 239, 0.719);" id="numero_dgac" readonly>
                    </div>
                </div>
                <hr>
                <div class="row align-items-end">
                    <div class="col-12 col-md-3 mb-3">
                        <label for="horas_totales">Horas Totales:</label>
                        <input class="form-control" type="text" value="{{ $horas_totales }}" id="horas_totales" name="horas_totales">
                    </div>
                    <div class="col-12 col-md-3 mb-3">
                        <label for="horas_equipo">Horas Equipo:</label>
                        <input class="form-control" type="text" value="{{ $horas_equipo }}" id="horas_equipo" name="horas_equipo">
                    </div>
                    <div class="col-12 col-md-3 mb-3 d-flex flex-column flex-md-row gap-2">
                        <button type="submit" class="btn btn-primary">Actualizar</button>
                        <a href="{{ route('horas-vuelo-tripulantes.index') }}" class="btn btn-warning">Cancelar</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $('#UpdateForm').submit(function (event) {
            event.preventDefault(); // Evitar el envío normal del formulario
            // Enviar la solicitud AJAX
            $.ajax({
                url: $(this).attr('action'), // Obtener la URL del formulario
                type: 'POST', // Método HTTP (Laravel lo interpretará como PUT debido a _method)
                data: $(this).serialize(), // Obtener los datos del formulario
                success: function (response) {
                    // Mostrar SweetAlert
                    Swal.fire({
                        title: '¡Éxito!',
                        text: response.message,
                        icon: 'success',
                        confirmButtonText: 'OK'
                    }).then(function () {
                        // Redirigir a la página de índice después de hacer clic en "OK"
                        window.location.href = response.redirect;
                    });
                },
                error: function (xhr, status, error) {
                    // Manejar errores
                    console.error(xhr.responseText);
                }
            });
        });
    </script>
@endsection