<div class="max-w-3xl mx-auto py-4">
  <h2 class="text-lg font-bold text-gray-700 mb-4">도움말</h2>

  <div class="space-y-4 text-sm text-gray-600">
    <section class="rounded-lg border border-blue-200 bg-blue-50 p-3">
      <h3 class="font-bold text-blue-800 mb-1">📖 사용자 매뉴얼</h3>
      <p>업무별 사용 방법을 단계별로 정리한 사용자 설명서입니다.</p>
      <p class="mt-2"><a href="<?= base_url('bag/manual') ?>" class="text-blue-700 hover:underline font-semibold">사용자 매뉴얼 열기 &rarr;</a></p>
    </section>

    <section>
      <h3 class="font-bold text-gray-700 mb-1">시스템 개요</h3>
      <p><strong>GBLS</strong>(Garbage Bag Logistics System)는 지자체 종량제 쓰레기봉투의 발주, 입고, 재고, 판매, 불출 등 전체 물류 프로세스를 관리합니다.</p>
    </section>

    <section>
      <h3 class="font-bold text-gray-700 mb-1">메뉴 안내</h3>
      <table class="data-table">
        <thead><tr><th>메뉴</th><th>설명</th></tr></thead>
        <tbody>
          <tr><td class="font-medium">기본정보관리</td><td>코드 종류, 봉투 단가, 포장 단위 등 기본 데이터 조회</td></tr>
          <tr><td class="font-medium">발주 입고 관리</td><td>봉투 발주 현황 및 입고 현황 조회</td></tr>
          <tr><td class="font-medium">불출 관리</td><td>무료용 봉투 불출 내역 조회</td></tr>
          <tr><td class="font-medium">재고 관리</td><td>봉투별 현재 재고(낱장) 조회</td></tr>
          <tr><td class="font-medium">판매 관리</td><td>주문 접수, 판매/반품 내역 조회</td></tr>
          <tr><td class="font-medium">판매 현황</td><td>기간별 판매 데이터 조회</td></tr>
          <tr><td class="font-medium">봉투 수불 관리</td><td>봉투코드별 입출고 수불 요약 조회</td></tr>
        </tbody>
      </table>
    </section>

    <section>
      <h3 class="font-bold text-gray-700 mb-1">번호알기</h3>
      <p>봉투 바코드 코드를 입력하면 <strong>바코드</strong>·<strong>인쇄숫자</strong>·<strong>인식번호</strong>를 확인할 수 있습니다.</p>
      <p class="mt-2"><a href="<?= base_url('bag/number-lookup') ?>" class="text-blue-700 hover:underline font-semibold">봉투번호확인(번호알기) 열기</a></p>
    </section>

    <section>
      <h3 class="font-bold text-gray-700 mb-1">문의</h3>
      <p>시스템 사용 중 문의사항은 소속 지자체 담당자에게 연락하시기 바랍니다.</p>
    </section>
  </div>
</div>
