@extends('Front.PatientLayout.mainLayout')
@section('title', 'Reset Password')
@section('content')
    <div class="container-fluid p-0 m-0 overflow-hidden">
        <nav class="navbar  ">
            <div class="d-flex ">
                <a href="{{ route('front.patient.settings.view') }}">
                    <i class="mt-2 p-2 fa fa-arrow-left  fs-4 float-start ms-2 ">
                    </i></a>
                <h5 class="m-2 p-2 text-center ">
                    {{ __('setting.setting_reset_pwd') }}
                </h5>
            </div>
        </nav>
        <div class="row">
            <div class="col-sm-12 mt-3">
                <div class="d-flex justify-content-center">
                    <div class=" col-sm-6 col-md-8 col-lg-6 mt-2">
                        @if ($errors->any())
                            <div class="row">
                                <div class="col-sm-12 col-sm-offset-3">
                                    {!! implode('', $errors->all('<div class="alert alert-danger text-white">:message</div>')) !!}
                                </div>
                            </div>
                        @endif
                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif
                        <div class="container mt-5">
                            <form class="form-horizontal" method="POST"
                                action="{{ route('front.patient.reset-password.store') }}">
                                {{ csrf_field() }}
                                <div class="form-group">
                                    <div class=" mb-3">
                                        <input class="form-control mt-2 p-3 fs-5 rounded-3 text-muted border border-2"
                                            name="current_password" placeholder="{{ __('setting.reset_old_password') }}"
                                            type="password" id="old_password">
                                        </input>
                                        <span hidden id="confirmPasswordSpan"
                                            class="text-danger">{{ __('dashboard.oldpwderror') }}</span>

                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="mb-3">
                                        <input class="form-control mt-2 p-3 fs-5 rounded-3 text-muted border border-2"
                                            name="password" placeholder="{{ __('setting.reset_new_password') }}"
                                            type="password" id="password">
                                        </input>
                                        <span hidden id="passwordSpan"
                                            class="text-danger">{{ __('register.enterPassword') }}</span><br>

                                        <span hidden id="passwordSpanThree"
                                            class="text-danger">{{ __('register.minlengthPassword') }}</span>
                                    </div>
                                </div>
                                <div align="center" class="d-grid gap-2  d-flex justify-content-center  mt-5 mb-5">
                                    <button
                                        class=" col-sm-6 col-md-6  btn btn-dark bg-darkBlue  text-white rounded-pill border-0 p-2"
                                        name="update" type="submit" id="update">
                                        {{ __('dashboard.savechanges') }}
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')

    <script nonce="{{ $cspNonce }}" type="text/javascript" src="{{ asset('patientAssets') }}/js/resetpassword.js">
    </script>

@endsection