Ariweb Suite 0.1.1 기반: 공통 라이브러리(db·http·세션·작업 엔진·할당/예약·알림·감사·보관소), 포털 뼈대, Webmaker/AriMail 도입 소스와 manifest

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

modules/webmaker/modules/booking/widget.html

@@ -0,0 +1,21 @@
+<!-- ============================================================
+  예약 모듈 위젯 (날짜 → 시간대 → 내용)
+  [재사용 설정 — 사이트마다 바꿔도 되는 값]
+    data-title : 제목 문구      data-note-label : 내용 입력란 문구(예: 시술 내용, 상담 주제)
+  [관리자 설정으로 정해지는 것] 예약 가능 요일, 시작·종료 시각, 간격(30분/1시간/2시간…), 시간대별 정원, 며칠 전부터/뒤까지, 휴무일, 자동 확정 여부
+  [바꾸면 안 되는 값] data-wm-module="booking", data-site, data-api, <script src>
+  [스타일] .wm-booking 로 시작하는 클래스. 시간대 버튼은 .wm-slot(.full 은 마감).
+============================================================ -->
+<section class="wm-booking" data-wm-module="booking" data-site="{{SITE_ID}}" data-api="{{API}}" data-title="{{t:booking.title}}" data-note-label="{{t:booking.note}}">
+  <h2 class="wm-booking-title"></h2>
+  <form class="wm-booking-form">
+    <label>{{t:common.date}}<input name="date" type="date" required></label>
+    <div class="wm-booking-slots"></div>
+    <input type="hidden" name="time">
+    <div class="wm-row"><label>{{t:common.name}}<input name="name" required maxlength="60"></label><label>{{t:common.phone}}<input name="contact" required maxlength="120" placeholder="{{t:booking.contactPh}}"></label></div>
+    <label class="wm-booking-note-label"><textarea name="note" rows="3" maxlength="1000"></textarea></label>
+    <button type="submit" class="wm-btn" disabled>{{t:booking.submit}}</button>
+    <p class="wm-msg" aria-live="polite"></p>
+  </form>
+</section>
+<script src="{{SCRIPT}}" async></script>