@extends('layouts.main')

@section('content')



            <div class="col-12 col-sm-11 col-md-9 col-lg-10 col-xl-10 bg-light py-3 text-center" style="font-family: Cairo, sans-serif;background: #f6f6f6;">
                <!-- Start: Google Style Login -->
                <div class="login-card pe-xxl-3 ps-xxl-3 pb-xxl-2">
                    <lottie-player src="https://assets6.lottiefiles.com/packages/lf20_3vbOcw.json" mode="normal" autoplay=""></lottie-player>
                    <p class="profile-name-card">تسجيل دخول </p>
                        @include('shared.errors')
                        @include('shared.flash_message')
                   <form method="POST" action="{{ route('login') }}" id="login-form">
                    @csrf
                        <span class="reauth-email"> </span><input class="form-control" type="email" name="email" id="inputEmail" required="" placeholder="البريد الإلكتروني" autofocus=""><input class="form-control" name="password" type="password" id="inputPassword" required="" placeholder="كلمة المرور">
                        
                          @error('password')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                        
                        <div class="checkbox">
                            <div class="row">
                                <div class="col-xxl-5"></div>
                                <div class="col mb-xxl-4"><a class="forgot-password" href="reset-password.html">نسيت كلمة&nbsp;المرور؟</a></div>
                            </div>
                        </div>
                        <button class="btn btn-primary btn-lg d-block btn-signin w-100" type="submit">تسجيل دخول</button>
                        <div id="login-box-footer">
                            <p>ليس لدي حساب<a href"register" class="ps-xxl-0">إنشاء حساب جديد</a></p>
                        </div>
                    </form>
                </div><!-- End: Google Style Login -->
            </div>

@endsection