@extends('frontend.mediknode.layout.mainlayout')
@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            Mediknode Events
        @endslot
        @slot('li_1')
            Mediknode Events
        @endslot
    @endcomponent
    <div class="dashboard-content">
        <div class="container">
            <div class="dashboard-details">
                <div class="row dashboard-info">
                    <div class="col-lg-12">
                        <div class="card dash-cards">
                            <div class="card-body">
                                <div class="profile-form">
                                    <div class="row">
                                        <div class="col-md-6 text-center mt-3 mb-2 mx-auto">
                                            <div>
                                                <a href="{{ url('create-account-step-one') }}" class="btn btn-primary"><i
                                                        class="feather-user"></i> Création de compte</a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-6 text-center mt-3 mb-2 mx-auto">
                                            <div id="or-sep">OU</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-6 text-start">
                                                        <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-6 text-end">
                                                        <a class="forgot-link" href="{{ route('forget.password.get') }}">Mot
                                                            de passe oublié
                                                            ?</a>
                                                    </div>
                                                </div>
                                                <button class="btn btn-success w-100 mt-3 login-btn" type="submit"
                                                    href="{{ url('dashboard') }}">Se
                                                    connecter</button>
                                            </form>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-8 text-center mt-4 mb-1 mx-auto">
                                            <p class="fs-5 text-success">
                                                <span class="bold">Besoin d'aide ? Contactez-nous :</span>
                                            </p>
                                            <p class="fs-5">
                                                <span class="bold">(+216) 29 770 196</span>
                                            </p>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-8 mt-5 mb-3 mx-auto">
                                            <p>
                                                <span class="bold">Mediknode Events</span>
                                                est une plateforme d'événement médical où vous ne créez qu'un seul compte
                                                pour
                                                accéder à
                                                tous vos événements. Depuis votre espace personnel, vous pouvez retrouver
                                                vos
                                                attestations, documents et abstracts, centralisés en un seul
                                                endroit
                                                pour simplifier votre expérience.
                                            </p>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-8 mt-4 mb-2 mx-auto">
                                            @if ($type == 'inscription')
                                                <div>
                                                    Pour vous inscrire à cet événement, veuillez créer un compte sur notre
                                                    plateforme si vous n'en avez pas encore.
                                                </div>
                                            @endif
                                            @if ($type == 'abstract')
                                                <div>
                                                    Pour soumettre vos abstracts, veuillez créer un compte sur notre
                                                    plateforme si vous n'en avez pas encore.
                                                </div>
                                            @endif
                                            <div class="text-center mt-2">
                                                <a href="{{ url('create-account-step-one') }}" class="btn btn-primary"><i
                                                        class="feather-user"></i> Création de compte</a>
                                            </div>
                                            @if ($type == 'inscription')
                                                <div class="mt-4">Si vous avez
                                                    déjà un compte,
                                                    connectez-vous simplement avec vos
                                                    identifiants
                                                    pour poursuivre votre inscription.
                                                </div>
                                            @endif
                                            @if ($type == 'abstract')
                                                <div class="mt-4">Si vous avez déjà un compte,
                                                    connectez-vous simplement avec vos
                                                    identifiants
                                                    pour soumettre vos abstracts.
                                                </div>
                                            @endif

                                            <div class="text-center mt-2">
                                                <a href="{{ url('login') }}" class="btn btn-secondary"><i
                                                        class="feather-lock"></i> Connexion</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent
@endsection