@extends('layouts.app')

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

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

    <p>Bienvenido a esta vista para Editar registro de Rutas</p>
    <div class="card">
        <div class="card-body">
            <form action="{{ route('rutas_vuelo.update', $rutaVuelo->id) }}" method="POST" id="UpdateForm">
                @csrf
                @method('PUT')
                <div class="row">
                    <div class="col-12 col-md-2 mb-2">
                        <div class="form-group">
                            <label for="vuelo_id">Número de Vuelo:</label>
                            <select name="vuelo_id" id="vuelo_id" class="form-select" required>
                                @foreach($vuelos as $vuelo)
                                    <option value="{{ $vuelo->id }}" {{ $vuelo->id == $rutaVuelo->vuelo_id ? 'selected' : '' }}>{{ $vuelo->numero_vuelo }}</option>
                                @endforeach
                            </select>
                            @error('vuelo_id')
                                    <small class="text-danger">
                                        {{ $message }}
                                    </small>
                            @enderror
                        </div>
                    </div>
                    <div class="col-12 col-md-2 mb-2">
                        <div class="form-group">
                            <label for="destino_partida_id">Destino Partida:</label>
                            <select name="destino_partida_id" id="destino_partida_id" class="form-select" required>
                                @foreach($destinos as $destino)
                                    <option value="{{ $destino->id }}" {{ $destino->id == $rutaVuelo->destino_partida_id ? 'selected' : '' }}>{{ $destino->abreviatura_destino }}</option>
                                @endforeach
                            </select>
                            @error('destino_partida_id')
                                    <small class="text-danger">
                                        {{ $message }}
                                    </small>
                            @enderror
                        </div>
                    </div>
                    <div class="col-12 col-md-2 mb-2">
                        <div class="form-group">
                            <label for="hora_salida">Hora Salida:</label>
                            <input type="time" id="hora_salida" name="hora_salida" class="form-control" value="{{ \Carbon\Carbon::parse($rutaVuelo->hora_salida)->format('H:i') }}" required>
                            @error('hora_salida')
                                    <small class="text-danger">
                                        {{ $message }}
                                    </small>
                            @enderror
                        </div>
                    </div>
                    <div class="col-12 col-md-2 mb-2">
                        <div class="form-group">
                            <label for="destino_llegada_id">Destino Llegada:</label>
                            <select name="destino_llegada_id" id="destino_llegada_id" class="form-select" required>
                                @foreach($destinos as $destino)
                                    <option value="{{ $destino->id }}" {{ $destino->id == $rutaVuelo->destino_llegada_id ? 'selected' : '' }}>{{ $destino->abreviatura_destino }}</option>
                                @endforeach
                            </select>
                            @error('destino_llegada_id')
                                    <small class="text-danger">
                                        {{ $message }}
                                    </small>
                            @enderror
                        </div>
                    </div>
                    <div class="col-12 col-md-2 mb-2">
                        <div class="form-group">
                            <label for="hora_llegada">Hora Llegada:</label>
                            <input type="time" id="hora_llegada" name="hora_llegada" class="form-control" value="{{ \Carbon\Carbon::parse($rutaVuelo->hora_llegada)->format('H:i') }}" required>
                            @error('hora_llegada')
                                    <small class="text-danger">
                                        {{ $message }}
                                    </small>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row mt-2">
                    <div class="col-12 col-md-2 mb-2">
                        <div class="form-group">
                            <label for="duracion_vuelo">Duración de Vuelo:</label>
                            <input type="time" id="duracion_vuelo" name="duracion_vuelo" class="form-control" value="{{ \Carbon\Carbon::parse($rutaVuelo->duracion_vuelo)->format('H:i') }}" required>
                            @error('duracion_vuelo')
                                    <small class="text-danger">
                                        {{ $message }}
                                    </small>
                            @enderror
                        </div>
                    </div>
                    <div class="col-12 col-md-2 mb-2">
                        <div class="form-group">
                            <label for="duracion_plataforma">Duración en Plataforma:</label>
                            <input type="time" id="duracion_plataforma" name="duracion_plataforma" class="form-control" value="{{ \Carbon\Carbon::parse($rutaVuelo->duracion_plataforma)->format('H:i') }}" required>
                            @error('duracion_plataforma')
                                    <small class="text-danger">
                                        {{ $message }}
                                    </small>
                            @enderror
                        </div>
                    </div>
                    <div class="col-12 col-md-2 mb-2">
                        <div class="form-group">
                            <label for="orden">Orden:</label>
                            <input type="number" id="orden" name="orden" class="form-control" value="{{ $rutaVuelo->orden }}" required>
                            @error('orden')
                                    <small class="text-danger">
                                        {{ $message }}
                                    </small>
                            @enderror
                        </div>
                    </div>
                    <div class="col-12 col-md-4 mb-2 d-flex flex-column flex-md-row align-items-end">
                        <button type="submit" class="btn btn-primary mb-2 mb-md-0 me-md-2 w-100 w-md-auto">Actualizar Ruta</button>
                        <a href="{{ route('rutas_vuelo.index') }}" class="btn btn-warning w-100 w-md-auto">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: 'PUT', // Método HTTP
                data: $(this).serialize(), // Obtener los datos del formulario
                success: function (response) {
                    // Mostrar SweetAlert
                    Swal.fire({
                        title: '¡Éxito!',
                        text: response.success,
                        icon: 'success',
                        confirmButtonText: 'OK'
                    }).then(function () {
                        // Redirigir a la página de índice después de hacer clic en "OK"
                        window.location.href = URLs+'/rutas_vuelo';
                    });
                },
                error: function (xhr, status, error) {
                    // Manejar errores
                    console.error(xhr.responseText);
                }
            });
        });

    </script>
@endsection