<!DOCTYPE html>
<html lang="en">
<head>
    <title>Inscription Multi-Étapes</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('auth/vendor/bootstrap/css/bootstrap.min.css')); ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('auth/vendor/font-awesome-4.7.0/css/font-awesome.min.css')); ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('auth/css/main.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('app-assets/vendor/bootstrap/css/bootstrap.min.css')); ?>">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="<?php echo e(asset('vendor/font-awesome/css/font-awesome.min.css')); ?>">
    <!-- Fontastic CSS-->
    <link rel="stylesheet" href="<?php echo e(asset('app-assets/css/font.css')); ?>">
    <!-- Google fonts - Open Sans-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
    <!-- Swiper carousel-->
    <link rel="stylesheet" href="<?php echo e(asset('app-assets/vendor/swiper/css/swiper.css')); ?>">
    <!-- Lity-->
    <link rel="stylesheet" href="<?php echo e(asset('app-assets/vendor/lity/lity.css')); ?>">
    <!-- Bootstrap Select-->
    <link rel="stylesheet" href="<?php echo e(asset('app-assets/vendor/bootstrap-select/css/bootstrap-select.css')); ?>">
    <!-- Theme stylesheet-->
    <link rel="stylesheet" href="<?php echo e(asset('app-assets/css/style.default.css')); ?>" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="<?php echo e(asset('app-assets/css/custom.css')); ?>">
    <!--===============================================================================================-->
    <link rel="icon" type="image/png" href="<?php echo e(asset('app-assets/img/favicon.ico')); ?>">
</head>
<body>

    <header class="header">
		<!-- top bar-->
		<div class="top-bar d-none d-md-block">
		  <div class="container">
			<div class="row">
			  <div class="col-md-6">
				<p class="mb-0" style="color: white"> <i class="fa fa-map-marker"></i>Abomey-Calavi, Bénin</p>
			  </div>
			  <div class="col-md-6 text-right">
				<ul class="list-inline mb-0">
				  <li class="list-inline-item"><a href="mailto:info@university.com"><i class="fa fa-envelope"></i>info@c2ea.ine-uac.net </a></li>
				  <li class="list-inline-item"><a href="#"><i class="fa fa-phone"></i>+229 0196638124</a></li>
				</ul>
			  </div>
			</div>
		  </div>
		</div>
		<!-- navbar-->
		<nav class="navbar navbar-expand-lg">
		  <div class="search">
			<div class="search-inner d-flex align-items-center justify-content-center">
			  <div class="close-btn"><i class="icon-close"></i></div>
			</div>
		  </div>
		  <div class="container"><a href="index.html" class="navbar-brand"><strong><img src="https://c2ea.ine-uac.net/upload/ACCUEIL_logo.gif" style="max-height:65px; overflow: hidden; " alt="..." class="img-fluid rounded-circle"></strong><small></small></a>
			<button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right mt-0"><span></span><span></span><span></span></button>
			<div id="navbarSupportedContent" class="collapse navbar-collapse">
			  <div class="navbar-nav ml-auto">
				<div class="nav-item"><a href="<?php echo e(route('welcome')); ?>"   class="nav-link active">ACCUEIL</a></div>
				<a href="<?php echo e(route('login')); ?>" class="nav-link">Connexion </a>
				<a href="<?php echo e(route('register')); ?>" class="nav-link">Inscription <span class="sr-only">(current)</span> </a>
			  </div>
			</div>
		  </div>
		</nav>


	</header>
<div class="limiter">
    <div class="container-login100">
        <div class="wrap-login1000">
            <form id="multiStepForm" action="<?php echo e(route('register')); ?>" method="POST" enctype="multipart/form-data" class="login100-form validate-form">
                <?php echo csrf_field(); ?>

                <?php if(session('success')): ?>
                    <div class="alert alert-success">
                        <?php echo e(session('success')); ?>

                    </div>
                <?php endif; ?>

                <?php $__errorArgs = ['error'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                    <div class="alert alert-danger">
                        <?php echo e($message); ?>

                    </div>
                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                <div class="alert alert-success">
                    <ul class="mb-0">
                            <li> Attention! Cet espace est reservé aux anciens etudiants de l'INE </li>
                    </ul>
                </div>
                <span class="login100-form-title">Inscription</span>

                <!-- Étape 1 -->
                <div class="step" id="step-1">
                    <div class="wrap-input1000 validate-input">
                        <input class="input100" type="text" name="name" placeholder="Nom" required>
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
                            <i class="fa fa-user" aria-hidden="true"></i>
                        </span>
                    </div>
                    <div class="wrap-input1000 validate-input">
                        <input class="input100" type="text" name="surname" placeholder="Prénoms" required>
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
                            <i class="fa fa-user" aria-hidden="true"></i>
                        </span>
                    </div>
                    <div class="wrap-input1000 validate-input">
                        <select class="input100" name="code_pays" required>
                            <option value="">Code pays*</option>
                            <?php $__currentLoopData = $code_pays; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $code): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($code->country_code); ?>"><?php echo e($code->intitulePays); ?></option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>
                    </div>
                    <div class="wrap-input1000 validate-input">
                        <input class="input100" type="text" name="phone" placeholder="Téléphone" required>
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
                            <i class="fa fa-phone" aria-hidden="true"></i>
                        </span>
                    </div>
                    <div class="wrap-input1000 validate-input">
                        <input class="input100" type="email" name="email" placeholder="Email" required>
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
                            <i class="fa fa-envelope" aria-hidden="true"></i>
                        </span>
                    </div>
                    <button type="button" class="login100-form-btn" onclick="nextStep()">Suivant</button>
                </div>

                                <!-- Étape 2 -->
                <div class="step" id="step-2" style="display: none;">
                    
                    <div class="wrap-input1000 validate-input">
                        <select class="input100" name="sexe" required>
                            <option value="">Sexe</option>
                            <option value="M">Masculin</option>
                            <option value="F">Féminin</option>
                        </select>
                    </div>
                    <div class="wrap-input1000 validate-input">
                        <select class="input100" name="statutAlumnis" required>
                            <option value="">Choisir un statut</option>
                            <?php $__currentLoopData = $statuts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $statut): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($statut->idStatut); ?>"><?php echo e($statut->intitule); ?></option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>
                    </div>
                    <div class="wrap-input1000 validate-input">
                        <select class="input100" name="niveau" required>
                            <option value="">Choisir un niveau d'étude</option>
                            <?php $__currentLoopData = $niveaux; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $niveau): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($niveau->id); ?>"><?php echo e($niveau->niveauFormation); ?></option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>
                    </div>
                    <div class="wrap-input1000 validate-input">
                        <select class="input100" name="filiere" required>
                            <option value="">Choisir une filière</option>
                            <?php $__currentLoopData = $filieres; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $filiere): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($filiere->idFiliere); ?>"><?php echo e($filiere->intituleFilieres); ?></option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>
                    </div>
                    <div class="wrap-input1000 validate-input">
                        <input class="input100" type="text" name="birthplace" placeholder="Lieu de naissance" required>
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
                            <i class="fa fa-map-marker" aria-hidden="true"></i>
                        </span>
                    </div>
                    <div class="wrap-input1000 validate-input">
                        <input class="input100" type="text" name="nationalite" placeholder="Nationalité" required>
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
                            <i class="fa fa-map-marker" aria-hidden="true"></i>
                        </span>
                    </div>
                    <div class="button-container">
                        <button type="button" class="login100-form-btn" onclick="prevStep()">Précédent</button>
                        <button type="button" class="login100-form-btn" onclick="nextStep()">Suivant</button>
                    </div>
                </div>

                <!-- Étape 3 -->
                <div class="step" id="step-3" style="display: none;">
                     <div class="wrap-input1000 validate-input">
                     <label for="attestation" class="input-label">Date de naissance</label>
                        <input class="input100" type="date" name="birthday" placeholder="Date de naissance" required>
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
                            <i class="fa fa-calendar" aria-hidden="true"></i>
                        </span>
                    </div>
                    <div class="wrap-input1000 validate-input">
                        <label for="attestation" class="input-label">Attestation du diplome obtenu</label>
                        <input class="input100" type="file" name="attestation" id="attestation" accept=".pdf,.jpg,.jpeg,.png" required>
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
                            <i class="fa fa-file" aria-hidden="true"></i>
                        </span>
                    </div>

                    <div class="button-container">
                        <button type="button" class="login100-form-btn" onclick="prevStep()">Précédent</button>
                        <button type="submit" class="login100-form-btn">S'inscrire</button>
                    </div>
                </div>

            </form>
            <!-- Image -->
            <div class="login1000-pic js-tilt" data-tilt>
                    <img src="<?php echo e(asset('auth/images/img2.svg')); ?>" alt="IMG">
                </div>
        </div>
    </div>
</div>

<script>
    let currentStep = 1;

    function nextStep() {
        document.getElementById(`step-${currentStep}`).style.display = 'none';
        currentStep++;
        document.getElementById(`step-${currentStep}`).style.display = 'block';
    }

    function prevStep() {
        document.getElementById(`step-${currentStep}`).style.display = 'none';
        currentStep--;
        document.getElementById(`step-${currentStep}`).style.display = 'block';
    }
</script>
</body>
</html>
<?php /**PATH /home/africawebstudent/public_html/alumnis/resources/views/auth/register.blade.php ENDPATH**/ ?>