@extends('client.layouts.app-login')
@section('title','استعادة كلمة المرور')
@section('content')
<div class="auth-inner my-2">
    <!-- Login basic -->
    <div class="card mb-0">
      <div class="card-body">
        <a href="#" class="brand-logo">
          <img src="{{asset('app-assets/images/logo.png')}}" alt="logo" class="logo-large" style="width: 40%;heigh: 40%;">
        </a>
    
        <h4 class="card-title mb-1" align="center">إعادة تعيين كلمة المرور</h4>
    
        @error('email')
        <div class="alert alert-success" role="alert" align="center">
          <div class="alert-body">{{ $message }}</div>
      </div>
     @enderror

        <form class="auth-forgot-password-form mt-2"  action="{{route('client.password.update')}}" method="POST">
            @csrf
            <input type="hidden" name="token" value="{{ $token }}">
            <input type="hidden" name="email" value="{{ $email }}">

            <div class="mb-1">
              <b for="forgot-password-email" class="form-label">كلمة المرور الجديدة</b>
              <input
                type="password"
                class="form-control"
                name="password"
                placeholder="كلمة المرور الجديدة"
                id="password"


              />
              @error('password')
              <span class="invalid-feedback" role="alert">
                  <strong>{{ $message }}</strong>
              </span>
            @enderror
              <br>
              <div class="mb-1">
                <b for="forgot-password-email" class="form-label">تأكيد كلمة المرور</b>
                <input
                  type="password"
                  class="form-control"
                  name="password_confirmation"
                  placeholder=" تأكيد كلمة المرور"
  
                />
                <br>
            </div>
            <button  id="rgbtn" class="btn btn-primary w-100" tabindex="2">تغير كلمة المرور </button>
          </form>
  

    
    
      </div>
    </div>
    <!-- /Login basic -->
    </div>
@endsection
@section('script')

<script>
    $((function(){"use strict";var r=$(".auth-forgot-password-form");r.length&&r.validate({rules:{"password":{minlength:6,required:true},"password_confirmation":{minlength:6,required:true,equalTo:"#password"}}})}));
</script>
@endsection

