<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <title>Formulario Educación Virtual</title>
    <link rel="stylesheet" href="<?php echo e(asset('resources/css/inscripcion/estilos.css')); ?>">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" 
          integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        .inputGroup {
            margin-bottom: 10px;
        }

        .espacio {
            height: 40px;
        }
    </style>
</head>

<body>
    <nav>
        <div id="logo">
            <img src="<?php echo e(asset('resources/imgs/inscripcion/logo.png')); ?>" alt="...">
        </div>
        <div id="title" class="letra">
            <b>FORMULARIO INSCRIPCIÓN VIRTUAL</b>
            <div id="subtitle">Educación Virtual</div>
        </div>
        <div id="social-work" class="letra2">
            
            
            <img src="<?php echo e(asset('resources/imgs/inscripcion/logomxx.png')); ?>" alt="...">
        </div>
    </nav>

    <div class="espacio"></div>
    <div class="container">
        <p><b>Nota:</b> Recuerde que los campos con asterisco son obligatorios (<span class="resaltar"><b>*</b></span>)</p>
        <?php if($errors->any()): ?>
            <div class="alert alert-danger">
                <ul>
                    <li><?php echo e($errors->first()); ?></li>
                </ul>
            </div>
        <?php endif; ?>

        <form action="<?php echo e(Route('guardarSolicitud')); ?>" method="post" class="form-group" id="myForm">
            <?php echo csrf_field(); ?>

            <label for=""><b>1.</b> Nombres Y Apellidos (Los datos suministrados en este campo serán utilizados para generar su factura, escriba su nombre completo tal y como aparece en su documento de identificación)<span class="resaltar"><b>*</b></span></label>
            <input type="text" name="nombre_completo" required placeholder="Escribe tu nombre completo"
                class="form-control text-left w-50" required>
            <br>
            <label for=""><b>2.</b> Tipo de documento identidad<span class="resaltar"><b>*</b></span></label>
            <div id="caja_tipo_documento" class="tipo_documento">
                <select name="tipo_documento" id="tipo_documento" class="form-control w-50"
                    onchange="mostrarCampo(this.parentElement, this, 'OTRO')">
                    <option value="">--Seleccione--</option>
                    <option value="CC">CC</option>
                    <option value="TI">TI</option>
                    <option value="Pasaporte">Pasaporte</option>
                    <option value="CE">CE</option>
                    <option value="OTRO">OTRO</option>
                </select>
                <div id="documento_otro" style="display: none;">
                    <label for="" class="mt-1"><b>2.1</b>Otro<span class="resaltar"><b>*</b></span></label>
                    <input type="text" name="otro_documento" class="form-control w-50">
                </div>
            </div>

            <br>

            <label for=""><b>3.</b> Número de documento sin puntos ni comas<span
                    class="resaltar"><b>*</b></span></label>
            <input type="number" name="documento" maxlength="11" placeholder="Escribe tu numero de documento"
                class="form-control text-right w-50" required>

            <br>
            
            <label for=""><b>4.</b> Correo electrónico<span class="resaltar"><b>*</b></span></label>
            <input type="email" name="correo_pers" class="form-control text-left w-50" placeholder="Correo electrónico"
                required>
            <br>
            <label for=""><b>5.</b> Número de celular<span class="resaltar"><b>*</b></span></label>
            <input type="number" name="num_cel" class="form-control text-left w-50" placeholder="Nùmero de celular"
                required>
            <br>

            <label for=""><b>6.</b> Nivel Escolaridad<span class="resaltar"><b>*</b></span></label>
            <div id="nivel" class="nivel">
                <select name="nivel" id="nivel" class="form-control w-50">
                    <option value="">Por favor, elige una opción</option>
                    <?php $__currentLoopData = $niveles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $nivel): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option value="<?php echo e($nivel->id); ?>"><?php echo e($nivel->nivel); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
            </div>
            <br>

            <label for=""><b>7.</b> Departamento<span class="resaltar"><b>*</b></span></label>
            <div id="departamento" class="departamento">
                <select name="departamento" id="departamento" class="form-control w-50">
                    <option value="">Por favor, elige una opción</option>
                    <?php $__currentLoopData = $departamentos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $departamento): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option value="<?php echo e($departamento->id_departamento); ?>"><?php echo e($departamento->departamento); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
            </div>
            <br>

            <label for=""><b>8.</b> Municipio<span class="resaltar"><b>*</b></span></label>
            <div id="municipio" class="municipio">
                <select name="municipio" id="municipio" class="form-control w-50">
                    <option value="">Por favor, elige una opción</option>
                    <?php $__currentLoopData = $ciudades; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ciudad): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option value="<?php echo e($ciudad->id); ?>"><?php echo e($ciudad->descripcion); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
            </div>
            <br>

            <label for=""><b>9.</b> Curso o Diplomado<span class="resaltar"><b>*</b></span></label>
            <div id="curso" class="curso">
                <select name="curso" id="curso" class="form-control w-50" onchange="actualizarDetalles(this.value)">
                    <option value="">--Seleccione--</option>
                    <?php $__currentLoopData = $ofertas; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $oferta): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> 
                        <option value="<?php echo e($oferta->id); ?>"><?php echo e($oferta->nombre_oferta); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
            </div>
            <br>

            <label for=""><b>10.</b> Precio<span class="resaltar"><b>*</b></span></label>
            <input type="number" name="precio" id="precio" class="form-control text-left w-50" placeholder="Precio" readonly>
            <br>

            <label for=""><b>11.</b> Descuento<span class="resaltar"><b>*</b></span></label>
            <input type="number" name="descuento" id="descuento" class="form-control text-left w-50" placeholder="Descuento" readonly>
            <br>

            <label for=""><b>12.</b> Valor total<span class="resaltar"><b>*</b></span></label>
            <input type="number" name="total" id="total" class="form-control text-left w-50" placeholder="Valor total" readonly>
            <br><br>

            <div class="text-center">
                <input type="submit" name="Enviar Formulario" class="btn btn-primary">
            </div>

        </form>
    </div>
    <div class="espacio"></div>

    <script src="<?php echo e(asset('resources/js/inscripcion/form.js')); ?>" defer></script>
    <script>
        const dataOfertas = <?php echo json_encode($ofertas, 15, 512) ?>; //aqui utilizo algo de laravel que es el (a)json que transofrma el array de objetos elloquent a un formato JSON que js pueda entender
        console.log(dataOfertas);
    </script>

</body>

</html>
<?php /**PATH C:\laragon\www\recibos_eduvirtual\resources\views/formulario.blade.php ENDPATH**/ ?>