@extends('layouts.app', [
    'navClass' => 'navbar-light bg-secondary',
    'parentSection' => 'laravel',
    'elementName' => 'client-management'
])

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

@section('title', 'Buscar Voos |')

@section('content')
    @component('layouts.headers.auth')
        @component('layouts.headers.breadcrumbs')
            @slot('title')
                Voos
            @endslot
        @endcomponent
    @endcomponent

    <div class="container-fluid mt--6">
        <div class="col-12 mt-2">
            @include('alerts.success')
            @include('alerts.errors')
        </div>
        <div class="row">
            <div class="col-xl-12 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Buscar Voos</h3>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('send-search-flights') }}" method="POST" autocomplete="off">
                        @csrf

                        <h6 class="heading-small text-muted mb-4">Informações da Busca</h6>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group{{ $errors->has('origem') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="origem">Origem:</label>
                                        <input type="text" name="origem" class="form-control" id="origem" required><br>
                                    @include('alerts.feedback', ['field' => 'origem'])
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group{{ $errors->has('destino') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="destino">Destino:</label>
                                        <input type="text" name="destino" id="destino" class="form-control" required><br>
                                    @include('alerts.feedback', ['field' => 'destino'])
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group{{ $errors->has('data_ida') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="data_ida">Data da Ida:</label>
                                        <input type="date" name="data_ida" id="data_ida" class="form-control" required><br>
                                    @include('alerts.feedback', ['field' => 'data_ida'])
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group{{ $errors->has('data_volta') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="data_volta">Data da Volta:</label>
                                        <input type="date" name="data_volta" id="data_volta" class="form-control" required><br>
                                    @include('alerts.feedback', ['field' => 'data_volta'])
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-4">
                                    <div class="form-group{{ $errors->has('adultos') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="adultos">Quantidade de Adultos:</label>
                                        <input type="number" name="adultos" id="adultos" class="form-control" value="1" min="1"><br>
                                        @include('alerts.feedback', ['field' => 'adultos'])
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group{{ $errors->has('criancas') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="criancas">Quantidade de Crianças:</label>
                                        <input type="number" name="criancas" id="criancas" class="form-control" value="0" min="0"><br>
                                    @include('alerts.feedback', ['field' => 'criancas'])
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group{{ $errors->has('bebes') ? ' has-danger' : '' }}">
                                        <label class="form-control-label" for="bebes">Quantidade de Bebês:</label>
                                        <input type="number" name="bebes" id="bebes" class="form-control" value="0" min="0"><br>
                                    @include('alerts.feedback', ['field' => 'bebes'])
                                    </div>
                                </div>
                            </div>
                            <div class="text-center" style="float: right;">
                                <button type="submit" class="btn btn-success btn-sm mt-4">Cadastrar</button>
                            </div>
                        </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {{-- <form action="{{ route('send-search-flights') }}" method="POST">
        @csrf

        <label for="adultos">Quantidade de Adultos:</label>
        <input type="number" name="adultos" id="adultos" value="1" min="1"><br>

        <label for="criancas">Quantidade de Crianças:</label>
        <input type="number" name="criancas" id="criancas" value="0" min="0"><br>

        <label for="bebes">Quantidade de Bebês:</label>
        <input type="number" name="bebes" id="bebes" value="0" min="0"><br>

        <label for="cabine">Tipo de Cabine:</label>
        <input type="text" name="cabine" id="cabine"><br>

        <label for="companhias">Companhias Preferenciais (separar por vírgulas):</label>
        <input type="text" name="companhias" id="companhias"><br>

        <input type="checkbox" name="bagagem" id="bagagem">
        <label for="bagagem">Apenas voos com bagagem</label><br>

        <input type="checkbox" name="direto" id="direto">
        <label for="direto">Apenas voos diretos</label><br>

        <button type="submit">Pesquisar</button> --}}
        @include('layouts.footers.auth')
    </div>

@endsection

@push('css')
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-select-bs4/css/select.bootstrap4.min.css">
@endpush

@push('js')
    <script src="{{ asset('argon') }}/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-select/js/dataTables.select.min.js"></script>
@endpush