@extends('app')
@section('title-page', 'Inscription à l\'université')
@section('content')
    <section>
        <div class="lgx-banner lgx-banner-inner">
            <div class="lgx-page-inner">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="lgx-heading-area">
                                <div class="lgx-heading lgx-heading-white">

                                </div>

                            </div>
                        </div>
                    </div><!--//.ROW-->
                </div><!-- //.CONTAINER -->
            </div><!-- //.INNER -->
        </div>
        <div class="akwaba-overPage"> Akwaba</div>
    </section> <!--//.Banner Inner-->

    {{-- <x-marqueeText /> --}}
    @include('components/marquee-text')

    <style>
        @keyframes fadeOut {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .fade-out {
            animation: fadeOut 0.4s ease forwards;
        }

        .fade-in {
            animation: fadeIn 0.4s ease forwards;
        }

        .d-none {
            display: none;
        }
    </style>

    <link rel="stylesheet" href="{{ asset('assets/css/styleToast.css') }}" media="all" />

    <form action="{{ route('verifAccessCode') }}" method="post">
        @csrf
        <section style="margin-bottom: 17px;">
            <div id="lgx-about" class="lgx-about">
                <div class="lgx-inner" @style(['padding-top' => '5px !important'])>
                    <div class="container">

                        <div class="row" style="justify-content:center" id="zoneModif">
                            <div class="col-6">
                                <div class="card" style="margin-top: 50px">

                                    <div class="card-body">
                                        @if (session('message'))
                                            <div @class([
                                                'alert' => true,
                                                'alert-' . session('statut') => true,
                                                'text-center' => true,
                                            ])>
                                                {{ session('message') }}
                                            </div>
                                        @php
                                           session()->forget('message');
                                           session()->forget('statut');
                                        @endphp
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row" style="justify-content:center" id="zoneModif">
                            <div class="col-6">
                                <div class="form-group">
                                    <input type="text" name="login" class="form-control lgxname text-center"
                                        id="lgxnuminsc" placeholder="Email" autocomplete="false" required>
                                </div>
                            </div>
                        </div>
                        <div class="row" style="justify-content:center" id="zoneModif">

                            <div class="col-6">
                                <div class="form-group">
                                    <input type="password" name="code" class="form-control lgxname text-center"
                                        id="lgxnuminsc" placeholder="Mot de passe" autocomplete="false" required>
                                </div>
                            </div>
                        </div>
                        <div class="row" style="justify-content:center">
                            <div class="col-12">
                                <div class="row" style="justify-content:center">
                                    <div class="col-3">
                                        <button id="valideForm" class="lgx-btn hvr-glow hvr-radial-out lgxsend lgx-send"
                                            style="background:orange; width : 100%">
                                            <span>Se connecter </span>
                                        </button>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </form>

@endsection
@section('script')

@endsection