@extends('frontend.mediknode.layout.mainlayout')
@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            Connexion
        @endslot
        @slot('li_1')
            Connexion
        @endslot
    @endcomponent
    <div class="login-content">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-lg-6 mx-auto">
                    <div class="login-wrap">
                        <div class="login-header">
                            <h3>Accéder à votre Espace</h3>
                        </div>
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <form method="POST" action="{{ url('login') }}" class="needs-validation" novalidate>
                            @csrf
                            <div class="form-group group-img">
                                <div class="group-img">
                                    <i class="feather-mail"></i>
                                    <input type="text" class="form-control" placeholder="Email" name="email"
                                        value="{{ old('email') }}" id="email" autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="pass-group group-img">
                                    <i class="feather-lock"></i>
                                    <input type="password" class="form-control pass-input" placeholder="Mot de passe"
                                        name="password" id="password" autocomplete="off">
                                    <span class="toggle-password feather-eye-off"></span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 col-sm-6">
                                    <label class="custom_check" for="rememberme">
                                        <input type="checkbox" name="rememberme" class="rememberme" id="rememberme"
                                            autocomplete="off">
                                        <span class="checkmark">
                                        </span>Se souvenir de moi
                                    </label>
                                </div>
                                <div class="col-md-6 col-sm-6">
                                    <div class="text-md-end">
                                        <a class="forgot-link" href="{{ route('forget.password.get') }}">Mot de passe oublié
                                            ?</a>
                                    </div>
                                </div>
                            </div>
                            <button class="btn btn-success w-100 login-btn" type="submit" href="{{ url('dashboard') }}">Se
                                connecter</button>
                            <div class="register-link text-center">
                                <p>Vous n'avez pas de compte ? <a class="forgot-link"
                                        href="{{ url('create-account-step-one') }}">S'inscrire</a></p>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection