@extends('site.layouts.app', ['auth_page' => true])

@section('content')
    <div class="login-page">
        @include('site.inc.auth_navbar')
        <!-- login box -->
        <div class="login-section">
            <div class="container-fluid">
                <div class="row justify-content-center position-relative">
                    <div class="col-lg-5 col-md-7 col-12">
                        <div class="login-box rounded-xl def-bg p-46">
                            <form class="main-form white" action="{{ route('login') }}" method="POST">
                                @csrf
                                <h3 class="dark-color fw-600 mb-46 text-center">{{ __("site.Auth.Welcome") }}</h3>
                                <div class="form-group mb-3">
                                    <label class="form-label dark-color mb-3 fw-600">{{ __("messages.Email") }}</label>
                                    <div class="input-icon">
                                        <input type="email" class="form-control @error('email') is-invalid @enderror"
                                            name="email" value="{{ old('email') }}" dir="{{ app()->getLocale() == 'ar' ? 'rtl' : 'ltr' }}" placeholder="{{ __("site.Auth.Company_3") }}">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M3 5V4.5C2.86739 4.5 2.74021 4.55268 2.64645 4.64645C2.55268 4.74021 2.5 4.86739 2.5 5H3ZM21 5H21.5C21.5 4.86739 21.4473 4.74021 21.3536 4.64645C21.2598 4.55268 21.1326 4.5 21 4.5V5ZM3 5.5H21V4.5H3V5.5ZM20.5 5V17H21.5V5H20.5ZM19 18.5H5V19.5H19V18.5ZM3.5 17V5H2.5V17H3.5ZM5 18.5C4.60218 18.5 4.22064 18.342 3.93934 18.0607C3.65804 17.7794 3.5 17.3978 3.5 17H2.5C2.5 17.663 2.76339 18.2989 3.23223 18.7678C3.70107 19.2366 4.33696 19.5 5 19.5V18.5ZM20.5 17C20.5 17.3978 20.342 17.7794 20.0607 18.0607C19.7794 18.342 19.3978 18.5 19 18.5V19.5C19.663 19.5 20.2989 19.2366 20.7678 18.7678C21.2366 18.2989 21.5 17.663 21.5 17H20.5Z"
                                                fill="black" fill-opacity="0.6" />
                                            <path d="M3 5L12 14L21 5" stroke="black" stroke-opacity="0.6"
                                                stroke-linecap="round" stroke-linejoin="round" />
                                        </svg>
                                        @error('email')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group mb-3">
                                    <label class="form-label dark-color mb-3 fw-600">{{ __("messages.Password") }}</label>
                                    <div class="input-icon">
                                        <input type="password" class="form-control @error('password') is-invalid @enderror"
                                            name="password" placeholder="{{ __("site.Auth.Company_4") }}">
                                        <i class="icon-lock"></i>
                                        @error('password')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                    <div class="text-end">
                                        <a href="{{ route('password.request') }}" class="small-text primary-color">{{ __("site.Auth.Forget password") }}</a>
                                    </div>
                                </div>
                                <button class="main-btn w-100 my-3">{{ __("site.Auth.Login") }}</button>
                                <p class="mb-0 small-text text-center"><span class="opacity-70">{{ __("site.Auth.Register_6") }}</span> <a
                                        href="{{ route('register') }}" class="primary-color">{{ __("site.Auth.Register") }}</a></p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection