<section class="border-b border-gray-300 p-2 shrink-0 bg-control-panel">
  <span class="text-sm font-bold text-gray-700">주문 접수</span>
</section>
<div class="border border-gray-300 rounded-lg p-4 mt-2 bg-white max-w-4xl">
  <form action="<?= base_url('bag/shop-order/store') ?>" method="POST" class="space-y-4">
    <?= csrf_field() ?>

    <div class="flex flex-wrap items-center gap-2">
      <label class="block text-sm font-bold text-gray-700 w-28">판매소 <span class="text-red-500">*</span></label>
      <select class="border border-gray-300 rounded px-3 py-1.5 text-sm w-60" name="so_ds_idx" required>
        <option value="">선택</option>
        <?php foreach ($shops as $shop): ?>
        <option value="<?= esc($shop->ds_idx) ?>" <?= (int) old('so_ds_idx') === (int) $shop->ds_idx ? 'selected' : '' ?>>
          <?= esc($shop->ds_name) ?>
        </option>
        <?php endforeach; ?>
      </select>
    </div>

    <div class="flex flex-wrap items-center gap-2">
      <label class="block text-sm font-bold text-gray-700 w-28">배달일 <span class="text-red-500">*</span></label>
      <input class="border border-gray-300 rounded px-3 py-1.5 text-sm w-44" name="so_delivery_date" type="date" value="<?= esc(old('so_delivery_date', date('Y-m-d', strtotime('+1 day')))) ?>" required/>
    </div>

    <div class="flex flex-wrap items-center gap-2">
      <label class="block text-sm font-bold text-gray-700 w-28">결제방법 <span class="text-red-500">*</span></label>
      <select class="border border-gray-300 rounded px-3 py-1.5 text-sm w-44" name="so_payment_type" required>
        <option value="">선택</option>
        <option value="이체" <?= old('so_payment_type') === '이체' ? 'selected' : '' ?>>이체</option>
        <option value="가상계좌" <?= old('so_payment_type') === '가상계좌' ? 'selected' : '' ?>>가상계좌</option>
      </select>
    </div>

    <div class="mt-4">
      <label class="block text-sm font-bold text-gray-700 mb-2">주문 품목</label>
      <div class="border border-gray-300 rounded-lg p-4 overflow-auto">
        <table class="w-full data-table">
          <thead>
            <tr>
              <th class="w-16 text-center">순번</th>
              <th>봉투</th>
              <th class="w-32 text-right">수량</th>
            </tr>
          </thead>
          <tbody>
            <?php for ($i = 0; $i < 3; $i++): ?>
            <tr>
              <td class="text-center"><?= $i + 1 ?></td>
              <td>
                <select class="border border-gray-300 rounded px-2 py-1 text-sm w-full" name="item_bag_code[]">
                  <option value="">선택</option>
                  <?php foreach ($bagCodes as $cd): ?>
                  <option value="<?= esc($cd->cd_code) ?>">
                    <?= esc($cd->cd_code) ?> — <?= esc($cd->cd_name) ?>
                  </option>
                  <?php endforeach; ?>
                </select>
              </td>
              <td>
                <input class="border border-gray-300 rounded px-2 py-1 text-sm w-full text-right" name="item_qty[]" type="number" min="0" value="0"/>
              </td>
            </tr>
            <?php endfor; ?>
          </tbody>
        </table>
      </div>
    </div>

    <div class="flex gap-2 pt-2">
      <button type="submit" class="bg-btn-search text-white px-6 py-1.5 rounded-sm text-sm shadow hover:opacity-90 transition">등록</button>
      <a href="<?= base_url('bag/sales') ?>" class="bg-gray-200 text-gray-700 px-6 py-1.5 rounded-sm text-sm hover:bg-gray-300 transition">취소</a>
    </div>
  </form>
</div>
