@extends('layouts.master')
@section('content')
    <div class="portada">
        <div class="container pt-4">
            <div class="row justify-content-center">
                <div class="d-flex justify-content-center">
                    <div class="p-2">
                      @include('alerts.paypal')
                      @include('alerts.stripe')
                    </div>
                </div>
                <div class="d-flex flex-row-reverse">
                    
                    <div class="p-2">
                        <input type="submit" id="brl" class="traslate" value="">
                    </div>
                    <div class="p-2">
                        <input type="submit" id="esp" class="traslate" value="">
                    </div>
                    <div class="p-2">
                        <input type="submit" id="eua" class="traslate" value="">
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="card transparente mb-4">
                        <div class="card-header bg-rojo">
                            <div class="card-title">
                                {{-- <i class="fas fa-credit-card"></i> --}}
                                
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="text-center">
                                <h4 class="lang-text" key="text-titulo"></h4>
                                <p class="lang" key="text-descricion"></p>
                            </div>
                            <hr>
                            <form action="{{ route('clientes.store') }}" method="post" id="paymentForm" autocomplete="off">
                                @csrf
                                <div class="row">
                                    <div class="col-md-4">
                                        <label for="nombre_alumno" class="formulario__label lang" key="nombre"><span
                                                class="span-requerido">*</span> </label>
                                        <input type="text" name="nombre_alumno" id="nombre_alumno"
                                            class="form-control form-control-sm @error('nombre_alumno') is-invalid @enderror"
                                            value="{{ old('nombre_alumno') }}">
                                        @error('nombre_alumno')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-4">
                                        <label for="apellidos_alumno" class="formulario__label lang" key="apellido"> <span
                                                class="span-requerido">*</span></label>
                                        <input type="text" name="apellidos_alumno" id="apellidos_alumno"
                                            class="form-control form-control-sm @error('apellidos_alumno') is-invalid @enderror"
                                            value="{{ old('apellidos_alumno') }}">
                                        @error('apellidos_alumno')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-4">
                                        <label for="fecha_nacimiento" class="formulario__label lang" key="fecha-nacimiento"><span
                                                class="span-requerido">*</span> </label>
                                        <input type="date" name="fecha_nacimiento" id="fecha_nacimiento"
                                            class="form-control form-control-sm @error('fecha_nacimiento') is-invalid @enderror"
                                            value="{{ old('fecha_nacimiento') }}">
                                        @error('fecha_nacimiento')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-4 mt-2">
                                        <label for="anio_escolar" class="formulario__label lang" key="anio-escolar"> <span
                                                class="span-requerido">*</span></label>
                                        <input type="text" name="anio_escolar" id="anio_escolar"
                                            class="form-control form-control-sm @error('anio_escolar') is-invalid @enderror"
                                            value="{{ old('anio_escolar') }}">
                                        @error('anio_escolar')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-4 mt-2">
                                        <label for="nombre_tutor" class="formulario__label lang" key="nombre-tutor"><span
                                                class="span-requerido">*</span></label>
                                        <input type="text" name="nombre_tutor" id="nombre_tutor"
                                            class="form-control form-control-sm @error('nombre_tutor') is-invalid @enderror"
                                            value="{{ old('nombre_tutor') }}">
                                        @error('nombre_tutor')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-4 mt-2">
                                        <label for="apellidos_tutor" class="formulario__label lang" key="apellidos-tutor"><span
                                                class="span-requerido">*</span></label>
                                        <input type="text" name="apellidos_tutor" id="apellidos_tutor"
                                            class="form-control form-control-sm @error('apellidos_tutor') is-invalid @enderror"
                                            value="{{ old('apellidos_tutor') }}">
                                        @error('apellidos_tutor')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-4 mt-2">
                                        <label for="parentesco" class="formulario__label lang" key="parentesco"> <span
                                                class="span-requerido">*</span></label>
                                        <select name="parentesco" id="parentesco"
                                            class="form-select form-select-sm @error('parentesco') form-control-smis-invalid @enderror"
                                            >
                                            <option value="" selected class="lang-text" key="select-opction">-- Selecciona una opcion --</option>
                                            <option value="Madre"
                                                @if (old('parentesco') == 'Madre') selected="selected" @endif class="lang-text" key="opction-madre">
                                                Madre</option>
                                            <option value="Padre"
                                                @if (old('parentesco') == 'Padre') selected="selected" @endif class="lang-text" key="opction-padre">
                                                Padre</option>
                                            <option value="Otro"
                                                @if (old('parentesco') == 'Otro') selected="selected" @endif class="lang-text" key="opction-otro">
                                                Otro</option>
                                        </select>
                                        @error('parentesco')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-4 mt-2">
                                        <label for="correo_electronico" class="formulario__label lang" key="correo-electronico"> <span
                                                class="span-requerido">*</span></label>
                                        <input type="mail" name="correo_electronico" id="correo_electronico"
                                            class="form-control form-control-sm @error('correo_electronico') is-invalid @enderror"
                                            value="{{ old('correo_electronico') }}" >
                                        @error('correo_electronico')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-md-4 mt-2">
                                        <label for="telefono" class="formulario__label lang" key="telefono"> <span
                                                class="span-requerido">*</span></label>
                                        <input type="text" name="telefono" id="telefono"
                                            class="form-control form-control-sm @error('telefono') is-invalid @enderror"
                                            value="{{ old('telefono') }}" >
                                        @error('telefono')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-4 mt-2">
                                        <label for="ciclo_viaje" class="formulario__label lang" key="cliclo-viaje"><span
                                                class="span-requerido">*</span></label>
                                        <select name="ciclo_viaje" id="ciclo_viaje"
                                            class="form-select form-select-sm @error('ciclo_viaje') is-invalid @enderror"
                                            >
                                            <option value="" selected class="lang-text" key="select-opction"></option>
                                            <option value="2022"
                                                @if (old('ciclo_viaje') == '2022') selected="selected" @endif>
                                                2022</option>
                                            <option value="2023"
                                                @if (old('ciclo_viaje') == '2023') selected="selected" @endif>
                                                2023</option>
                                            <option value="N/A"
                                                @if (old('ciclo_viaje') == 'N/A') selected="selected" @endif>
                                                N/A</option>
                                            <option value="Virtual"
                                                @if (old('ciclo_viaje') == 'Virtual') selected="selected" @endif>Virtual
                                            </option>

                                        </select>
                                        @error('ciclo_viaje')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-4 mt-2">
                                        <label for="pais" class="formulario__label lang" key="pais"><span
                                                class="span-requerido">*</span></label>
                                        <select name="pais" id="select-pais"
                                            class="form-select form-select-sm @error('pais') is-invalid @enderror"
                                            >
                                            <option value="" selected class="lang-text" key="select-opction">-- Seleciona una opcion --</option>
                                            @foreach ($paises as $pais)
                                                {{-- <option value="{{ $pais->id }}"
                                                    {{ old('pais') == $pais->id ? 'selected' : '' }}>
                                                    {{ $pais->name }}
                                                </option> --}}
                                                <option value="{{ $pais->id }}">
                                                    {{ $pais->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('pais')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>


                                    <div class="col-md-4 mt-2">
                                        <label for="nombre_colegio" class="formulario__label lang" key="nombre-colegio">
                                            <span class="span-requerido">*</span>
                                        </label>
                                       <select name="nombre_colegio" id="select-colegio" class="form-select form-select-sm" >
                                           <option value="" selected class="lang-text" key="select-opction"> -- Selecciona una opcioón -- </option>
                                       </select>
                                        @error('nombre_colegio')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>



                                    <div class="col-md-4 mt-2">
                                        <label for="programa" class="formulario__label lang" key="programa"><span
                                                class="span-requerido">*</span></label>
                                        <select name="programa"
                                            class="form-select form-select-sm @error('programa') is-invalid @enderror"
                                            >
                                            <option value="" selected class="lang-text" key="select-opction"></option>
                                            @foreach ($programas as $programa)
                                                <option value="{{ $programa->id }}"
                                                    {{ old('programa') == $programa->id ? 'selected' : '' }}>
                                                    {{ $programa->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('programa')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-4 mt-2">
                                        <label for="monto_a_pagar" class="formulario__label lang" key="cantidad-pagar"> <span
                                                class="span-requerido">*</span></label>
                                        <input type="number" name="monto_a_pagar" id="cantidad"
                                            class="form-control form-control-sm @error('monto_a_pagar') is-invalid @enderror"
                                            value="{{ old('monto_a_pagar') }}" step="0.01" >
                                        <small class="form-text text-black lang-text" key="text-cantidad"></small>
                                        @error('monto_a_pagar')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-4 mt-2">
                                        <label for="moneda" class="formulario__label lang" key="moneda">Moneda<span
                                                class="span-requerido">*</span></label>
                                        <select name="moneda" id="moneda"
                                            class="form-select form-select-sm @error('moneda') is-invalid @enderror"
                                            >
                                            <option value="" selected class="lang-text" key="select-opction"></option>
                                            <option value="eur"
                                                @if (old('moneda') == 'eur') selected="selected" @endif>
                                                EUR
                                            </option>
                                            <option value="usd"
                                                @if (old('moneda') == 'usd') selected="selected" @endif>
                                                USD
                                            </option>
                                            <option value="mxn"
                                                @if (old('moneda') == 'mxn') selected="selected" @endif>
                                                MXN
                                            </option>

                                        </select>
                                        @error('moneda')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-12 mt-2">
                                        <label for="referencia_pago" class="formulario__label lang" key="referencia-pago"> <span
                                                class="span-requerido">*</span></label>
                                        <textarea name="referencia_pago" id="referencia_pago" class="form-control @error('cantidad') is-invalid @enderror"
                                            rows="3" >{{ old('referencia_pago') }}</textarea>
                                        @error('referencia_pago')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="text-center mt-4">
                                    <button type="submit" class="btn  btn-azul lang-text" key="pagar">
                                        Pagar
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-around">
                    <div class="p-2">
                        <img src="{{ asset('img/logo-paypal.png') }}" alt="PayPal" class="logo-paypal" id="logo-paypal">
                    </div>
                    <div class="p-2">
                        <div class="p-2 mt-3">
                            <a href="https://www.beoworldpayments.com/" class="btn btn-primary lang-text" key="regresar"></i></a>
                        </div>
                    </div>
                    <img src="{{ asset('img/logo-stripe.png') }}" alt="Stripe" class="logo-stripe">
                </div>
            </div>
        </div>
    </div>

@section('select-complet')
    <script src="{{ asset('js/select-complet.js')  }}"></script>    
@endsection

@section('lenguaje')
    <script src="{{ asset('js/lenguaje.js') }}"></script>
@endsection

@endsection