<div class="row">
  <div class="col-sm-12">
    <p><a href="<?= base_url('admin/review_reminders'); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke halaman Review</a></p><br>
    <h4><?= empty($flashsale->id) ? 'Kirim Email Review Reminders' : 'Edit flashsale: ' . $flashsale->flashsale_id; ?></h4>
    <?= $this->session->flashdata('success'); ?>
    <?= $this->session->flashdata('result'); ?>
  </div>
</div>

<?= form_open_multipart(); ?>

<div class="row">
  <div class="col-sm-12">
    <table class="table table-bordered">
      <thead>
        <tr>
          <th>No</th>
          <th>ID Orders</th>
          <th>Order Date</th>
          <th>Recipient Name</th>
          <th>Email</th>
          <th>Select</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td colspan="7" class="text-right">
            <label for="select-all">
              <input type="checkbox" id="select-all"> Select All
            </label>
          </td>
        </tr>

        <?php foreach ($orders1 as $index => $order) : ?>
          <tr>
            <td><?= $index + 1; ?></td>
            <td><?= $order->id_orders; ?></td>
            <td><?= $order->order_date; ?></td>
            <td><?= $order->recipient_name; ?></td>
            <td><?= $order->email; ?></td>
            <td><input type="checkbox" name="orders[]" value="<?= $order->id_orders; ?>"></td>
          </tr>
        <?php endforeach; ?>
      </tbody>
    </table>
  </div>
</div>


<div class="row">
  <div class="col-sm-3">
  </div>
  <div class="col-sm-9">
    <?= form_submit('submit', 'Rubah Status', 'class="saveFlashSale btn btn-primary btn-success button-brown"'); ?>
    &nbsp;&nbsp;&nbsp;<?= anchor('admin/review_reminders', 'Batal'); ?>
  </div>
</div>

<?= form_close(); ?>

<script>
  $(document).ready(function() {
    $('#select-all').on('change', function() {
      $('input[name="orders[]"]').prop('checked', $(this).is(':checked'));
    });

    $('input[name="orders[]"]').on('change', function() {
      var allChecked = ($('input[name="orders[]"]:checked').length === $('input[name="orders[]"]').length);
      $('#select-all').prop('checked', allChecked);
    });

    $('form').submit(function(e) {
      e.preventDefault();

      var selectedOrders = [];
      $('input[name="orders[]"]:checked').each(function() {
        selectedOrders.push($(this).val());
      });

      if (selectedOrders.length === 0) {
        alert('Please select at least one order.');
      } else {
        $.ajax({
          url: '<?= base_url("admin/review_reminders/add"); ?>',
          type: 'POST',
          data: {
            orders: selectedOrders
          },
          success: function(response) {
            alert(response);
            location.reload();
          },
          error: function() {
            alert('Error sending email.');
          }
        });
      }
    });
  });
</script>