@include('beheader')

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Rubah Password Page</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Rubah Password Page</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">

      <!-- Default box -->
      <div class="card" style="padding:20px">
        <div>
            <form name="formuser" id="formuser" method="post">  
                <div class="form-group row">
                    <label for="exampleInputEmail1" class="col-md-2">Password</label>
                    <input type="password" class="form-control col-md-4" id="password" name="password" value="" placeholder="">
                    <div class="col-md-6"></div>
                </div>
                <div class="form-group row">
                    <label for="exampleInputEmail1" class="col-md-2">Password Baru</label>
                    <input type="password" class="form-control col-md-4" id="newpassword1" name="newpassword1" value="" placeholder="">
                    <div class="col-md-6"></div>
                </div>
                <div class="form-group row">
                    <label for="exampleInputEmail1" class="col-md-2">Password Baru</label>
                    <input type="password" class="form-control col-md-4" id="newpassword2" name="newpassword2" value="" placeholder="">
                    <div class="col-md-6"></div>
                </div>
                <div class="form-group row">
                    <label for="exampleInputEmail1" class="col-md-2">&nbsp;</label>
                    <div class="col-md-2">
                      <button type="button" class="btn btn-block btn-primary btn-sm" onClick="savePassword()" >SIMPAN</button>
                    </div>
                    <div class="col-md-8"></div>
                </div>

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

    <script language="javascript">
    <!--
        function savePassword(){
                var jForm = new FormData();
                var formUrl = "";

                if ($("#password").val() != "" && $("#newpassword1").val() != "" && $("#newpassword2").val() != ""){

                    if ($("#newpassword1").val() == $("#newpassword2").val()){
    
                        jForm.append('password', $("#password").val());
                        jForm.append('newpassword1', $("#newpassword1").val());
                        jForm.append('newpassword2', $("#newpassword2").val());
                      
                        openMainLoading();
                        
                        $.ajax({
                              method: "POST",
                              url: formUrl,
                              url: jsBaseUrl+"savepassword",
                              processData: false,
                              contentType: false,
                              data: jForm, 
                              headers: {
                                       }, 
                              beforeSend: function () {
                                      
                                      },
                              success: function (oData) {
                                            closeMainLoading();

                                            var oJson = JSON.parse(oData);

                                            if (oJson.code == "1"){
                                                $("#password").val("");
                                                $("#newpassword1").val("");
                                                $("#newpassword2").val("");
                                                toastr.success('Data tersimpan', '');
                                            } else {
                                                toastr.error('Proses simpan data tidak berhasil', '');
                                            }
                                  }, 
                              error: function (xhr, ajaxOptions, thrownError) {
                                                  closeMainLoading();

                                                  console.log("error");
                                    }
                              });
                    } else {
                        toastr.error('Password baru tidak sama', '');
                    }
                } else {
                    toastr.error('Semua inputan wajib di isi', '');
                }
        }

    //-->
    </script>

    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

  @include('befooter')