@extends('layouts.app')

@section('content')
<div class="ht__bradcaump__area" style="background: rgba(0, 0, 0, 0) url({{ asset('assets/images/bg/2.jpg') }}) no-repeat scroll center center / cover ;">
    <div class="ht__bradcaump__wrap_small">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="bradcaump__inner text-center">
                        <h2 class="bradcaump-title">{{ __('member.customer_access') }}</h2>
                        <!-- <nav class="bradcaump-inner"> -->
                        <!-- <a class="breadcrumb-item" href="{{ url('/') }}">{{ __('member.login') }}</a> -->
                        <!-- <span class="brd-separetor">/</span> -->
                        <!-- <span class="breadcrumb-item active">{{ __('contact.contact_us') }}</span> -->
                        <!-- </nav> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="container mb-7">

    <div class="row d-flex justify-content-center align-items-center">
        <!-- Login 12 - Bootstrap Brain Component -->
        <div class="py-3 py-md-5 py-xl-8">
            <div class="row">
                <div class="col-12">
                    <div class="mb-5 text-center">
                        <h2 class="display-5 fw-bold text-center">{{ __('auth.reset_password_title') }}</h2>
                        <p class="text-secondary mt-3">{{ __('auth.reset_password_text') }}</p>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-8 align-self-center ms-auto me-auto">
                    @if ($errors->any())
                    <div class="alert alert-danger text-center">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                </div>
                <div class="col-12 col-lg-10 col-xl-12">
                    <div class="row gy-5 justify-content-center">
                        <div class="col-6 col-lg-5">
                            {{ session('status') }}
                            <form class="login1" method="POST" action="{{ route('password.update') }}">
                                @csrf
                                <!-- Password Reset Token -->
                                <input type="hidden" name="token" value="{{ $request->route('token') }}">
                                <div class="row gy-3 overflow-hidden">
                                    <div class="col-12">
                                        <div class="form-floating mb-3">
                                            <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" id="email" placeholder="" value="{{ old('email') }}" required>
                                            <label for="email" class="form-label">Email</label>

                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-floating mb-3">
                                            <input type="password" class="form-control @error('password') is-invalid @enderror" name="password" id="password" placeholder="" minlength="12" required>
                                            <label for="password" class="form-label">{{ __('member.password') }}</label>
                                        </div>
                                        <small class="form-text text-muted d-block mb-3">{{ __('member.password_requirements') }}</small>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-floating mb-3">
                                            <input type="password" class="form-control @error('password_confirmation') is-invalid @enderror" name="password_confirmation" id="password_confirmation" placeholder="" required>
                                            <label for="password_confirmation" class="form-label">{{ __('member.password_confirmation') }}</label>
                                        </div>
                                    </div>                                    
                                    <div class="col-12">
                                        <div class="contact-btn text-center mt-3 d-grid">
                                            <button class="fv-btn btn btn-lg" type="submit">{{ __('auth.reset_password_button') }}</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

@endsection