@section('title', __('auth/login.Login'))

@push('style')
<link rel="stylesheet" href="{{mix('css/web/auth/login.css')}}">
@endpush

@push('script')
<script src="{{mix('js/web/auth/login.js')}}"></script>
@endpush

<x-guest-layout>
    <div class="login_wraper">
        <div class="login_wrap_3">
            <div class="login_head_1">
                <a class="navbar-brand" href="{{ route('web_home') }}">
                    <img src="{{config('settings.logo_dark') && Storage::disk('jazeera')->exists(config('settings.logo_dark')) ? Storage::disk('jazeera')->url(config('settings.logo_dark')) : asset("images/web/logo-dark.png")}}">
                </a>
            </div>
            <div class="login_body_1">
                <div class="col-md-12 mt-1 mb-5">
                    <a class="back-btn mb-5 d-inline-block" href="{{ route('web_home') }}"><i class="fa fa-chevron-left"></i> @lang('auth/login.BACK TO HOME PAGE')</a>
                </div>
                <div class="mobile_banner mb-2">
                    <img src="{{ asset('images/web/login-mob-img.png')}}" class="img-fluid">
                </div>
                <div class="mt-5 addres_form">
                    <h1 class="mani_head_1 mb-3">@lang('auth/login.Login')</h1>
                    <div class="row">
                        <form id="loginForm" action="{{ route('web_login') }}" method="POST">
                            @csrf
                            <div class="col-md-12 mb-3">
                                <label for="email" class="form-label">@lang('auth/login.Email')</label>
                                <input type="email" value="{{old('email')}}" class="form-control" id="email" name="email" data-rule-required="true" data-rule-email="true">
                                @error('email')<div class="error">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="password" class="form-label">@lang('auth/login.Password')</label>
                                <input type="password" class="form-control" id="password" name="password" data-rule-required="true">
                                @error('password')<div class="error">{{ $message }}</div>@enderror
                            </div>

                            <div class="col-md-12 mb-3 cutome_chebox">
                                <label>
                                    <input type="checkbox" name="remember" />
                                    <span></span>
                                    <h4 class="sub_head_3 m-0">@lang('auth/login.Remember Me')</h4>
                                </label>
                                <h4 class="sub_head_3 m-0 d-table"><a href="javascript:void(0)" id="forgot-button" data-url="{{route('web_password_forgot')}}" style="color:#d20e0e;">@lang('auth/login.Forget password')</a></h4>
                            </div>
                            <button type="submit" class="submit_btn1 float-end  mb-5" id="btnSubmit">@lang('auth/login.Login')</button>
                        </form>
                        <div class="col-md-12">
                            <hr class="mt-5">
                            <h4 class="sub_head_2 text-center m-0">@lang("auth/login.Don't have an account yet?") <a href="{{route('web_register')}}" style="color:#d20e0e;">@lang('auth/login.Register Now')</a></h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="login_wrap_2"></div>
    </div>
    @if(session('emailSend'))
    <div id="emailSuccessModal" style="display:none;">
        <div class="success_modal">
            <h4 class="main_head_2 mt-5 mb-1 text-center">@lang('auth/login.Check your email')</h4>
            <h4 class="sub_para_3 text-center mt-2 mb-4">@lang('auth/login.We have sent a password reset instructions to'): <br><strong>{{session('email')}}</strong></h4>
            <h4 class="sub_para_3 text-center mt-2 mb-4">
                @lang("auth/login.If you don't recieve mail, please check spam folder.")
            </h4>
            <h4 class="sub_para_3 text-center mt-2 mb-0">@lang('auth/login.Need help?')</h4>
            <button type="button" class="save-button mt-3" onclick="window.location.href=`{{route('web_contact')}}`">@lang('auth/login.Contact us')</button>
            <!-- <p class="sub_head_3"><a class="d-inline-block" href="javascript:void(0)"> Back to login</a></p> -->
        </div>
    </div>
    @endif
</x-guest-layout>