Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/mcoil.corals.io/resources/views/driver/settings/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

@extends('layouts.front.app_driver')
@section('content')
@include('layouts.front.other-menu')
<div class="main-content-350">
<section class="container content">
    <div class="row">
        <div class="col-md-12">
            <h1 class="text-center bold">Account Setting</h1>
        </div>
        <div class="col-md-10 col-md-offset-1">
            <ul class="nav nav-tabs">
              <li class="active"><a data-toggle="tab" href="#change_password">Change Password</a></li>
            </ul>
            <div class="tab-content">
              <div id="change_password" class="tab-pane fade in active">
                <br><br>
                <div class="col-md-12">@include('layouts.errors-and-messages')</div>
                <div class="row">
                    <form action="{{ route('driver.settings.changepassword') }}" method="post" name="change_password_form" id="change_password_form">
                        @csrf
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="current_password">Current Password:</label>
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                                    <input type="password" class="form-control input-lg" id="current_password" name="current_password" placeholder="********" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="new_password">New Password:</label>
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                                    <input type="password" class="form-control input-lg" id="new_password" name="new_password" placeholder="********" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="confirm_password">Confirm Password:</label>
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                                    <input type="password" class="form-control input-lg" id="password_confirm" name="password_confirm" placeholder="********" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 margin-top-30">
                            <div class="form-group">
                                <button type="submit" class="btn btn-dark btn-lg btn-block font-black btn-margin-top">Change Password</button>
                            </div>
                        </div>
                    </form>
                </div>
              </div>
            </div>
        </div>
    </div>
</section>
</div>
@endsection
@section('js')
<script type="text/javascript">
$(document).ready(function () {
    $('#change_password_form').validate({
        errorPlacement: function(error, element) {
            if (element.parent('.input-group').length) {
                error.insertAfter(element.parent());
            } else {
                error.insertAfter(element);
            }
        },
        rules: {
            current_password: { required: true, minlength: 6 },
            new_password: { required: true, minlength: 6 },
            password_confirm: { required: true, minlength: 6, equalTo: "#new_password" }
        },
        messages: {
            current_password: { required: "Current Pasword required" },
            new_password: { required: "New Pasword required", equalTo: 'Passwords do not match' }
        }
    });
});
</script>
@endsection