@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('Forgot Password')}}</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('Forgot Password')}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@if (session('success'))
<script>
    Swal.fire({
        icon: 'success',
        title: 'Success',
        text: "{{ session('success') }}",
    });
</script>
@endif

@if (session('error'))
<script>
    Swal.fire({
        icon: 'error',
        title: 'error',
        text: "{{ session('error') }}",
    });
</script>
@endif


<div class="forgot-pass 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('Reset your password')}}</div>
                <div class="body1 mt-2">{{translate('We will send you an email to reset your password')}}</div>


                <form class="md:mt-7 mt-4" method="POST" action="{{ route('landing.password.email') }}">
                    @csrf
                    <div class="email ">
                        <input class="border-line px-4 pt-3 pb-3 w-full rounded-lg" id="username"
                         type="email" name="email"
                           value="{{ old('email') }}"
                            placeholder="Username or email address *" required />
                            @error('email')
                            <div class="text-red-500 text-sm mt-2">{{ $message }}</div>
                        @enderror
                        </div>
                    <div class="block-button md:mt-7 mt-4">
                        <button class="button-main">{{translate('Submit')}}</button>
                    </div>
                    @if (session('status'))
                        <div class="mt-4 text-green-500">
                            {{ session('status') }}
                        </div>
                    @endif
                </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