@extends('layout/app')

@push('css')
<link href="{{ asset('css/homepage.css') }}" rel="stylesheet"/>
@endpush

@section('content')

<div class="modal fade" id="resetPassBox" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered ">
        <div class="modal-outerbox">
            <div class="overlap-header">
                <h5 class="arrival">Reset Password</h5>
            </div>
        <div class="modal-content content">
            <!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> -->
            <div class="modal-body">
                <form action="{{ route('password.reset') }}" method="POST">
                    @csrf
                    <input type="hidden" name="token" value={{ $token }}>
                    <div class="row">
                        <div class="col-12">
                            <label for="newpass">Enter your email</label><br>
                            <input class="input" type="email" id="email" name="email" value="{{ $email ?? old('email') }}" autocomplete="off">
                            @if($errors->reset->has('email'))
                                <div class="error">{{ $errors->reset->first('email') }}</div>
                            @endif
                        </div>
                        <div class="col-12">
                            <label for="newpass">Enter a new password</label><br>
                            <input class="input" type="password" id="password" name="password">
                            @if($errors->reset->has('password'))
                                <div class="error">{{ $errors->reset->first('password') }}</div>
                            @endif
                        </div>
                        <div class="col-12">
                            <label for="newpass">Confirm new password</label><br>
                            <input class="input" type="password" id="password-confirm" name="password_confirmation">
                            @if($errors->reset->has('password_confirmation'))
                                <div class="error">{{ $errors->reset->first('password_confirmation') }}</div>
                            @endif
                            <!-- <input id="password-confirm" type="password" class="form-control" name="password_confirmation" autocomplete="new-password"> -->
                        </div>
                        <div class="d-flex col-12 justify-content-center">
                            <input class="submitbtn" type="submit" value="Confirm">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
    

  <!-- <div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
           <div class="card">
                <div class="card-header">Reset Password</div>
                     <div class="card-body">
                         <form method="POST" action="{{ route('password.reset') }}">
                          @csrf
                          <input type="hidden" name="token" value="{{ $token }}">
                       <div class="form-group row">
                           <label for="email" class="col-md-4 col-form-label text-md-right">E-Mail Address</label>
                         <div class="col-md-6">
                               <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ $email ?? old('email') }}" autocomplete="email" autofocus>

                               @error('email')
                                   <span class="invalid-feedback" role="alert">
                                       <strong>{{ $message }}</strong>
                                   </span>
                               @enderror
                           </div>
                       </div>
   
                       <div class="form-group row">
                           <label for="password" class="col-md-4 col-form-label text-md-right">Password</label>
                           <div class="col-md-6">
                               <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" autocomplete="new-password">

                               @error('password')
                                   <span class="invalid-feedback" role="alert">
                                       <strong>{{ $message }}</strong>
                                   </span>
                               @enderror
                           </div>

                       </div>

                     <div class="form-group row">
                           <label for="password-confirm" class="col-md-4 col-form-label text-md-right">Confirm Password</label>
                           <div class="col-md-6">
                               <input id="password-confirm" type="password" class="form-control" name="password_confirmation" autocomplete="new-password">
                           </div>
                       </div>

                    <div class="form-group row mb-0">
                          <div class="col-md-6 offset-md-4">
                               <button type="submit" class="btn btn-primary">
                                   Reset Password
                               </button>
                           </div>
                       </div>
                   </form>
               </div>
           </div>
       </div>
   </div>
</div> -->

@endsection

@push('js')
<script>
$(document).ready(function() {
    $('#resetPassBox').modal({ backdrop: 'static', keyboard: false });
    $("#resetPassBox").modal('show');
 });
</script>
@endpush