<?php
include(__DIR__ . '/../../session.php');
?>

<!DOCTYPE html>
<html lang="en">

<?php include(__DIR__ . '/../../layouts/header.php'); ?>

<body>
  <div class="wrapper">
    <?php include(__DIR__ . '/../../layouts/sidebar.php'); ?>

    <div class="main-panel">
      <?php include(__DIR__ . '/../../layouts/navbar.php'); ?>

      <div class="container">
        <div class="page-inner">

          <div class="page-header">
            <h4 class="page-title">Tambah Bank</h4>
            <ul class="breadcrumbs">
              <li class="nav-home">
                <a href="#">
                  <i class="icon-home"></i>
                </a>
              </li>
              <li class="separator">
                <i class="icon-arrow-right"></i>
              </li>
              <li class="nav-item">
                <a href="#">Pengaturan</a>
              </li>
              <li class="separator">
                <i class="icon-arrow-right"></i>
              </li>
              <li class="nav-item">
                <a href="#">Bank</a>
              </li>
              <li class="separator">
                <i class="icon-arrow-right"></i>
              </li>
              <li class="nav-item">
                <a href="#">Tambah Bank</a>
              </li>
            </ul>
          </div>

          <div class="row">
            <div class="col-md-12">
              <div class="card">
                <div class="card-header">
                  <div class="card-title">Tambah Bank</div>
                </div>
                <div class="card-body">
                  <form id="addForm" enctype="multipart/form-data" onsubmit="return false;">
                    <input type="hidden" name="csrf_token" id="csrf_token" value="<?= $csrf_token; ?>">

                    <div class="row">
                      <div class="col-md-4">
                        <div class="form-group">
                          <label for="BankType">Jenis Bank</label>
                          <select class="form-control" id="BankType" name="paymentType" />
                          <option value="BANK">BANK</option>
                          <option value="EWALLET">EWALLET</option>
                          </select>
                        </div>
                      </div>
                    </div>

                    <!-- Bank Name -->
                    <div class="row">
                      <div class="col-md-4">
                        <div class="form-group">
                          <label for="editBankName">Nama Bank</label>
                          <input type="text" class="form-control" id="bankName" placeholder="Masukan Nama Bank" name="bankName" value="" required />
                        </div>
                      </div>

                      <!-- Bank Holder -->
                      <div class="col-md-4">
                        <div class="form-group">
                          <label for="editBankHolder">Nama Pemilik</label>
                          <input type="text" class="form-control" id="bankHolder" placeholder="Masukan Nama Pemilik" name="bankHolder" value="" required />
                        </div>
                      </div>

                      <!-- Bank Number -->
                      <div class="col-md-4">
                        <div class="form-group">
                          <label for="editBankNumber">No. Rekening</label>
                          <input type="text" class="form-control" id="bankNumber" placeholder="Masukan No. Rekening" name="bankNumber" value="" required />
                        </div>
                      </div>
                    </div>

                    <!-- Action Buttons -->
                    <div class="form-group">
                      <button type="reset" class="btn btn-secondary">
                        <i class="fas fa-undo"></i> Atur Ulang
                      </button>
                      <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Simpan
                      </button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

      <?php include(__DIR__ . '/../../layouts/footer.php'); ?>

    </div>
  </div>

  <?php include(__DIR__ . '/../../layouts/script.php'); ?>

  <script>
    $(document).ready(function() {
      $('#addForm').on('submit', function(e) {
        e.preventDefault();

        var formData = new FormData(this);
        formData.append('action', 'add');

        $.ajax({
          url: 'update-bank',
          type: 'POST',
          data: formData,
          contentType: false,
          processData: false,
          success: function(response) {
            var res = JSON.parse(response);
            alert(res.message);

            if (res.status === 'success' || res.status === 'error') {
              location.reload();
            }
          },
          error: function() {
            alert('Terjadi kesalahan, coba lagi!');
          }
        });
      });
    });
  </script>

</body>

</html>