@include('common.header')
<section class="content">

    <div class="col-lg-12" id="load-overlay" name="load-overlay" style="display:none;">
        <div id="loader" ></div>
        <div id="overlay"></div>
    </div>

    @if (isset($status_code))
                @if ($status_code === 200)
                <div class="alert alert-success" id="success-div"><i class="fa fa-check-circle"></i> {{ $success_msg }}
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                </div>
                @endif
                @if ($status_code != 200)
                <div class="alert alert-danger" id="fail-div"><i class="fa fa-check-circle"></i> Update Failed
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                </div>
                @endif
            @endif
            @if (isset($failed_msg))
                <div class="alert alert-error"><i class="fa fa-check-circle"></i> {{ $failed_msg }}
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                </div>
            @endif

    <div class="register-box">
      <div class="register-logo">
        <a href=""><b>Change </b>Password</a>
      </div>

      <div class="register-box-body">
        <p class="login-box-msg">Change My Password</p>

        <form action="" method="POST" enctype="multipart/form-data" onsubmit="displayLoading()">
               <input type="hidden" name="_token" value="{{ csrf_token() }}">

              <div class="form-group has-feedback">
              <input type="text" id="userid-text" name ="userid_text" class="form-control" value= "{{ $uid }}" readonly>
                <span class="glyphicon glyphicon-user form-control-feedback"></span>
              </div>

              <div class="form-group has-feedback">
                <input type="text" id="name-text" name ="name_text" class="form-control" value= "{{ $name }}" readonly>
                <span class="glyphicon glyphicon-user form-control-feedback"></span>
              </div>

              <div class="form-group has-feedback">
                <input type="text" id="password-text" name ="password_text" class="form-control" placeholder="Password">
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
              </div>

              <div class="row">
                <div class="col-xs-12">
                  <button type="submit" class="btn btn-primary btn-block btn-flat">Submit</button>
                </div>
                <!-- /.col -->
              </div>
        </form>

      </div>
      <!-- /.form-box -->
    </div>

</section>

@include('common.footer')

<script> 


    function displayLoading() {
        $("#load-overlay").show();
    }
</script>