<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>GestStudent</title>
    <link rel="stylesheet" href="{{ asset('bootstrap4.5.2/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('fa5/css/all.css') }}">
</head>

<body style="background-color: #eee;">
    <div class="container mt-5 d-flex" style="min-height: 600px; font-size: 30px;">
        <div class="card col-lg-5 p-0 m-auto h-auto">
            <div class="card-header bg-secondary">
                <p class="text-light font-weight-bold" style="font-size: 80%;">GestStudent</p>
                <p class="text-light" style="font-size: 50%;">Connexion avec votre compte GestStudent</p>
            </div>
            <div class="card-body">
                @if ($from_session_expired)
                    <div class="alert alert-danger alert-dismissible fade show mb-2" role="alert" style="font-size: 40%;">
                        <span class="text-sm">Veuillez vous reconnecter svp</span>
                    </div>
                @endif
                <form method="POST" action="{{ route('connexion_first') }}" class="col-lg-10 m-auto p-3">
                    @csrf
                    <input type="hidden" name="BD" value="{{ $BD }}">
                    <input type="hidden" name="CALLBACK_URL" value="{{ $CALLBACK_URL }}">
                    <button type="submit" class="btn btn-primary w-100" style="font-size: 50%;"><i class="fa fa-angle-double-right mr-5"></i>Se connecter avec GestStudent</button>
                </form>
            </div>
        </div>
    </div>
    <script src="{{ asset('bootstrap4.5.2/js/jquery-3.5.1.slim.min.js') }}"></script>
    <script src="{{ asset('bootstrap4.5.2/js/bootstrap.min.js') }}"></script>
</body>

</html>
