@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('Reset 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('Reset 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>

                @if (session('status'))
                <div class="text-green-500 text-center mb-4">
                    {{ session('status') }}
                </div>
                @endif

                <form class="md:mt-7 mt-4" method="POST" action="{{ route('landing.password.update') }}">
                    @csrf
                    <input type="hidden" name="token" value="{{ $token }}">
                    <div class="mb-4">
                        <label for="email" class="block text-gray-700">{{ translate('Email Address') }}</label>
                        <div class="email">
                            <input class="border-line px-4 pt-3 pb-3 w-full rounded-lg bg-gray-100" id="email" type="email" name="email" value="{{ request('email') }}" disabled />
                            <input type="hidden" name="email" value="{{ request('email') }}">
                            @error('email')
                            <div class="text-red-500 text-sm mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>


                    <br>
                    <div class="mb-4">

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

                    <div class="mb-4">

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



                    <div class="block-button md:mt-7 mt-4">
                        <button class="button-main">{{translate('Reset Password')}}</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