<!DOCTYPE html>
<html>

<head>

<?php   include('include/common.php');?>  




</head>

<body>

    <!-- admin javascript -->
     <script type="text/javascript">
      $( document ).ready(function() {

          //add control
        $("#btnSubmit").click(function(event) {
          var forcusitem="";
          var passCheck=true;


          // if($('#shortcode').val().length !== 0){
          //   $("#shortcode").addClass(" is-valid ");
          //   $("#shortcode").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#shortcode";
          //   }
          //   passCheck=false;
          //   $("#shortcode").addClass(" is-invalid ");
          //  $("#shortcode").removeClass(" is-valid ");
          // }


        //   if($('#inputadminname').val().length !== 0){
        //     $("#inputadminname").addClass(" is-valid ");
        //     $("#inputadminname").removeClass(" is-invalid ");
        //   }
        //   else{
        //     if(forcusitem.length===0){
        //        forcusitem="#inputadminname";
        //     }
        //     passCheck=false;
        //     $("#inputadminname").addClass(" is-invalid ");
        //    $("#inputadminname").removeClass(" is-valid ");
        //   }

          // if($('#password').val().length !== 0){
          //   $("#password").addClass(" is-valid ");
          //   $("#password").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#password";
          //   }
          //   passCheck=false;
          //   $("#password").addClass(" is-invalid ");
          //  $("#password").removeClass(" is-valid ");
          // }

          // if($('#confirm_password').val().length !== 0){
          //   $("#confirm_password").addClass(" is-valid ");
          //   $("#confirm_password").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#confirm_password";
          //   }
          //   passCheck=false;
          //   $("#confirm_password").addClass(" is-invalid ");
          //  $("#confirm_password").removeClass(" is-valid ");
          // }

          // if($('#confirm_password').val().length !== 0 || ($('#confirm_password').val()!==$('#password').val())){
          //   $("#confirm_password").addClass(" is-valid ");
          //   $("#confirm_password").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#confirm_password";
          //   }
          //   passCheck=false;
          //   $("#confirm_password").addClass(" is-invalid ");
          //  $("#confirm_password").removeClass(" is-valid ");
          // }

          

          //  if($('#chi_name').val().length !== 0){
          //   $("#chi_name").addClass(" is-valid ");
          //   $("#chi_name").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#chi_name";
          //   }
          //   passCheck=false;
          //   $("#chi_name").addClass(" is-invalid ");
          //  $("#chi_name").removeClass(" is-valid ");
          // }

          // if($('#eng_firstname').val().length !== 0){
          //   $("#eng_firstname").addClass(" is-valid ");
          //   $("#eng_firstname").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#eng_firstname";
          //   }
          //   passCheck=false;
          //   $("#eng_firstname").addClass(" is-invalid ");
          //  $("#eng_firstname").removeClass(" is-valid ");
          // }

          //  if($('#eng_lastname').val().length !== 0){
          //   $("#eng_lastname").addClass(" is-valid ");
          //   $("#eng_lastname").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#eng_lastname";
          //   }
          //   passCheck=false;
          //   $("#eng_lastname").addClass(" is-invalid ");
          //  $("#eng_lastname").removeClass(" is-valid ");
          // }


          //  if($('#role_name').val().length !== 0){
          //   $("#role_name").addClass(" is-valid ");
          //   $("#role_name").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#role_name";
          //   }
          //   passCheck=false;
          //   $("#role_name").addClass(" is-invalid ");
          //  $("#role_name").removeClass(" is-valid ");
          // }

          //  if($('#tenant_no').val().length !== 0){
          //   $("#tenant_no").addClass(" is-valid ");
          //   $("#tenant_no").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#tenant_no";
          //   }
          //   passCheck=false;
          //   $("#tenant_no").addClass(" is-invalid ");
          //  $("#tenant_no").removeClass(" is-valid ");
          // }

          //  if($('#income_type').val().length !== 0){
          //   $("#income_type").addClass(" is-valid ");
          //   $("#income_type").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#income_type";
          //   }
          //   passCheck=false;
          //   $("#income_type").addClass(" is-invalid ");
          //  $("#income_type").removeClass(" is-valid ");
          // }


          //  if($('#commission').val().length !== 0){
          //   $("#commission").addClass(" is-valid ");
          //   $("#commission").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#commission";
          //   }
          //   passCheck=false;
          //   $("#commission").addClass(" is-invalid ");
          //  $("#commission").removeClass(" is-valid ");
          // }

          // if($('#gender').val().length !== 0){
          //   $("#gender").addClass(" is-valid ");
          //   $("#gender").removeClass(" is-invalid ");
          // }
          // else{
          //   if(forcusitem.length===0){
          //      forcusitem="#gender";
          //   }
          //   passCheck=false;
          //   $("#gender").addClass(" is-invalid ");
          //  $("#gender").removeClass(" is-valid ");
          // }




        //   alert("1");
          if(passCheck==true){

          
          var GlobalVariables ={
                  'csrfToken': '123',
                  'baseUrl':'<?php echo base_url();?>',
                  // 'destUrl':'<?php echo base_url();?>/api/v1/frontend/add',
                  'AJAX_SUCCESS' :'SUCCESS',
                  'AJAX_FAILURE' :'FAILURE'
            };

            event.preventDefault();
            // var postUrl= GlobalVariables.baseUrl +'/api/v1/brshopend/add';
            var postUrl= '<?php echo base_url();?>' +'/api/v1/bremployeegroupend/add';
            // var postData ={
            //       'csrfToken' :'',
            //       'custname' : $('#name').val(),
            //       'tel' : $('#tel').val(),
            //       'email' : $('#email').val(),
            //       'wechat' : $('#wechat').val(),
            //       'birthday' : $('#birthday').val(),
                  // 'selectedBox' :$('.css-checkbox:checked').val()
                  // 'selectedBox' :selectBox1

            // }

            //get all checked right box
            var checkedIDs = $("#find-table input:checkbox:checked").map(function(){
                  return $(this).val();
              }).toArray();
    // console.log(checkedIDs);
              // alert(checkedIDs);

            //end get

            
            var postData ={
                'name':$('#name').val(),
                'chi_name':$('#chi_name').val(),
                'isboss':$('#isboss').is(':checked') ? 1 : 0,
                'ismanager':$('#ismanager').is(':checked') ? 1 : 0,
                'isconsultant':$('#isconsultant').is(':checked') ? 1 : 0,
                'istherapist':$('#istherapist').is(':checked') ? 1 : 0,
                'checkedIDs':checkedIDs
                // 'inputadminname':$('#inputadminname').val(),

            }
            $.ajax({
                  method: "POST",
                  url: postUrl,
                  dataType: "json",
                 data: postData,
                 success : function(data){

                // alert("posted");
                // // alert('formsubmit');
                // alert(data);
                
                // alert(data['recordstatus']);
                // alert(data['msg']);
                if(data['recordstatus']=="SUCCESS"){
                    $('#feedback').remove();
                    $( '#newmsg' ).append('<p class="text-primary" id="feedback">'+data['msg']+'</p>');
                    setTimeout(function() {
                        location.reload();
                    }, 3000);
                    // location.reload();

                }
                  if(data['recordstatus']=="FAILURE"){
                    $('#feedback').remove();
                    $( '#newmsg' ).append('<p class="text-danger"  id="feedback">'+data['msg']+'</p>');
                //   $( '#modal-bodymsg' ).empty();
                //   $( '#modal-bodymsg' ).append( '<h5 class="text-center" style="color: #a03d49;">客戶不能增加。</h5> <h5 class="text-center" style="color: #a03d49;">請稍後再嘗試。</h5>' );
                //   $('#finishModal').modal('show');
                // }
                  // if (data.AJAX_SUCCESS==GlobalVariables.AJAX_SUCCESS){
                  //     window.location.href=GlobalVariables.destUrl;
                  // } else {
                  //     $('.alert').text("登入錯誤");
                  //    $('.alert').removeClass('hidden');
                  }
              }
            });  

            }//if(passCheck==true){
        });//$("#btnSubmit").click(function(event) {

        //edit control
          $("#btnUpdate").click(function(event) {
          var forcusitem="";
          var passCheck=true;


         // if($('#username').val().length !== 0){
         //    $("#username").addClass(" is-valid ");
         //    $("#username").removeClass(" is-invalid ");
         //  }
         //  else{
         //    if(forcusitem.length===0){
         //       forcusitem="#username";
         //    }
         //    passCheck=false;
         //    $("#username").addClass(" is-invalid ");
         //   $("#username").removeClass(" is-valid ");
         //  }


         //  if($('#password').val().length !== 0){
         //    //check two password match or not
         //    if($('#confirmpassword').val().length !== 0 || ($('#confirmpassword').val()!==$('#password').val())){
         //      $("#confirmpassword").addClass(" is-valid ");
         //      $("#confirmpassword").removeClass(" is-invalid ");
         //    }
         //    else{
         //      if(forcusitem.length===0){
         //         forcusitem="#confirmpassword";
         //      }
         //      passCheck=false;
         //      $("#confirmpassword").addClass(" is-invalid ");
         //     $("#confirmpassword").removeClass(" is-valid ");
         //    }  

         //    //end check two password match or not
         //  }//if($('#password').val().length !== 0){

         //  if($('#roleId').find(":selected").val().length !== 0){
         //    $("#roleId").addClass(" is-valid ");
         //    $("#roleId").removeClass(" is-invalid ");
         //  }
         //  else{
         //    if(forcusitem.length===0){
         //       forcusitem="#roleId";
         //    }
         //    passCheck=false;
         //    $("#roleId").addClass(" is-invalid ");
         //   $("#roleId").removeClass(" is-valid ");
         //  }  

         //   if($('#formshopid').find(":selected").val().length !== 0){
         //    $("#formshopid").addClass(" is-valid ");
         //    $("#formshopid").removeClass(" is-invalid ");
         //  }
         //  else{
         //    if(forcusitem.length===0){
         //       forcusitem="#formshopid";
         //    }
         //    passCheck=false;
         //    $("#formshopid").addClass(" is-invalid ");
         //   $("#formshopid").removeClass(" is-valid ");
         //  }
          

         //   if($('#incomeId').find(":selected").val().length !== 0){
         //    $("#incomeId").addClass(" is-valid ");
         //    $("#incomeId").removeClass(" is-invalid ");
         //  }
         //  else{
         //    if(forcusitem.length===0){
         //       forcusitem="#incomeId";
         //    }
         //    passCheck=false;
         //    $("#incomeId").addClass(" is-invalid ");
         //   $("#incomeId").removeClass(" is-valid ");
         //  }

           //   alert("1");
          if(passCheck==true){

          
          var GlobalVariables ={
                  'csrfToken': '123',
                  'baseUrl':'<?php echo base_url();?>',
                  // 'destUrl':'<?php echo base_url();?>/api/v1/frontend/add',
                  'AJAX_SUCCESS' :'SUCCESS',
                  'AJAX_FAILURE' :'FAILURE'
            };

            event.preventDefault();
            var postUrl= '<?php echo base_url();?>' +'api/v1/bremployeegroupend/update';
            // var postData ={
            //       'csrfToken' :'',
            //       'custname' : $('#name').val(),
            //       'tel' : $('#tel').val(),
            //       'email' : $('#email').val(),
            //       'wechat' : $('#wechat').val(),
            //       'birthday' : $('#birthday').val(),
            //       // 'selectedBox' :$('.css-checkbox:checked').val()
            //       'selectedBox' :selectBox1

            // }
            // $checkedpurchase=0;
            // if($('#need_purchase_service').is(':checked')){
            //     $checkedpurchase=1;
            // }
            // else
            // {
            //   $checkedpurchase=0;
            // }  
            //get all checked right box
            var checkedIDs = $("#find-table input:checkbox:checked").map(function(){
                  return $(this).val();
              }).toArray();
    // console.log(checkedIDs);
              // alert(checkedIDs);

            //end get

            var postData ={
                'name':$('#name').val(),
                'chi_name':$('#chi_name').val(),
                'isboss':$('#isboss').is(':checked') ? 1 : 0,
                'ismanager':$('#ismanager').is(':checked') ? 1 : 0,
                'isconsultant':$('#isconsultant').is(':checked') ? 1 : 0,
                'istherapist':$('#istherapist').is(':checked') ? 1 : 0, 
                // 'need_purchase_service':$checkedpurchase,
                // 'service_id':$('#service_id').val(),
                // 'purchased_date':$('#purchased_date').val(),
                // 'purchased_qty':$('#purchased_qty').val(),
                // 'available_qty':$('#available_qty').val(),
                // 'remark2':$('#remark2').val(),
                'id':$('#id').val(),
                'checkedIDs':checkedIDs

            }

            // alert($('#level2').val());
            $.ajax({
                  method: "POST",
                  url: postUrl,
                  dataType: "json",
                 data: postData,
                 success : function(data){

                // alert("posted");
                // // alert('formsubmit');
                // alert(data);
                
                // alert(data['recordstatus']);
                // alert(data['msg']);
                if(data['recordstatus']=="SUCCESS"){
                    $('#feedback').remove();
                    $( '#newmsg' ).append('<p class="text-primary" id="feedback">'+data['msg']+'</p>');
                    setTimeout(function() {
                        location.reload();
                    }, 3000);
                    // location.reload();

                }
                  if(data['recordstatus']=="FAILURE"){
                    $('#feedback').remove();
                    $( '#newmsg' ).append('<p class="text-danger"  id="feedback">'+data['msg']+'</p>');
                //   $( '#modal-bodymsg' ).empty();
                //   $( '#modal-bodymsg' ).append( '<h5 class="text-center" style="color: #a03d49;">客戶不能增加。</h5> <h5 class="text-center" style="color: #a03d49;">請稍後再嘗試。</h5>' );
                //   $('#finishModal').modal('show');
                // }
                  // if (data.AJAX_SUCCESS==GlobalVariables.AJAX_SUCCESS){
                  //     window.location.href=GlobalVariables.destUrl;
                  // } else {
                  //     $('.alert').text("登入錯誤");
                  //    $('.alert').removeClass('hidden');
                  }
              }
            });  

            }//if(passCheck==true){
        });//$("#btnUpdate").click(function(event) {


        });// $( document ).ready(function() {

      </script>
    


    <?php   include('include/header.php');?>
    <div class="wrapper" >
        
        <?php   include('include/sidebar.php');?>
        <!-- Page Content  -->
        <div id="content" style="background-color: #ffffff;">
           
            <!-- add button -->
            <div class="title">
            <?php
            if($pagemethod=="add"){
               echo "<h5>新增角色</h5>";
            }
            if($pagemethod=="edit"){
               echo "<h5>更改角色</h5>";
            }
            ?>
          </div>

            <div style="" class="menubar2  p-2">
            <a href="/at-cms/bremployeegroupadmin">
                        <i class="fas fa-plus" style=" display: inline-block;
/*  border-radius: 10px;
  box-shadow: 0px 0px 2px #888;*/
  color: <?php echo MAIN_TEXT_COLOR;?>;
  padding: 2px 2px;"></i>返回</a></div>
            <!-- input form -->
            <form>
            <div class="form-group row">
              <label for="name" class="col-sm-2 col-form-label">英文名</label>
              <div class="col-sm-10">
                <input type="text"  class="form-control" id="name" name="name"  value="<?php
                       if($pagemethod=="edit" || $pagemethod=="detail"){
                          echo $employeegroup_detail->name;
                       }
                  ?>" placeholder="輸入英文名" <?php
                        if($pagemethod=="detail"){ echo "readonly";}?>>
                <div class="valid-feedback">正確</div>
                <div class="invalid-feedback">没有资料</div>
              </div>
            </div>
            <div class="form-group row">
              <label for="chi_name" class="col-sm-2 col-form-label">中文名</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" id="chi_name" name="chi_name" value="<?php
                       if($pagemethod=="edit" || $pagemethod=="detail"){
                          echo $employeegroup_detail->chi_name;
                       }
                  ?>" placeholder="輸入中文名" <?php
                        if($pagemethod=="detail"){ echo "readonly";}?>>
                <div class="valid-feedback">正確</div>
                <div class="invalid-feedback">没有资料</div>
              </div>
            </div>
            <div class="form-group row">
              <label for="name" class="col-sm-2 col-form-label">老板</label>
              <div class="col-sm-10">
                <input type="checkbox" id="isboss" name="isboss" value="1"
                <?php
                       if($pagemethod=="edit" || $pagemethod=="detail"){

                          if($employeegroup_detail->isboss==1){
                            echo "checked";
                          }
                       }
                  ?>
                   <?php
                          if($pagemethod=="detail"){
                            echo 'disabled="disabled"';
                          }
                        ?>
                >
                <div class="valid-feedback">正確</div>
                <div class="invalid-feedback">没有资料或密碼和登入密碼不同</div>
              </div>
            </div>

            <div class="form-group row">
              <label for="name" class="col-sm-2 col-form-label">經理</label>
              <div class="col-sm-10">
                <input type="checkbox" id="ismanager" name="ismanager" value="ture"
                 <?php
                       if($pagemethod=="edit" || $pagemethod=="detail"){

                          if($employeegroup_detail->ismanager==1){
                            echo "checked";
                          }
                       }
                  ?>
                  <?php
                    if($pagemethod=="detail"){
                      echo 'disabled="disabled"';
                    }
                  ?>
                  

                >
                <div class="valid-feedback">正確</div>
                <div class="invalid-feedback">没有资料或密碼和登入密碼不同</div>
              </div>
            </div> 

            <div class="form-group row">
              <label for="name" class="col-sm-2 col-form-label">顧問</label>
              <div class="col-sm-10">
                <input type="checkbox" id="isconsultant" name="isconsultant" value="ture"
                 <?php
                       if($pagemethod=="edit" || $pagemethod=="detail"){

                          if($employeegroup_detail->isconsultant==1){
                            echo "checked";
                          }
                       }
                  ?>
                  <?php
                    if($pagemethod=="detail"){
                      echo 'disabled="disabled"';
                    }
                  ?>
                >
                <div class="valid-feedback">正確</div>
                <div class="invalid-feedback">没有资料或密碼和登入密碼不同</div>
              </div>
            </div> 

            <div class="form-group row">
              <label for="name" class="col-sm-2 col-form-label">美容師</label>
              <div class="col-sm-10">
                <input type="checkbox" id="istherapist" name="istherapist" value="ture"
                <?php
                       if($pagemethod=="edit" || $pagemethod=="detail"){

                          if($employeegroup_detail->istherapist==1){
                            echo "checked";
                          }
                       }
                  ?>
                  <?php
                    if($pagemethod=="detail"){
                      echo 'disabled="disabled"';
                    }
                  ?>
                >
                <div class="valid-feedback">正確</div>
                <div class="invalid-feedback">没有资料或密碼和登入密碼不同</div>
              </div>
            </div> 
                           
<!--             <div class="form-group row">
              <label for="inputPassword" class="col-sm-2 col-form-label">備註</label>
              <div class="col-sm-10">
                <textarea  type="text" class="form-control" id="remark" name="remark" rows="4" cols="50" placeholder="輸入備註"></textarea>
              </div>
            </div>
 -->
           

            <!-- permision row -->
            <div class="form-group row">
              <label for="name" class="col-sm-2 col-form-label text-">角色權限</label>
              <div class="col-sm-10">
                <table class="table table-bordered table-striped"　 id="find-table">
                    <thead>
                    <tr>
                      <th style="text-align: center">目錄名稱
                      </th>
                      <th style="text-align: center">進入
                      </th>
                      <th style="text-align: center">增加
                      </th>
                      <th style="text-align: center">更改
                      </th>
                      <th style="text-align: center">删除
                      </th>
                    </tr>
                  <?php
                  foreach ($module_list as $module_row) {
                  ?>
                    <tr>
                      <td>
                          <?php echo $module_row->name;?>
                      </td>
                      <td>
                        <input name="rights[]" value="<?php
                        $currentmoduleid="";
                        foreach($all_module_data as $all_module){
                          if($all_module->name==$module_row->name && $all_module->accessfield==1){
                            echo $all_module->id;
                            $currentmoduleid=$all_module->id;
                          }
                        } 
                        ?>"  type="checkbox"

                        <?php
                          if($pagemethod=="edit" || $pagemethod=="detail"){
                            foreach ($module_list_user as $module_list_userrow) {
                                if($module_list_userrow->moduleid==$currentmoduleid){
                                  echo "checked";
                                }
                            }
                          }
                        ?>
                        <?php
                          if($pagemethod=="detail"){
                            echo 'disabled="disabled"';
                          }
                        ?>
                        >
                      </td>
                      <td>
                        <input name="rights[]" value="<?php
                        $currentmoduleid="";
                        foreach($all_module_data as $all_module){
                          if($all_module->name==$module_row->name && $all_module->addfield==1){
                            echo $all_module->id;
                            $currentmoduleid=$all_module->id;
                          }
                        } 
                        ?>"  type="checkbox"
                        <?php
                        if($pagemethod=="edit" || $pagemethod=="detail"){
                          foreach ($module_list_user as $module_list_userrow) {
                              if($module_list_userrow->moduleid==$currentmoduleid){
                                echo "checked";
                              }
                          }
                        }
                        ?>
                         <?php
                          if($pagemethod=="detail"){
                            echo 'disabled="disabled"';
                          }
                        ?>
                        >
                      </td>
                      <td>
                        <input name="rights[]" value="<?php
                        $currentmoduleid="";
                        foreach($all_module_data as $all_module){
                          if($all_module->name==$module_row->name && $all_module->editfield==1){
                            echo $all_module->id;
                            $currentmoduleid=$all_module->id;
                          }
                        } 
                        ?>"  type="checkbox"
                        <?php
                        if($pagemethod=="edit" || $pagemethod=="detail"){
                          foreach ($module_list_user as $module_list_userrow) {
                              if($module_list_userrow->moduleid==$currentmoduleid){
                                echo "checked";
                              }
                          }
                        }
                        ?>
                         <?php
                          if($pagemethod=="detail"){
                            echo 'disabled="disabled"';
                          }
                        ?>
                        >
                      </td>
                      <td>
                        <input name="rights[]" value="<?php
                        $currentmoduleid="";
                        foreach($all_module_data as $all_module){
                          if($all_module->name==$module_row->name && $all_module->deletefield==1){
                            echo $all_module->id;
                            $currentmoduleid=$all_module->id;
                          }
                        } 
                        ?>" type="checkbox"
                         <?php
                         if($pagemethod=="edit" || $pagemethod=="detail"){
                          foreach ($module_list_user as $module_list_userrow) {
                              if($module_list_userrow->moduleid==$currentmoduleid){
                                echo "checked";
                              }
                          }
                        }
                        ?>
                         <?php
                          if($pagemethod=="detail"){
                            echo 'disabled="disabled"';
                          }
                        ?>
                        >
                      </td>
                    </tr> 
                  <?php
                  }//foreach ($module_list as $module_row) {
                  ?>
                </table>
              </div>
            </div>
            <!-- end permision row -->
            
             <div class="form-group row">
                        <div class="col-sm-12">
                        <p style="font-size: 12px;"><span style="color:#616161">*為必填項目<br>登入名稱為英文字或數字組成(不分大小寫)</span></p>
                        <span id="newmsg" class="text-center"></span>
                         </div>
            </div>


            <div class="form-group row">
                        <div class="col-sm-12 text-center">
                          <?php
                        if($pagemethod=="add"){?>
                        <button type="button" class="btn  px-5  custombutton" id="btnSubmit">確定</button>
                        <?php
                        }//if($pagemethod=="add"){?>
                        <?php
                           if($pagemethod=="edit"){?>
                           <input type="hidden" class="form-control" id="id" name="id" placeholder="" value="<?php echo 
                 $employeegroup_detail->id;
              ?>">
                          <button type="button" class="btn  px-5  custombutton mr-5" id="btnResetUpdate" onClick="window.location.reload();">重設</button>
                          <button type="button" class="btn  px-5  custombutton" id="btnUpdate">更改</button>
                        <?php
                        }//if($pagemethod=="edit"){?>


                        </div>
            </div>
          </form>
          <!-- end input form -->
           
            <!-- end add button -->

            
        </div>
    </div>


    <script type="text/javascript">
        $(document).ready(function () {
            $('#sidebarCollapse').on('click', function () {
                $('#sidebar').toggleClass('active');
            });

            // password click
            bootstrapRevealPassword();

// Plugin to integrate in your javascript file
            function bootstrapRevealPassword() {
            $('[data-password]').closest('.form-group').addClass('position-relative').append('<span class="form-password-icon"><i class="material-icons">visibility_off</i></span>');

            $('.form-password-icon').on('click', function() {
                var clicks = $(this).data('clicks');
                if (clicks) {
                // odd clicks
                $(this).html('<span class="input-group-text "><i class="fas fa-eye-slash"></i></span>').prevAll(':input').attr('type', 'password');
                } else {
                // even clicks
                $(this).html('<span class="input-group-text "><i class="fas fa-eye"></i></span>').prevAll(':input').attr('type', 'text');
                }
                $(this).data("clicks", !clicks);
            });
            }

            // end password click

        });
    </script>
</body>

</html>