@extends('backend.layouts.main_layout')
@section('title','Change Password')
@section('content_header')
<div class="row mb-2">
    <div class="col-sm-6">
        <h1 class="m-0 text-dark">Account/Change Password <span class="text-danger ml-4" style="font-size: 15px;"><strong>{{ Session::get('error_msg') }}</strong> </span><span class="text-success ml-4" style="font-size: 15px;"><strong>{{ Session::get('succ_msg') }}</strong> </span></h1>
    </div><!-- /.col -->
    <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">dashboard</a></li>
        <li class="breadcrumb-item active">Change Password</li>
        </ol>
    </div>
 </div>
@endsection
@section('main_content')
<div class="container-fluid">
<div class="row">
          <!-- left column -->
          <div class="col-md-12">
            <!-- jquery validation -->
            <div class="card card-secondary">
              <div class="card-header">
                <h3 class="card-title">Change Password <small> </small></h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              

              <form action="{{ route('account.update-password') }}" method="post" role="form" id="change_password_form">
                  @csrf
                <div class="card-body">
                  <div class="form-group">
                    <label for="old_password">Old Password</label>
                    <input type="password" name="old_password" class="form-control" id="old_password" placeholder="Enter Old Password">
                  </div>
                  <div class="form-group">
                    <label for="new_password">New Password</label>
                    <input type="password" name="new_password" class="form-control" id="new_password" placeholder="Enter New Password">
                  </div>
                  <div class="form-group">
                    <label for="confirm_password">Confirm Password</label>
                    <input type="password" name="confirm_password" class="form-control" id="confirm_password" placeholder="Confirm New Password">
                  </div>
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                  <input type="submit" value="Save" name="change_pass_submit_btn" class="btn btn-success">
                </div>
              </form>
            </div>
            <!-- /.card -->
            </div>
          <!--/.col (left) -->
          <!-- right column -->
          <div class="col-md-6">

          </div>
          <!--/.col (right) -->
        </div>
        <!-- /.row -->
</div><!-- /.container-fluid -->
@endsection