<?php $this->view("includes/Inc_pagehead");?>
<!-- Page Styles Goes Here-->

<?php $this->view("includes/Inc_navigation");?>
<div class="m-grid__item m-grid__item--fluid m-wrapper">
  <!-- BEGIN: Subheader -->
  <div class="m-subheader ">
    <div class="d-flex align-items-center">
      <div class="mr-auto">
        <h3 class="m-subheader__title m-subheader__title--separator">
          Change Password
        </h3>
        <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
          <li class="m-nav__item m-nav__item--home">
            <a href="#" class="m-nav__link m-nav__link--icon">
              <i class="m-nav__link-icon la la-home"></i>
            </a>
          </li>
          <li class="m-nav__separator">
            -
          </li>
          <li class="m-nav__item">
            <a href="<?php echo $this->session->userdata("dashboard_link")?>" class="m-nav__link">
              <span class="m-nav__link-text">
                Home
              </span>
            </a>
          </li>
          <li class="m-nav__separator">
            -
            <li class="m-nav__item">
              <a href="#" class="m-nav__link">
                <span class="m-nav__link-text">
                  Account Settings
                </span>
              </a>
            </li>
            <li class="m-nav__separator">
              -
            </li>
            <li class="m-nav__item">
              <a href="#" class="m-nav__link">
                <span class="m-nav__link-text">
                  Change Password
                </span>
              </a>
            </li>


          </ul>
        </div>
        <div>

        </div>
      </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content" id="form_div">
      <div class="row">
        <div class="col-lg-12">
          <!--begin::Portlet-->
          <div class="m-portlet">
            <div class="m-portlet__head">
              <div class="m-portlet__head-caption">
                <div class="m-portlet__head-title">
                  <span class="m-portlet__head-icon m--hide">
                    <i class="la la-gear"></i>
                  </span>
                  <h3 class="m-portlet__head-text">
                    Account Settings
                  </h3>
                </div>
              </div>
            </div>
            <!--begin::Form-->
            <form id="form_change_password" autocomplete="off" class="m-form m-form--label-align-right" action="<?php echo base_url().'user/update_password' ?>" method="post">
              <div class="m-portlet__body">
                <div class="m-form__section m-form__section--first">
                  <div class="m-form__heading">
                    <h3 class="m-form__heading-title">
                      Change Password:
                    </h3>
                  </div>
                  <div class="form-group m-form__group row">
                    <label class="col-lg-3 col-form-label">
                      Current Password:
                    </label>
                    <div class="col-lg-6">
                      <input type="text" required name="current_pass" class="form-control m-input" placeholder="Enter Current Password">
                      <span class="m-form__help">
                        Please enter your Current Password
                      </span>
                    </div>
                  </div>
                  <div class="form-group m-form__group row">
                    <label class="col-lg-3 col-form-label">
                      New Password:
                    </label>
                    <div class="col-lg-6">
                      <input type="text" required id="new_pass" name="new_pass" class="form-control m-input" placeholder="Enter New Password">
                      <span class="m-form__help">
                        Enter New Password
                      </span>
                    </div>
                  </div>
                  <div class="form-group m-form__group row">
                    <label class="col-lg-3 col-form-label">
                      Confirm Password:
                    </label>
                    <div class="col-lg-6">
                      <input type="text" required name="new_pass_confirm" class="form-control m-input" placeholder="Confirm Password">
                      <span class="m-form__help">
                        Confirm Password
                      </span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="m-portlet__foot m-portlet__foot--fit">
                <div class="m-form__actions m-form__actions">
                  <div class="row">
                    <div class="col-lg-4"></div>
                    <div class="col-lg-8">
                      <button type="submit" name="submit" class="btn btn-primary">
                        Submit
                      </button>
                      <button type="submit" name="submit" class="btn btn-secondary">
                        Cancel
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </form>
            <!--end::Form-->
          </div>
          <!--end::Portlet-->

          <!--end::Portlet-->
        </div>
      </div>
    </div>
  </div>
</div>
<!-- end:: Body -->
<!-- begin::Footer -->

<?php $this->view("includes/Inc_footer");?>
<!-- end::Footer -->
</div>
<!-- end:: Page -->

<?php $this->view("includes/Inc_sidebar");?>
<?php $this->view("includes/Inc_scripts");?>
<!--begin::Page Snippets -->

<!--end::Page Snippets -->
<script>
$("#settings_menu").addClass('m-menu__item--open m-menu__item--expanded');
$("#settings_menu_1").addClass('m-menu__item--active');

$("#form_change_password").validate( {
  rules: {
    new_pass_confirm: {
      required: !0,
      equalTo: '#new_pass'
    }
  }
  , invalidHandler:function(e, r) {
    var i=$("#form_exam_msg");
    i.removeClass("m--hide").show(), mUtil.scrollTo(i, -200)
  }
  , submitHandler:function(e) {
    mApp.blockPage({
      overlayColor: "#000000",
      type: "loader",
      state: "primary",
      message: "Processing...Please Wait"
    }), setTimeout(function() {}, 3e3);
    this.submit();
  }
}
);
</script>
