@extends('layout.auth')
@section('content')
<section id="auth" class="container">
        <div class="row">
          <div class="col-6 p-4 authcol">
            <img src="{{asset('media/tflogo.svg')}}" alt="logo" class="img-fluid brandlogo">
            <div class="loginBox">
              <div class="mt-4 text-center authTitle">Authentification</div>
              <div class="text-center">Veuillez introduire votre login et mot de passe</div>
                @if(Session::has('message'))
                    <div class="alert alert-danger">
                    {{Session::get('message')}}
                    </div>
                @endif
              <div class="fields mt-4 text-center">
                <form action="{{route('login')}}" method="POST">
                    @csrf
                  <div class="inputIcon"><img src="{{asset('media/user.png')}}" alt="login"></div>
                  <input type="text" class="form-control mb-4" name="email" placeholder="Nom d'utilisateur">
                  <div class="inputIcon"><img src="{{asset('media/password.png')}}" alt="login"></div>
                  <input type="password" class="form-control" name="password" placeholder="Mot de passe">
                  <button type="submit" class="loginBtn mt-5"><img src="{{asset('media/login.svg')}}" class="me-2" alt="login" height="30px">Connexion</button>
                </form>
              </div>
            </div>
          </div>
          <div class="col-6 p-0 font1">
            <div class="bgLoginImg"></div>
          </div>
        </div>
</section>
@endsection