<?php if ($_GET['page'] == 'counterList'){  ?>
<div class="card">
  <div class="card-body">
    <div class="table-responsive">
      <table id="dataTable" class="table table-bordered table-striped">
        <thead>
          <tr>
            <th><?php echo $langArray['TABLE_ORDER_SORT']; ?></th>
            <th><?php echo $langArray['GLOBAL_FORM_TABLE_ICON']; ?></th>
            <th><?php echo $langArray['GLOBAL_FORM_TABLE_TITLE']; ?></th>
            <th><?php echo $langArray['GLOBAL_FORM_TABLE_NUMBER']; ?></th>
            <th><?php echo $langArray['TABLE_STATUS']; ?></th>
            <th><?php echo $langArray['TABLE_OPERATION']; ?></th>
          </tr>
        </thead>
        <tbody>
          <?php while ($allCounterCheck=$allCounterAsk->fetch(PDO::FETCH_ASSOC)){ ?>
            <tr>
              <td><?php echo $allCounterCheck['order_sort']; ?></td>
              <td><i class="fa <?php echo $allCounterCheck['icon']; ?>"></i></td>
              <td><?php echo $allCounterCheck['name']; ?></td>
              <td><?php echo $allCounterCheck['count']; ?></td>
              <td>
                <?php if ($allCounterCheck['status']== 1){ ?>
                  <i class="fas fa-eye text-success"></i>
                <?php }else{ ?>
                  <i class="fas fa-eye-slash text-danger"></i>
                <?php } ?>
              </td>
              <td>
                 <a class="btn btn-light" href="index.php?page=counterEdit&counter_id=<?php echo $allCounterCheck['counter_id'] ?>"><?php echo $langArray['TABLE_EDIT']; ?></a>
                 <a class="btn btn-danger" data-toggle="modal" data-target="#dataDelete-<?php echo $allCounterCheck['counter_id']?>"><?php echo $langArray['TABLE_DELETE']; ?></a>
                 <div class="modal fade" id="dataDelete-<?php echo $allCounterCheck['counter_id']?>">
                   <div class="modal-dialog customDialog">
                     <div class="modal-content bg-danger">
                       <div class="modal-header">
                         <h4 class="modal-title"><?php echo $langArray['ARE_YOU_SURE']; ?></h4>
                       </div>
                       <div class="modal-footer justify-content-between">
                         <button type="button" class="btn btn-outline-light" data-dismiss="modal"><?php echo $langArray['CANCEL_FORM']; ?></button>
                         <a href="system/operation.php?counter_id=<?php echo $allCounterCheck['counter_id']; ?>&counterDelete=success" class="btn btn-outline-light"><?php echo $langArray['TABLE_DELETE']; ?></a>
                       </div>
                     </div>
                   </div>
                 </div>
              </td>
            </tr>
          <?php } ?>
        </tbody>
        <tfoot>
          <tr>
            <th><?php echo $langArray['TABLE_ORDER_SORT']; ?></th>
            <th><?php echo $langArray['GLOBAL_FORM_TABLE_ICON']; ?></th>
            <th><?php echo $langArray['GLOBAL_FORM_TABLE_TITLE']; ?></th>
            <th><?php echo $langArray['GLOBAL_FORM_TABLE_NUMBER']; ?></th>
            <th><?php echo $langArray['TABLE_STATUS']; ?></th>
            <th><?php echo $langArray['TABLE_OPERATION']; ?></th>
          </tr>
        </tfoot>
      </table>
    </div>

  </div>
</div>
<?php }elseif($_GET['page'] == 'counterAdd'){  ?>
<div class="card">
  <div class="card-body">
    <form action="system/operation.php" method="post" enctype="multipart/form-data" data-parsley-validate>
      <input type="hidden" name="language_id" value="<?=$getLangCheck["language_id"] ?>">
      <div class="row">
        <div class="col-md-12">
          <div class="card card-secondary">
            <div class="card-body row">
              <div class="col-md-6">
                <!-- #form-group -->
                <div class="form-group">
                  <label for="icon"><?php echo $langArray['GLOBAL_FORM_TABLE_ICON']; ?></label>
                  <select class="form-control select2 select-awesome" name="icon">
                    <?php while ($allIconCheck=$allIconAsk->fetch(PDO::FETCH_ASSOC)){  ?>
                      <option value="<?php echo $allIconCheck['icon_class']; ?>"><?php echo $allIconCheck['icon_cheatsheet']; ?> - <?php echo $allIconCheck['icon_class']; ?></option>
                    <?php } ?>
                  </select>
                </div>
              </div>
              <div class="col-md-6">
                <!-- #form-group -->
                <div class="form-group">
                  <label for="name"><?php echo $langArray['GLOBAL_FORM_TABLE_TITLE']; ?></label>
                  <input type="text" name="name" class="form-control">
                </div>
              </div>
              <div class="col-md-6">
                <!-- #form-group -->
                <div class="form-group">
                  <label for="count"><?php echo $langArray['GLOBAL_FORM_TABLE_NUMBER']; ?></label>
                  <input type="number" name="count" class="form-control">
                </div>
              </div>
              <div class="col-md-6">
                <!-- #form-group -->
                <div class="form-group">
                  <label for="order_sort"><?php echo $langArray['TABLE_ORDER_SORT']; ?></label>
                  <input type="number" name="order_sort" class="form-control" value="<?php echo $counterCount+1; ?>">
                </div>
              </div>
              <div class="col-md-6">
                <!-- #form-group -->
                <div class="form-group">
                  <label for="status"><?php echo $langArray['TABLE_STATUS']; ?></label>
                  <div class="input-group">
                    <input type="checkbox" id="status" name="status[]" checked data-bootstrap-switch data-off-color="danger" data-on-color="success">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-12">
            <a href="counterList" class="btn btn-secondary"><?php echo $langArray['CANCEL_FORM']; ?></a>
            <input type="submit" value="<?php echo $langArray['CREATE_FORM']; ?>" class="btn btn-success float-right" name="counterAdd">
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
    </form>
  </div>
</div>
<?php }elseif($_GET['page'] == 'counterEdit'){  ?>
<?php
  $askData=$db->prepare("SELECT * FROM counter where counter_id=:counter_id");
  $askData->execute(array(
    'counter_id' => $_GET["counter_id"]
    ));
  $checkData=$askData->fetch(PDO::FETCH_ASSOC);
  // $_GET null or nothing
  if ($_GET['counter_id'] == null) {
    Header("Location:counterList");
  }elseif($_GET['counter_id'] != $checkData['counter_id']){
    Header("Location:counterList");
  }
?>
<div class="card">
  <div class="card-body">
    <form action="system/operation.php" method="post" enctype="multipart/form-data" data-parsley-validate>
      <input type="hidden" name="counter_id" value="<?=$checkData["counter_id"] ?>">
      <div class="row">
        <div class="col-md-12">
          <div class="card card-secondary">
            <div class="card-body row">
              <div class="col-md-6">
                <!-- #form-group -->
                <div class="form-group">
                  <label for="icon"><?php echo $langArray['GLOBAL_FORM_TABLE_ICON']; ?></label>
                  <select class="form-control select2" name="icon">
                    <?php while ($allIconCheck=$allIconAsk->fetch(PDO::FETCH_ASSOC)){  ?>
                      <option <?php echo $checkData['icon'] == $allIconCheck['icon_class'] ? 'selected=""' : ''; ?> value="<?php echo $allIconCheck['icon_class']; ?>"><?php echo $allIconCheck['icon_cheatsheet']; ?> - <?php echo $allIconCheck['icon_class']; ?></option>
                    <?php } ?>
                  </select>
                </div>
              </div>
              <div class="col-md-6">
                <!-- #form-group -->
                <div class="form-group">
                  <label for="name"><?php echo $langArray['GLOBAL_FORM_TABLE_TITLE']; ?></label>
                  <input type="text" name="name" class="form-control" value="<?php echo $checkData['name']; ?>">
                </div>
              </div>
              <div class="col-md-6">
                <!-- #form-group -->
                <div class="form-group">
                  <label for="count"><?php echo $langArray['GLOBAL_FORM_TABLE_NUMBER']; ?></label>
                  <input type="number" name="count" class="form-control" value="<?php echo $checkData['count']; ?>">
                </div>
              </div>
              <div class="col-md-6">
                <!-- #form-group -->
                <div class="form-group">
                  <label for="order_sort"><?php echo $langArray['TABLE_ORDER_SORT']; ?></label>
                  <input type="number" name="order_sort" class="form-control" value="<?php echo $checkData['order_sort']; ?>">
                </div>
              </div>
              <div class="col-md-6">
                <!-- #form-group -->
                <div class="form-group">
                  <label for="status"><?php echo $langArray['TABLE_STATUS']; ?></label>
                  <div class="input-group">
                    <input type="checkbox" id="status" name="status[]" <?php echo $checkData['status'] == "1" ? 'checked=""' : ''; ?> data-bootstrap-switch data-off-color="danger" data-on-color="success">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-12">
            <a href="counterList" class="btn btn-secondary"><?php echo $langArray['CANCEL_FORM']; ?></a>
            <input type="submit" value="<?php echo $langArray['UPDATE_FORM']; ?>" class="btn btn-warning float-right" name="counterUpdate">
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
    </form>
  </div>
</div>
<?php } ?>
