@extends('site.layouts.master')

@section('title')
    <title>{{ __('site.Login_Page') }}</title>
@endsection
@section('metatags')
    <link rel="canonical" href="{{str_replace('public/', '', url()->current())}}">
    <link rel="alternate" hreflang="@if (app()->getLocale() == 'ar'){{'en'}}@else{{'ar'}}@endif"
        href="@if (app()->getLocale() == 'en' && str_contains(url()->current(), '/en/')) {{str_replace('/en/', '/ar/', str_replace('public/', '', url()->current()))}}@else{{str_replace('/ar/', '/en/', str_replace('public/', '', url()->current()))}}@endif">
    <link rel="alternate" hreflang="@if (app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif"
        href="{{str_replace('public/', '', url()->current())}}">
@endsection
@section('content')
    <div class="px-4">
        <h1 class="tab_font text-2b2b2b mt-4">@lang('site.Log_message')</h1>
        @if ($errors->any())
            <div class="alert alert-danger text-center">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        @if (session()->has('msg'))
            <div class="alert alert-danger text-center">
                <ul>
                    <li>{{ session()->get('msg') }}</li>
                </ul>
            </div>
        @endif
        <form method="post">
            @csrf
            <div class="form-group">
                <input type="email" class="form-control text-3b3b3b SF18_21RegularImportant py-3 rounded-3 my-3"
                    name="email" value="{{ old('email') }}" placeholder="{{ __('site.Email_Address') }}">
            </div>
            <div class="form-group">
                <input type="Password" class="form-control text-3b3b3b SF18_21RegularImportant py-3 rounded-3 my-3"
                    name="password" placeholder="{{ __('site.Password') }}">
            </div>
            <div class="d-lg-flex justify-content-lg-between align-items-lg-center my-lg-3">
                <div class="form-group col-12 col-lg-9">
                    <button class="w-100 border-0 py-3 rounded-3 bg-3b3b3b SF22_26Bold text-white" type="submit">@lang('site.Login')</button>
                </div>
                <div class="text-center my-3">
                    <a href="{{ route('site.forgotPassword') }}">@lang('site.Forgot Password')</a>
                </div>
            </div>
        </form>
        <div class="d-flex justify-content-center align-items-center">
            <div class="line col-5"></div>
            <div class="col-2 text-center">@lang('site.OR')</div>
            <div class="line col-5"></div>
        </div>
        <div class="my-3">
            <a href="{{ route('social.facebook.login') }}"
                class="text-white text-decoration-none rounded-3 bg-darkBlue w-100 py-3 d-flex justify-content-center align-items-center">
                <div class="d-flex justify-content-center align-items-center">
                    <i class="fa-brands fa-xl fa-facebook mx-2"></i>
                    <p class="SF22_26Bold mb-0">{{ __('site.Log_Facebook') }}</p>
                </div>
            </a>
            <a href="{{ route('social.google.login') }}"
                class="my-3 text-white text-decoration-none rounded-3 bg-darkRed w-100 py-3 d-flex justify-content-center align-items-center">
                <div class="d-flex justify-content-center align-items-center">
                    <i class="fa-brands fa-xl fa-google mx-2"></i>
                    <p class="SF22_26Bold mb-0">{{ __('site.Log_Google') }}</p>
                </div>
            </a>
            <a href="{{ route('social.linkedin.login') }}"
                class="text-white text-decoration-none rounded-3 bg-linkedinButton w-100 py-3 d-flex justify-content-center align-items-center">
                <div class="d-flex justify-content-center align-items-center">
                    <i class="fa-brands fa-xl fa-linkedin mx-2"></i>
                    <p class="SF22_26Bold mb-0">{{ __('site.Log_Linkedin') }}</p>
                </div>
            </a>
        </div>
        <div class="text-center mt-4">
            <p class="text-3b3b3b SF16_19Regular">{{ __('site.If_have_account') }}<a href="{{ route('site.register') }}" class="sign-in text-red">
                    {{ __('site.Register_Now') }}</a></p>
        </div>
    </div>
@endsection