@extends('LandingPage.Layouts.master')



@section('content')


<div class="breadcrumb-block style-shared">
    <div class="breadcrumb-main bg-linear overflow-hidden">
        <div class="container lg:pt-[134px] pt-24 pb-10 relative">
            <div class="main-content w-full h-full flex flex-col items-center justify-center relative z-[1]">
                <div class="text-content">
                    <div class="heading2 text-center">{{translate('Login')}}</div>
                    <div class="link flex items-center justify-center gap-1 caption1 mt-3">
                        <a href='{{route('Landing.index')}}'>{{translate('Homepage')}}</a>
                        <i class="ph ph-caret-right text-sm text-secondary2"></i>
                        <div class='text-secondary2 capitalize'>{{translate('Login')}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<div class="login-block md:py-20 py-10">
    <div class="container">
        <div class="content-main flex gap-y-8 max-md:flex-col">
            <div class="left md:w-1/2 w-full lg:pr-[60px] md:pr-[40px] md:border-r border-line">
                <div class="heading4">{{translate('Login')}}</div>
                <form class="md:mt-7 mt-4" action="{{ route('landing.PostLogin') }}" method="POST">
                    @csrf
                    <div class="email">
                        <input class="border-line px-4 pt-3 pb-3 w-full rounded-lg
                            @error('email') border-red-500 @enderror"
                            id="username" type="email" name="email" placeholder="Username or email address *" required />
                        @error('email')
                            <div class="text-red-500 mt-1 text-sm">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="pass mt-5">
                        <input name="password" class="border-line px-4 pt-3 pb-3 w-full rounded-lg
                            @error('password') border-red-500 @enderror"
                            id="password" type="password" placeholder="Password *" required />
                        @error('password')
                            <div class="text-red-500 mt-1 text-sm">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="flex items-center justify-between mt-5">
                        <div class="flex items-center">
                            <div class="block-input">
                                <input type="checkbox" name="remember" id="remember" />
                                <i class="ph-fill ph-check-square icon-checkbox"></i>
                            </div>
                            <label for="remember" class="pl-2 cursor-pointer">{{ translate('Remember me') }}</label>
                        </div>
                        <a href="{{route('landing.password.request')}}" class="font-semibold hover:underline">{{ translate('Forgot Your Password?') }}</a>
                    </div>

                    <div class="block-button md:mt-7 mt-4">
                        <button class="button-main">{{ translate('Login') }}</button>
                    </div>
                </form>



            </div>
            <div class="right md:w-1/2 w-full lg:pl-[60px] md:pl-[40px] flex items-center">
                <div class="text-content">
                    <div class="heading4">{{translate('New Customer')}}</div>
                    <div class="mt-2 text-secondary">{{translate('Be part of our growing family of new customers! Join us today')}}
                        {{translate('and unlock a world of exclusive benefits, offers, and personalized experiences')}}.</div>
                    <div class="block-button md:mt-7 mt-4">
                        <a href='{{route('landing.showregisterform')}}'
                         class="button-main">{{translate('Register')}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection