@extends('admin.layouts.main')

@section('content')
<div class="page-wrapper">
    <!-- ============================================================== -->
    <!-- Container fluid  -->
    <!-- ============================================================== -->
    <div class="container-fluid">
        <!-- ============================================================== -->
        <!-- Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        <div class="row page-titles">
            <div class="col-md-5 align-self-center">
                <h4 class="text-themecolor font-bold">Change Password</h4>
            </div>
            <div class="col-md-7 align-self-center text-right">
                <div class="d-flex justify-content-end align-items-center">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active">Change Password</li>
                    </ol>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->

        <!-- <a href="{{ redirect()->back()->getTargetUrl() }}" class="btn btn-dribbble m-2">
            <i class="fa fa-arrow-left" aria-hidden="true"></i> Back
        </a> -->

        @include('admin.includes.alert')
        <div class="card">
            <div class="card-body">
                <h4 class="card-title"></h4>
                <form action="{{ url('credential/update/password') }}" method="POST" data-parsley-validate>
                    @csrf
                    @method('PATCH')

                    <div class="form-row">
                        <div class="col-md-4 mb-3">
                        <label class="control-label">Current Password*</label>
                        <input type="password" data-parsley-required-message="The current password field is required" name="current_password"
                            data-parsley-minlength="8" data-parsley-maxlength="15" value="{{ old('current_password') }}" class="form-control {{ $errors->has('current_password') ? 'is-invalid' : '' }}" 
                            autofocus autocomplete="off" placeholder="Enter Current Password" required>
                        @error('current_password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                        @enderror   
                        </div>

                        <div class="col-md-4 mb-3">
                        <label class="control-label">New Password*</label>
                        <input type="password" name="password" data-parsley-required-message="The new password field is required" 
                            data-parsley-minlength="8" data-parsley-maxlength="15" value="{{ old('password') }}" class="form-control @error('password') is-invalid @enderror"
                            autocomplete="off" placeholder="Enter New Password" required>
                        @error('password')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        </div>
                        
                        <div class="col-md-4 mb-3">
                            <label class="control-label">Confirm  Password*</label>
                            <input type="password" name="password_confirmation" data-parsley-required-message="The confirmation password field is required"
                                data-parsley-minlength="8" data-parsley-maxlength="15" value="{{ old('password_confirmation') }}" class="form-control @error('password_confirmation') is-invalid @enderror"
                                autocomplete="off" placeholder="Enter Password Confirmation" required>
                            @error('password_confirmation')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <button type="submit" class="btn btn-cyan">
                        <i class="fa fa-spinner fa-spin icon-spinner sub-service-save-spin" id="sub-service-save-spin" style="display: none"></i>
                        <span class="sub-service-save-text">Save</span>
                    </button>
                </form>
            </div>
        </div>

        <!-- ============================================================== -->
        <!-- End PAge Content -->
        <!-- ============================================================== -->
    </div>
    <!-- ============================================================== -->
    <!-- End Container fluid  -->
    <!-- ============================================================== -->
</div>
@endsection