

  <style>
    body {
      background-color: #eb8015;
      padding: 15px;
    }

    .form-section {
      margin-bottom: 15px;
    }

    .btn-footer {
      display: flex;
      justify-content: flex-end;
      margin-top: 10px;
    }

    .history-card {
      background-color: #f1f3f5;
      border-radius: 10px;
      padding: 10px;
      margin-bottom: 8px;
      font-size: 0.9rem;
    }

    .history-card small {
      color: #6c757d;
    }

    .search-filter {
      display: flex;
      gap: 8px;
      margin-bottom: 10px;
    }

    .search-filter input,
    .search-filter select {
      font-size: 0.9rem;
    }
  </style>
</head>

<body>
  <div class="history-container" style="overflow:auto;">
    <div class="meeting-card">
      <div class="d-flex justify-content-between align-items-center">
        <h5 class="m-0">Create Account</h5>
        <div>
          <button class="btn btn-light btn-sm" onclick="<?php echo $this->createMenuFunc("ScheduleList", "ScheduleList", "") ?>">
            <i class="bi bi-house"></i>
          </button>
          <button class="btn btn-light btn-sm" onclick="<?php echo $this->createMenuFunc("Meeting", "Meeting", "") ?>">
            <i class="bi bi-calendar-event"></i>
          </button>
          <button class="btn btn-light btn-sm" id="btnAccountLogout">
            <i class="bi bi-box-arrow-right"></i>
          </button>
        </div>
      </div>
    </div>
    <!-- Main Form -->
    <div class="row g-2 form-section">
      <div class="col-6">
        <select class="form-control" id="cobAccountFlag">
          <?php echo $this->getAccountFlagsOptions() ?>
        </select>
      </div>

      <div class="col-12">
        <input type="text" class="form-control" id="txtAccountName" onchange="changeAccountName()" placeholder="Account Name">
        <input type="hidden" class="form-control" id="txtAccountID" value="0">
      </div>

      <div class="col-6">
        <select class="form-control" id="cobAccountCategory">
          <?php echo $this->getAccountCategory() ?>
        </select>
      </div>
      <div class="col-6">
        <select class="form-control" id="cobAccountCompanyStatus">
          <?php echo $this->getAccountCompanyStatus() ?>
        </select>
      </div>
    </div>

    <div class="row g-2 form-section" onchange="changeCompanyDetail()">
      <div class="col-12" onclick="expandCollapse('#expandIcon','#divCompanyDetail')">
        <h5 class="form-label" style="color: black;">Account Detail
          <span style="float: right; color:black; padding-top:5px;" id="expandIcon" class="fa fa-sort-up"></span>
        </h5>
      </div>
    </div>
    <div class="row g-2 form-section" id="divCompanyDetail" style="display:none;">
      <div class="col-6">
        <input type="text" class="form-control" id="txtAccountOffice" placeholder="Office">
      </div>
      <div class="col-6">
        <input type="text" class="form-control" id="txtAccountMobile" placeholder="Mobile">
      </div>
      <div class="col-12">
        <input type="text" class="form-control" id="txtAccountEmail" placeholder="Email">
      </div>
      <div class="col-12">
        <textarea class="form-control" rows="5" id="txtAccountAddress" placeholder="Address"></textarea>
      </div>
    </div>

    <div class="row g-2 form-section">
      <div class="col-12">
        <h5 class="form-label" style="color: black;">Contact
          <button type="button" class="btn btn-success btn-sm" title="Edit" onclick="addAccountContact()">
            <i class="fa fa-plus" style="font-size:10px;"></i>
          </button>
        </h5>
      </div>
    </div>

    <div class="row g-2 form-section" id="divAccountContactDetail">
    </div>
    <div class="btn-footer">
      <button type="button" class="btn btn-outline-secondary" style="margin-right: 10px;" onclick="<?php echo $this->createMenuFunc("Meeting", "Meeting", "") ?>">Cancel</button>
      <!-- <button class="btn btn-warning" id="btnAccountClear" style="margin-right: 10px;" onclick="clearAccount()">Clear</button> -->
      <button class="btn btn-success" id="btnAccountSave" onclick="saveAccount()">Save</button>
      <button class="btn btn-success" id="btnAccountUpdate" onclick="updateAccount()" style="display:none;">Update</button>
    </div>
  </div>
  <script>
    <?php include(PATH_CODE . "js/mobile/account/account.js"); ?>
  </script>
  
</body>

</html>