@extends('layouts.user_dashboard_main')
@section('content')
    <div class="content-heading1">
        <h3>Change Password</h3>
    </div>
    @if (session('error'))
        <div class="alert alert-danger errorMsg">
            {{ session('error') }}
        </div>
    @endif
    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
    <div class="auth-sec">

        <div class="auth-top-text1">Your new password must be different from previous used passwords.</div>
        <button type="button" class="edit-btn d-none"><img src="{{ asset('frontend/assets/images/ic_outline-edit.svg') }}"></button>

        <form class="form-horizontal" method="POST" action="{{ route('changePassword') }}">
            {{ csrf_field() }}
            <div class="auth-from-box">
                <div class="row fix-row">
                    <div class="col-12 col-md-12 fix-col">
                        <div class="custom-form-group-s1">
                            <label>Current Password</label>
                            <input type="password" class="form-control-s1" placeholder="Enter Current Password"
                                id="current-password" name="current-password" minlength="8" required>
                            @if ($errors->has('current-password'))
                                <span class="errorMsg">
                                    <strong>{{ $errors->first('current-password') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="col-12 col-md-12 fix-col">
                        <div class="custom-form-group-s1">
                            <label>Enter New password</label>
                            <input type="password" class="form-control-s1" placeholder="Enter New password"
                                id="new-password" name="new-password" minlength="8" required>
                            {{-- <div class="input-btm-text">Must be at least 8 characters.</div> --}}
                            @if ($errors->has('new-password'))
                                <span class="errorMsg">
                                    <strong>{{ $errors->first('new-password') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="col-12 col-md-12 fix-col">
                        <div
                            class="custom-form-group-s1">
                            <label>Confirm New Password</label>
                            <input type="password" class="form-control-s1" placeholder="Confirm New Password"
                                id="new-password-confirm" name="new-password_confirmation" minlength="8" required>
                            @if ($errors->has('new-password_confirmation'))
                                <span class="errorMsg">
                                    <strong>{{ $errors->first('new-password_confirmation') }}</strong>
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="col-12 col-md-12 fix-col">
                        <div class="custom-actions-group-s1">
                            <button type="submit" class="theme-solid-btn submit-btn">Update changes</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection