@extends('website.layouts.master')
@section('content')
    <!-- Start Banar -->
    <div class="banar text-center">
        <div class="info" data-aos-delay="200" data-aos-duration="800" data-aos="fade-up">
            <i class="fas fa-user fa-4x"></i>
            <h1 class="mt-4">{{trans('sidebar.reset_password')}}</h1>
        </div>
    </div>
    <!-- End Banar -->
    <!-- ================================================= -->
    <!-- Start Login -->
    <div class="login">
        <div class="container">
            <div class="row">
                <div class="box m-auto col-md-8">
                    <form method="POST" action="{{ route('password.update') }}">
                        @csrf
                        <input type="hidden" name="token" value="{{ $token }}">

                        <div class="header text-center">
                            <img src="{{asset('website/images/Group 3089.png')}}" alt="">
                            <h3>{{trans('sidebar.reset_password')}}</h3>
                        </div>
                        <div class="input-group mb-3 mt-5" data-aos-delay="100" data-aos-duration="800"
                             data-aos="zoom-in">
                            <img src="{{asset('website/images/Group 3089.png')}}" alt="">
                            <input type="email" class="form-control @error('email') is-invalid @enderror"
                                   placeholder="{{trans('sidebar.email')}}" name="email"
                                   value="{{ $email ?? old('email') }}" required autocomplete="email" autofocus>
                            @error('email')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                        <div class="input-group mb-3 mt-5" data-aos-delay="100" data-aos-duration="800"
                             data-aos="zoom-in">
                            <img src="{{asset('website/images/Group 3089.png')}}" alt="">
                            <input type="password" class="form-control @error('password') is-invalid @enderror"
                                   placeholder="{{trans('sidebar.password')}}" name="password" required
                                   autocomplete="new-password">
                            @error('password')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                        <div class="input-group" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                            <img src="{{asset('website/images/Group 3089.png')}}" alt="">
                            <input type="password" class="form-control"
                                   placeholder="{{trans('sidebar.password_confirmation')}}" name="password_confirmation"
                                   required autocomplete="new-password">
                        </div>

                        <button class="submit mt-5" type="submit" data-aos-delay="100" data-aos-duration="800"
                                data-aos="zoom-in">
                            {{trans('sidebar.reset_password')}}</button>

                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- End Login -->
@endsection