@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12 text-center">
            <img alt="Logo" src="{{ Helpers::settings('site_logo') }}" style="height: 150px;" />
        </div>
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="dir-rtl text-right">استعادة كلمة المرور</h3>
                </div>
                <div class="card-body">
                    <form class="form w-100" method="POST" id="kt_sign_in_form" action="{{ route('reset-password', ['code' => $user->reset_password_code]) }}">
                        @csrf
                        <div class="fv-row mb-5 dir-rtl text-right">
                            <label for="password"
                            class="form-label fs-6 fw-bolder text-dark">كلمة المرور</label>
                            <input id="password" type="password"
                                class="form-control form-control-lg form-control-solid @error('password') is-invalid @enderror"
                                name="password" required autocomplete="current-password">
                            @error('password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>


                        <div class="fv-row mb-5 dir-rtl text-right">
                            <label for="password_confirmation"
                            class="form-label fs-6 fw-bolder text-dark">تأكيد كلمة المرور</label>
                            <input id="password_confirmation" type="password"
                                class="form-control form-control-lg form-control-solid @error('password_confirmation') is-invalid @enderror"
                                name="password_confirmation" required autocomplete="current-password">
                            @error('password_confirmation')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <!--end::Input group-->
                        <!--begin::Actions-->
                        <div class="text-center">
                            <button type="submit" class="btn btn-primary w-100">
                                <span class="indicator-label">تغيير كلمة المرور</span>
                            </button>


                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection