<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-3xl">
  <form action="<?= mgmt_url('free-recipients/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="fr_type_code" required>
        <option value="">선택</option>
        <?php foreach (($recipientTypeOptions ?? []) as $typeCode => $typeName): ?>
        <option value="<?= esc((string) $typeCode) ?>" <?= old('fr_type_code') === (string) $typeCode ? 'selected' : '' ?>>
          <?= esc((string) $typeName) ?>
        </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-60" name="fr_name" type="text" value="<?= esc(old('fr_name')) ?>" required/>
    </div>

    <div class="flex flex-wrap items-center gap-2">
      <label class="block text-sm font-bold text-gray-700 w-28">동코드</label>
      <select class="border border-gray-300 rounded px-3 py-1.5 text-sm w-60" name="fr_dong_code">
        <option value="">선택</option>
        <?php foreach ($dongCodes as $cd): ?>
        <option value="<?= esc($cd->cd_code) ?>" <?= old('fr_dong_code') === $cd->cd_code ? 'selected' : '' ?>>
          <?= esc($cd->cd_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">비고</label>
      <input class="border border-gray-300 rounded px-3 py-1.5 text-sm w-96" name="fr_note" type="text" value="<?= esc(old('fr_note')) ?>"/>
    </div>

    <div class="flex flex-wrap items-center gap-2">
      <label class="block text-sm font-bold text-gray-700 w-28">종료일</label>
      <input class="border border-gray-300 rounded px-3 py-1.5 text-sm w-44" name="fr_end_date" type="date" value="<?= esc(old('fr_end_date')) ?>"/>
      <span class="text-xs text-gray-500">미입력 시 계속 유효</span>
    </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="<?= mgmt_url('free-recipients') ?>" 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>
