@php

    $meta_title = 'Aurobees | Change Password';

    $meta_description = '';

    $meta_keywords = '';

    $add_class_header = 'show-nav';

    $footer_sign_up_for_free_trial = true;

    $active_page = 'setting';

@endphp

@extends('frontend.user.includes.master')

@section('body')

    <div class="dashboard_bg">

        <section class="usr_dashboard_user">

            <div class="container">

                <div class="row">

                    <div class="col-md-3"></div>

                    <div class="col-md-9">

                        <div class="usr_dashboard_title">

                            <h1>Change Password</h1>

                            <div class="d-flex">

                                <div class="log_out_btn">

                                    <a href="javascript:void(0);" onclick="$('#logout-form').submit();">Log Out</a>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="row">

                    <div class="col-md-3">

                        @include('frontend.customer.includes.body.sidebar')

                    </div>

                    <div class="col-md-9">
                        <div class="scroll_screen">
                            <div class="dashboard_right user_setting">

                                <h4>Update Password</h4>

                                <form method="POST" name='customer_change_password' autocomplete="off"
                                    action="{{ route('customer.change.password.store') }}">

                                    @csrf

                                    <div class="form_content_inner">

                                        <div class="form_group">

                                            <label for="">Current Password*</label>

                                            <div class="form_feild">

                                                <input type="password" name="old_password" id="old_password">

                                                <span class="password-toggle" onclick="togglePasswordVisibility()">

                                                    <i id="eyeIcon" class="fa fa-eye"></i>

                                                </span>

                                                @error('old_password')

                                                    <span class="text-danger">{{ $message }}</span>

                                                @enderror

                                            </div>

                                        </div>

                                        <div class="form_group">

                                            <label for="">New Password*</label>

                                            <div class="form_feild">

                                                <input type="password" name="password" id="password">

                                                <span class="password-toggle" onclick="togglePasswordVisibility1()">

                                                    <i id="eyeIcon1" class="fa fa-eye"></i>

                                                </span>

                                                @error('password')

                                                    <span class="text-danger">{{ $message }}</span>

                                                @enderror

                                            </div>

                                        </div>

                                        <div class="form_group">

                                            <label for="">Confirm New Password*</label>

                                            <div class="form_feild">

                                                <input type="password" name="confirm_password" id="confirm_password">

                                                <span class="password-toggle" onclick="togglePasswordVisibility2()">

                                                    <i id="eyeIcon2" class="fa fa-eye"></i>

                                                </span>

                                                @error('confirm_password')

                                                    <span class="text-danger">{{ $message }}</span>

                                                @enderror

                                            </div>

                                        </div>

                                        <div class="save_discard">

                                            <input type="reset" value="CLEAR ALL" class="discard_btn">

                                            <input type="submit" value="UPDATE PASSWORD" class="save_btn">

                                        </div>

                                    </div>

                                </form>

                            </div>
                        </div>
                    </div>

                </div>
                @include('frontend.customer.includes.body.help-center-mobile')
            </div>

        </section>

    </div>

@endsection

@section('script')

    <script>

        window.addEventListener('load', function () {

            @if (Session::has('message'))

                AlertMassage(`