<!DOCTYPE html>
<html>

<head>

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


 <script src="https://unpkg.com/gijgo@1.9.13/js/gijgo.min.js" type="text/javascript"></script>

    <link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@dashboardcode/bsmultiselect@0.5.58/dist/js/BsMultiSelect.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@dashboardcode/bsmultiselect@0.5.58/dist/js/BsMultiSelect.esm.min.js"></script>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@dashboardcode/bsmultiselect@0.5.58/dist/css/BsMultiSelect.min.css">

<?php
//set default timezone for creater and updater
date_default_timezone_set('Asia/Hong_Kong');

?>

</head>

<body>

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

          //add control
        $("#btnSubmit").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){
          //   $("#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($('#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 ");
          // }

          // 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 ");
          // }


          // // alert($('#formshopid').find(":selected").val());
          // 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 ");
          // }

          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($('#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/bremployeewageend/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

            // }


            // var postData ={
            //     'username':$('#username').val(),
            //     'password':$('#password').val(),
            //     'chi_name':$('#chi_name').val(),
            //     'eng_firstname':$('#eng_firstname').val(),
            //     'eng_lastname':$('#eng_lastname').val(),
            //     'roleId':$('#roleId').val(),
            //     'shopid':$('#formshopid').val(),
            //     'incomeId':$('#incomeId').val(),
            //     'salary':$('#salary').val(),
            //     'gender':$('#gender').val(),
            //     'remark':$('#remark').val()
            //     // 'inputadminname':$('#inputadminname').val(),

            // }
            $checkedsole_shop_bonus=0;
            if($('#sole_shop_bonus').is(':checked')){
                $checkedsole_shop_bonus=1;
            }
            else
            {
              $checkedsole_shop_bonus=0;
            }

            $checkedaverage_shop_bonus=0;
            if($('#average_shop_bonus').is(':checked')){
                $checkedaverage_shop_bonus=1;
            }
            else
            {
              $checkedaverage_shop_bonus=0;
            }


            var formData = new FormData();

        // formData.append('file_url', jQuery('form#upload-file').find('input#file-url')[0].files[0]);

        formData.append('username', jQuery('form#upload-file').find('#username').val());
        formData.append('password', jQuery('form#upload-file').find('#password').val());
        formData.append('chi_name', jQuery('form#upload-file').find('#chi_name').val());
        formData.append('eng_firstname', jQuery('form#upload-file').find('#eng_firstname').val());
        formData.append('eng_lastname', jQuery('form#upload-file').find('#eng_lastname').val());
        formData.append('roleId', jQuery('form#upload-file').find('#roleId').val());
        formData.append('shopid', jQuery('form#upload-file').find('#formshopid').val());
        formData.append('incomeId', jQuery('form#upload-file').find('#incomeId').val());
        formData.append('salary', jQuery('form#upload-file').find('#salary').val());
        formData.append('gender', jQuery('form#upload-file').find('#gender').val());
        formData.append('remark', jQuery('form#upload-file').find('#remark').val());

        formData.append('dateofentry', jQuery('form#upload-file').find('#dateofentry').val());

        formData.append('second_shopid', jQuery('form#upload-file').find('#second_shopid').val());

        formData.append('sole_shop_bonus', $checkedsole_shop_bonus);
        formData.append('average_shop_bonus', $checkedaverage_shop_bonus);
        formData.append('employeegroup',jQuery('form#upload-file').find('#employeegroup').val());
             // var file = document.getElementById("input_photo").files[0];
             //  postData.append('file', file);

            $.ajax({
                //   method: "POST",
                //   url: postUrl,
                //   dataType: "json",
                //  data: postData,

                //   processData: false, //prevent jQuery from converting your FormData into a string
                // contentType: false, //jQuery does not add a Content-Type header for you
                url: postUrl,
                 type: 'post',
            data: formData,
            cache: false,
            processData: false,
            contentType: false,
            dataType:'json',
                 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/bremployeewageend/update';


            $checkedsole_shop_bonus=0;
            if($('#sole_shop_bonus').is(':checked')){
                $checkedsole_shop_bonus=1;
            }
            else
            {
              $checkedsole_shop_bonus=0;
            }
            // alert("sole_shop_bonus"+$checkedsole_shop_bonus);
            $checkedaverage_shop_bonus=0;
            if($('#average_shop_bonus').is(':checked')){
                $checkedaverage_shop_bonus=1;
            }
            else
            {
              $checkedaverage_shop_bonus=0;
            }


            // 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;
            // }



            //not use
            // var postData ={
            //     'username':$('#username').val(),
            //     'password':$('#password').val(),
            //     'chi_name':$('#chi_name').val(),
            //     'eng_firstname':$('#eng_firstname').val(),
            //     'eng_lastname':$('#eng_lastname').val(),
            //     'roleId':$('#roleId').val(),
            //     'shopid':$('#formshopid').val(),
            //     'incomeId':$('#incomeId').val(),
            //     'salary':$('#salary').val(),
            //     'gender':$('#gender').val(),
            //     'remark':$('#remark').val(),
            //     // '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()

            // }

            //end not use

            var formData = new FormData();

        // formData.append('file_url', jQuery('form#upload-file').find('input#file-url')[0].files[0]);

        // formData.append('username', jQuery('form#upload-file').find('#username').val());

        // formData.append('password', jQuery('form#upload-file').find('#password').val());

        formData.append('chi_name', jQuery('form#upload-file').find('#chi_name').val());

        formData.append('eng_firstname', jQuery('form#upload-file').find('#eng_firstname').val());

        // formData.append('eng_lastname', jQuery('form#upload-file').find('#eng_lastname').val());
        formData.append('roleId', jQuery('form#upload-file').find('#roleId').val());
        formData.append('shopid', jQuery('form#upload-file').find('#formshopid').val());
        formData.append('incomeId', jQuery('form#upload-file').find('#incomeId').val());
        formData.append('salary', jQuery('form#upload-file').find('#salary').val());
        // formData.append('gender', jQuery('form#upload-file').find('#gender').val());
        formData.append('remark', jQuery('form#upload-file').find('#remark').val());
        formData.append('id', jQuery('form#upload-file').find('#id').val());
        // formData.append('avatar', jQuery('form#upload-file').find('#avatar').val());
        formData.append('dateofquit', jQuery('form#upload-file').find('#dateofquit').val());
        formData.append('changepic', jQuery('form#upload-file').find('#changepic').val());

        formData.append('dateofentry', jQuery('form#upload-file').find('#dateofentry').val());

        formData.append('second_shopid', jQuery('form#upload-file').find('#second_shopid').val());

        formData.append('sole_shop_bonus', $checkedsole_shop_bonus);
        formData.append('average_shop_bonus', $checkedaverage_shop_bonus);
        formData.append('employeegroup',jQuery('form#upload-file').find('#employeegroup').val());
            // alert($('#level2').val());
            $.ajax({
                 //  method: "POST",
                 //  url: postUrl,
                 //  dataType: "json",
                 // data: postData,
                 url: postUrl,
                 type: 'post',
            data: formData,
            cache: false,
            processData: false,
            contentType: false,
            dataType:'json',
                 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) {
          //end edit control

        });// $( 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") {
	?>
            <h5>新增職員薪金資料</h5>
            <?php
}
?>
             <?php
if ($pagemethod == "edit") {
	?>
             <h5>更改職員開單資料</h5>
            <?php
}
?>

             <?php
if ($pagemethod == "detail") {
	?>
             <h5>職員開單資料</h5>
            <?php
}
?>
            </div>

          <div style="" class="menubar2  p-2">
            <a href="/at-cms/bremployeesalesadmin">
                        <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>


            <?php //echo ROUNDDIGITS;?>
            <!-- input form -->
            <form method="post" name="upload_file" id="upload-file" enctype="multipart/form-data">



            <!-- add wage level -->
            <?php
if ($pagemethod == "edit") {
	?>
            <!-- <div style="" class="menubar2">
              <a href="/at-cms/bremployeesalaryadmin/add/<?php echo $wagedetails->id; ?>"><i class="fas fa-plus" style=" display: inline-block;
    border-radius: 10px;
    box-shadow: 0px 0px 2px #888;
    color: #33aaae;
    padding: 2px 2px;"></i>新增薪金級別</a>
            </div> -->
            <?php
} //if($pagemethod=="edit"){
?>
            <br>
            <br>

          <?php
foreach ($employeeSalesData as $employeeSalesPerMonth) {
	# code...
	?>

             <h5><?php echo $employeeSalesPerMonth['yearmonth'] . "工數資料"; ?></h5>
            <!-- service table -->
              <table id="book-table" class="display responsive wrap table table-bordered table-striped table-hover  " width="100%">

            <!-- <table id="book-table" class="display responsive nowrap"  width="100%"> -->
            <thead>
            <tr><td>ID</td><td>付款日期</td><td>發票日期</td><td>發票號碼</td><td>客戶名稱</td><td>美容師1</td><td>美容師2</td><td>顧問</td><td>服務內容</td><td>店鋪</td><td>工數</td><td style="width:10%;">備註</td>
              <!-- <td>編輯</td> -->
            </tr>

            </thead>
            <tbody>
            <?php

	foreach ($employeeSalesPerMonth['salesdata'] as $employeeSalesDataRow) {
		?>
            <tr>
              <td>
                <?php

		echo $employeeSalesDataRow['id']; ?>
              </td>
              <td>
                <?php echo $employeeSalesDataRow['payment_date_convert'];

		?>
              </td>
              <td>
                <?php echo $employeeSalesDataRow['issued_date_convert'];

		?>
              </td>
               <td>
                <?php echo $employeeSalesDataRow['issued_name'];

		?>
              </td>
              <td>
                <?php echo $employeeSalesDataRow['display_name'];
		echo "<br>";
		echo '(' . $employeeSalesDataRow['mobile'] . ')';
		?>
              </td>
              <td>
                <?php echo $employeeSalesDataRow['therapist_name'];
		?>
              </td>
              <td>
                <?php echo $employeeSalesDataRow['therapist2_name'];
		?>
              </td>

              <td>
                <?php echo $employeeSalesDataRow['consultant_name'];
		?>
              </td>
               <td>
                <?php
foreach ($employeeSalesDataRow['invoiceitemArray'] as $invoiceitemrow) {
			echo $invoiceitemrow['code'] . ' ' . $invoiceitemrow['item_name'];
			echo "<br>";
			echo '$' . $invoiceitemrow['price'] . 'x' . $invoiceitemrow['qty'] . '(數量)' . 'x' . $invoiceitemrow['discount'] . '(折扣)' . '=' . $invoiceitemrow['amount'] . '(總數)';
			if ($invoiceitemrow['istried'] == true) {
				echo "試做項目";
			}
			echo "<br>";
			echo "<br>";
		}
		?>
              </td>
               <td>
                <?php echo $employeeSalesDataRow['shopname'];
		?>
              </td>
              <td>
                <?php
echo "付款金額:$ ";
		echo $employeeSalesDataRow['paymentListTotal'];
		echo "<br>";
		echo "此付款日前已付款總額:$ ";
		echo $employeeSalesDataRow['totalPaymentListTotal'];
		echo "<br>";
		echo "試做價項目總額:$ ";
		echo $employeeSalesDataRow['calTrailInvoiceamount'];
		echo "<br>";
		echo "計算開單總額:$ ";
		echo $employeeSalesDataRow['invoiceCalAmount'];
		echo "<br>";

		if ($employeeSalesDataRow['extra5invoiceCal'] == true) {
			echo "<br>";
			echo "沒有顧問-額外5%金額:$ " . $employeeSalesDataRow['extra5invoiceCalAmount'];
		}

		?>
              </td>
              <td></td>
              <!-- <td> -->
                  <?php if ($pagemethod == "edit") {
			?>

                  <!-- <a href="/at-cms/bremployeewageleveladmin/edit/<?php echo $employeeBookingDataRow['id']; ?>">編輯</a> -->
                  <?php
} //if($pagemethod=="edit"){
		?>
                <!-- </td> -->
              </tr>
               <?php

	} //foreach ($employeeBookingPerMonth['employeeBookingData'] as $employeeBookingDataRow) {
	?>
            </tbody>
            </table>
            <h5><?php echo "總開單數 " . $employeeSalesPerMonth['totalSalesPerMonth']; ?></h5>

            <!-- calculated wage details -->
            <?php
$countWageDetails = 1;
	foreach ($employeeSalesPerMonth['wagecalculatedetails'] as $wagecalculatedetailsrow) {
		echo "<h5>" . $countWageDetails . ")" . $wagecalculatedetailsrow['title'] . "</h5>";
		echo "<h5>" . $wagecalculatedetailsrow['list'] . "</h5>";
		echo "<h5>" . $wagecalculatedetailsrow['mothlysalecommision'] . "</h5>";
		$countWageDetails = $countWageDetails + 1;
	} //foreach ($wagecalculatedetails as $wagecalculatedetailsrow) {
	?>
      <?php
if (!empty($employeeSalesPerMonth['totalExtra5InvoiceCal'])) {
		echo "<br><h5>5% 額外金額: " . $employeeSalesPerMonth['totalExtra5InvoiceCal'] . "</h5>";
	}

	?>
            <h5><?php echo "<br>保底 " . $employeeSalesPerMonth['min_salary']; ?></h5>

            <!-- end calculated wage details -->
 <?php
} //foreach ($employeeBookingData as $employeeBookingPerMonth) {
?>


            <!-- end add wage level -->




            <!-- <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
$wagedetails->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"){?>
                        <?php
// if ($pagemethod == "details") {
?>

                           <!-- <input type="hidden" class="form-control" id="id" name="id" placeholder="" value="<?php echo
$wagedetails->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" onclick="location.href='<?php
$link = "at-cms/bremployeeadmin/edit/" . $wagedetails->id;
echo site_url($link);?>';">更改</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>