@extends(Auth::user()->extender())
@section('title',__('Change Password'))
@section('content')
<div class="app-page-title">
    <div class="page-title-wrapper">
        <div class="page-title-heading">
            <div class="page-title-icon">
                <i class="pe-7s-help2 icon-gradient bg-mean-fruit">
                </i>
            </div>
            <div>{{ __('Change Password') }}</div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="main-card mb-3 card">
            <div class="card-header">

                <h5 class="card-title text-primary">{{ __('Change password') }} </h5><br>
            </div>
            <div class="card-body">
                <div class="alert alert-danger" id="error" style="display: none"></div>
                <form class="" data-parsley-validate method="POST" id="change-password-form"
                    action="{{ route('my.change.password') }}">
                    @csrf


                    <div class="form-group row">
                        <label for="password"
                            class="col-md-4 col-form-label text-md-right">{{ __('Old Password') }}</label>

                        <div class="col-md-6">
                            <input placeholder="Old Password" class="form-control" id="oldpassword" type="password"
                                name="oldpassword" required>

                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="password"
                            class="col-md-4 col-form-label text-md-right">{{ __('New Password') }}</label>

                        <div class="col-md-6">
                            <input id="password" minlength="8" placeholder="New Password" class="form-control"
                                type="password" name="password" required>

                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="password"
                            class="col-md-4 col-form-label text-md-right">{{ __('Confirm New Password') }}</label>

                        <div class="col-md-6">
                            <input id="password-confirm" placeholder="Confirm Password" class="form-control"
                                type="password" name="password_confirmation" required>

                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <div class="col-md-8 offset-md-4">
                            <button type="submit" class="btn btn-primary">
                                {{ __('Change Password') }}
                            </button>

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