@extends('layouts.app')

@section('content')

<div class="" style="
background: antiquewhite;
height: 125px;
">
            <div class="">
                <div class="">
                    <br>
                    <br>
                       
                    <div class="flex-1" style="background: white; background-size: cover;">
                        <div class="container">
                            <div class="row">
                                <div class="col col-md-12 ">
                                    
                                    <p 
                                    style="
                                    white-space: nowrap; z-index: 1; 
                                    font-family: 'Red Hat Display', sans-serif; font-size: 3.4vw; 
                                    font-weight: 900; line-height: 22px; color: #f1f6ff; -webkit-text-fill-color: 
                                    antiquewhite; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ff7f4f;text-align: center"> Plateforme de Gestion Scolaire</p>

<br>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col col-md-2 hidden-sm-down"></div>
                                <div class="col col-md-4 hidden-sm-down">
                                 
                                    <br>
                                    <br>
                                    
                            <img src="{{ asset('img/logo.png') }}" style="display: block;margin-left: auto;margin-right: auto;height: 80px;" alt="" aria-roledescription="logo">
                                    <br>
                                     
                                  
                                       <p style="text-align: justify">Logiciel tout en un pour la gestion quotidienne de votre établissement scolaire. Meilleure solution pour école maternelle, primaire, collège, lycée, enseignement supérieur ou centre de formation privée ou publique.</p>
                                    
                                   
                                </div>
                                <div class=" col-md-4 ">
                                   
                                    <div class="card p-2 rounded-plus bg-faded" style="background: #edfffc">

                                        <img src="img/login.png" style="display: block; margin-left: auto; margin-right: auto; width: 100%; width: 190px; padding: 10px;" />
                                        <h1 style="text-align: center" >Système de gestion des écoles</h1>
                                        
                                    <form method="POST" action="{{ route('login') }}">
                        @csrf

                        <div class="row mb-1">
                            

                            <label for="email" class="col-md-12 col-form-label text-md-end">Identifiant</label>

                            <div class="col-md-12">
                                <input id="email" type="email" class="form-control  form-control-lg  @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="password" class="col-md-12 col-form-label text-md-end">Mot de passe</label>

                            <div class="col-md-12">
                                <input id="password" type="password" class="form-control  form-control-lg  @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">

                                @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>


                        <div class="row mb-0">
                            <div class="col-md-12">
                                <button type="submit" class="btn btn-primary btn-block">
                                  SE CONNECTER
                                </button>

                                @if (Route::has('password.request'))
                                    <a class="btn btn-link" href="{{ route('password.request') }}">
                                        Mot de passe oublié ?
                                    </a>
                                @endif
                            </div>
                        </div>
                    </form>

                    
                    <p class="text-center">
                        Version 1001
                    </p>


                                    </div>

                                </div>
                            </div>
                           {{--  <div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-white">
                                2022 © DHeeMAN Group  &nbsp;<a href='https://www.dheemangroup.com' class='text-white opacity-40 fw-500' title='dheemangroup.com' target='_blank'>dheemangroup.com</a>
                            </div> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- BEGIN Color profile -->
        <!-- this area is hidden and will not be seen on screens or screen readers -->
        <!-- we use this only for CSS color refernce for JS stuff -->
    
        <!-- END Color profile -->
        <!-- base vendor bundle: 
			 DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations 
						+ pace.js (recommended)
						+ jquery.js (core)
						+ jquery-ui-cust.js (core)
						+ popper.js (core)
						+ bootstrap.js (core)
						+ slimscroll.js (extension)
						+ app.navigation.js (core)
						+ ba-throttle-debounce.js (core)
						+ waves.js (extension)
						+ smartpanels.js (extension)
						+ src/../jquery-snippets.js (core) -->
                       
                        <script src="{{ asset('js/vendors.bundle.js') }}"></script>
        <script src="{{ asset('js/app.bundle.js') }}"></script>
        <script>
            $("#js-login-btn").click(function(event)
            {

                // Fetch form to apply custom Bootstrap validation
                var form = $("#js-login")

                if (form[0].checkValidity() === false)
                {
                    event.preventDefault()
                    event.stopPropagation()
                }

                form.addClass('was-validated');
                // Perform ajax submit here...
            });

        </script>





@endsection