From 8bbf436a3708c70c38eb93500bcae381edd0b420 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Sat, 14 Mar 2026 16:32:42 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20[demo-tenant]=20=ED=94=84=EB=A1=9C?=
 =?UTF-8?q?=EB=AA=A8=EC=85=98=20=EC=84=A4=EC=A0=95=20=EA=B8=B0=EB=8A=A5=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 생성 모달에 프로모션 섹션 추가 (개발비 할인/면제, 구독료 할인, 무료기간)
- Alpine.js 기반 슬라이더/토글 UI, 자동 비율 조절
- options JSON에 promotion 키로 프로모션 데이터 저장
- 상세 모달에 프로모션 조건 표시
---
 .../Sales/DemoTenantController.php            |  22 ++
 .../partials/create-modal.blade.php           | 199 +++++++++++++++++-
 .../partials/show-modal.blade.php             |  50 +++++
 3 files changed, 269 insertions(+), 2 deletions(-)

diff --git a/app/Http/Controllers/Sales/DemoTenantController.php b/app/Http/Controllers/Sales/DemoTenantController.php
index 59f138c7..8d6f0c65 100644
--- a/app/Http/Controllers/Sales/DemoTenantController.php
+++ b/app/Http/Controllers/Sales/DemoTenantController.php
@@ -145,6 +145,13 @@ public function store(Request $request)
             'email' => 'nullable|email|max:100',
             'duration_days' => 'required|integer|min:7|max:60',
             'preset' => 'nullable|string|in:manufacturing,none',
+            'promo_dev_type' => 'nullable|string|in:percent,amount',
+            'promo_dev_percent' => 'nullable|integer|min:0|max:50',
+            'promo_dev_amount' => 'nullable|integer|min:0|max:5000000',
+            'promo_dev_waive' => 'nullable|in:0,1',
+            'promo_sub_percent' => 'nullable|integer|min:0|max:50',
+            'promo_free_months' => 'nullable|integer|in:0,1,2,3,6',
+            'promo_note' => 'nullable|string|max:200',
         ]);
 
         $partner = SalesPartner::where('user_id', auth()->id())->first();
@@ -158,6 +165,21 @@ public function store(Request $request)
             'created_by_user_name' => auth()->user()->name ?? '',
         ];
 
+        // 프로모션 설정
+        if ($request->filled('promo_dev_type')) {
+            $options['promotion'] = [
+                'dev_discount_type' => $request->input('promo_dev_type'),
+                'dev_discount_percent' => (int) $request->input('promo_dev_percent', 0),
+                'dev_discount_amount' => (int) $request->input('promo_dev_amount', 0),
+                'dev_waive' => $request->input('promo_dev_waive') === '1',
+                'sub_discount_percent' => (int) $request->input('promo_sub_percent', 0),
+                'free_months' => (int) $request->input('promo_free_months', 0),
+                'note' => $request->input('promo_note', ''),
+                'applied_at' => now()->toDateTimeString(),
+                'applied_by_user_id' => auth()->id(),
+            ];
+        }
+
         $tenant = new Tenant;
         $tenant->forceFill([
             'company_name' => $request->input('company_name'),
diff --git a/resources/views/sales/demo-tenants/partials/create-modal.blade.php b/resources/views/sales/demo-tenants/partials/create-modal.blade.php
index 72e57e73..e7bab12d 100644
--- a/resources/views/sales/demo-tenants/partials/create-modal.blade.php
+++ b/resources/views/sales/demo-tenants/partials/create-modal.blade.php
@@ -1,5 +1,63 @@
 {{-- 데모 체험 생성 모달 --}}
-<div class="fixed inset-0 z-50 overflow-y-auto" x-data="{ submitting: false }">
+<div class="fixed inset-0 z-50 overflow-y-auto" x-data="{
+    submitting: false,
+    showPromo: false,
+
+    // 프로모션 필드
+    promoDevType: 'percent',
+    promoDevPercent: 0,
+    promoDevAmount: 0,
+    promoDevWaive: false,
+    promoSubPercent: 0,
+    promoFreeMonths: 0,
+    promoNote: '',
+
+    // 개발비 할인 최대값
+    get promoDevPercentMax() { return 50; },
+    get promoDevAmountMax() { return 5000000; },
+    get promoSubPercentMax() { return 50; },
+
+    // 개발비 할인 표시값
+    get devDiscountDisplay() {
+        if (this.promoDevWaive) return '전액 면제';
+        if (this.promoDevType === 'percent') return this.promoDevPercent + '%';
+        return Number(this.promoDevAmount).toLocaleString() + '원';
+    },
+
+    // 프로모션 요약
+    get promoSummary() {
+        const parts = [];
+        if (this.promoDevWaive) {
+            parts.push('개발비 면제');
+        } else if (this.promoDevType === 'percent' && this.promoDevPercent > 0) {
+            parts.push('개발비 ' + this.promoDevPercent + '% 할인');
+        } else if (this.promoDevType === 'amount' && this.promoDevAmount > 0) {
+            parts.push('개발비 ' + Number(this.promoDevAmount).toLocaleString() + '원 할인');
+        }
+        if (this.promoSubPercent > 0) parts.push('구독료 ' + this.promoSubPercent + '% 할인');
+        if (this.promoFreeMonths > 0) parts.push('무료 ' + this.promoFreeMonths + '개월');
+        return parts.length ? parts.join(' / ') : '없음';
+    },
+
+    // 면제 토글 시 슬라이더 초기화
+    toggleWaive() {
+        if (this.promoDevWaive) {
+            this.promoDevPercent = 0;
+            this.promoDevAmount = 0;
+        }
+    },
+
+    // 타입 변경 시 값 초기화
+    changeDevType() {
+        this.promoDevPercent = 0;
+        this.promoDevAmount = 0;
+    },
+
+    // 프로모션 적용 여부
+    get hasPromo() {
+        return this.promoDevWaive || this.promoDevPercent > 0 || this.promoDevAmount > 0 || this.promoSubPercent > 0 || this.promoFreeMonths > 0;
+    }
+}">
     <div class="fixed inset-0 bg-black bg-opacity-50 transition-opacity" onclick="closeModal()"></div>
     <div class="flex min-h-full items-center justify-center p-4">
         <div class="relative bg-white rounded-xl shadow-2xl w-full max-w-lg" @click.stop>
@@ -18,7 +76,7 @@
                   hx-swap="none"
                   @htmx:before-request="submitting = true"
                   @htmx:after-request="submitting = false"
-                  class="px-6 py-5 space-y-5">
+                  class="px-6 py-5 space-y-5 max-h-[75vh] overflow-y-auto">
                 @csrf
 
                 <!-- 회사명 -->
@@ -68,6 +126,143 @@ class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 f
                     <p class="text-xs text-gray-400 mt-1">제조업 프리셋: 거래처, 품목, 수주, 생산 샘플 데이터가 자동 생성됩니다</p>
                 </div>
 
+                <!-- 프로모션 토글 -->
+                <div class="border-t border-gray-200 pt-4">
+                    <button type="button" @click="showPromo = !showPromo"
+                        class="flex items-center gap-2 text-sm font-medium text-gray-700 hover:text-blue-600 transition">
+                        <svg class="w-4 h-4 transition-transform" :class="showPromo && 'rotate-90'" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+                        </svg>
+                        프로모션 설정
+                        <template x-if="hasPromo">
+                            <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-orange-100 text-orange-700" x-text="promoSummary"></span>
+                        </template>
+                    </button>
+                </div>
+
+                <!-- 프로모션 영역 -->
+                <div x-show="showPromo" x-collapse class="space-y-4">
+                    <!-- 개발비 할인 -->
+                    <div class="bg-gray-50 rounded-lg p-4 space-y-3">
+                        <div class="flex items-center justify-between">
+                            <h4 class="text-sm font-semibold text-gray-700">개발비(구축료) 할인</h4>
+                            <label class="flex items-center gap-1.5 cursor-pointer">
+                                <input type="checkbox" x-model="promoDevWaive" @change="toggleWaive()"
+                                    class="rounded border-gray-300 text-orange-600 focus:ring-orange-500">
+                                <span class="text-xs text-gray-600">전액 면제</span>
+                            </label>
+                        </div>
+
+                        <template x-if="!promoDevWaive">
+                            <div class="space-y-2">
+                                <!-- 할인 유형 -->
+                                <div class="flex gap-2">
+                                    <button type="button" @click="promoDevType = 'percent'; changeDevType()"
+                                        :class="promoDevType === 'percent' ? 'bg-blue-600 text-white' : 'bg-white text-gray-600 border border-gray-300'"
+                                        class="px-3 py-1 rounded-lg text-xs font-medium transition">
+                                        비율 (%)
+                                    </button>
+                                    <button type="button" @click="promoDevType = 'amount'; changeDevType()"
+                                        :class="promoDevType === 'amount' ? 'bg-blue-600 text-white' : 'bg-white text-gray-600 border border-gray-300'"
+                                        class="px-3 py-1 rounded-lg text-xs font-medium transition">
+                                        금액 (원)
+                                    </button>
+                                </div>
+
+                                <!-- 비율 슬라이더 -->
+                                <template x-if="promoDevType === 'percent'">
+                                    <div>
+                                        <div class="flex items-center gap-3">
+                                            <input type="range" x-model.number="promoDevPercent" min="0" :max="promoDevPercentMax" step="5"
+                                                class="flex-1 h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-orange-500">
+                                            <span class="text-sm font-bold text-orange-600 w-12 text-right" x-text="promoDevPercent + '%'"></span>
+                                        </div>
+                                        <div class="flex justify-between text-xs text-gray-400 mt-1">
+                                            <span>0%</span>
+                                            <span x-text="promoDevPercentMax + '%'"></span>
+                                        </div>
+                                    </div>
+                                </template>
+
+                                <!-- 금액 입력 -->
+                                <template x-if="promoDevType === 'amount'">
+                                    <div>
+                                        <div class="flex items-center gap-2">
+                                            <input type="number" x-model.number="promoDevAmount" min="0" :max="promoDevAmountMax" step="100000"
+                                                class="flex-1 px-3 py-1.5 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-orange-500 focus:border-orange-500">
+                                            <span class="text-sm text-gray-500 shrink-0">원</span>
+                                        </div>
+                                        <p class="text-xs text-gray-400 mt-1">최대 <span x-text="Number(promoDevAmountMax).toLocaleString()"></span>원</p>
+                                    </div>
+                                </template>
+                            </div>
+                        </template>
+
+                        <template x-if="promoDevWaive">
+                            <p class="text-xs text-orange-600 font-medium">개발비(구축료) 전액 면제가 적용됩니다.</p>
+                        </template>
+                    </div>
+
+                    <!-- 구독료 할인 -->
+                    <div class="bg-gray-50 rounded-lg p-4 space-y-2">
+                        <h4 class="text-sm font-semibold text-gray-700">월 구독료 할인</h4>
+                        <div class="flex items-center gap-3">
+                            <input type="range" x-model.number="promoSubPercent" min="0" :max="promoSubPercentMax" step="5"
+                                class="flex-1 h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-emerald-500">
+                            <span class="text-sm font-bold text-emerald-600 w-12 text-right" x-text="promoSubPercent + '%'"></span>
+                        </div>
+                        <div class="flex justify-between text-xs text-gray-400">
+                            <span>0%</span>
+                            <span x-text="promoSubPercentMax + '%'"></span>
+                        </div>
+                    </div>
+
+                    <!-- 무료 기간 -->
+                    <div class="bg-gray-50 rounded-lg p-4 space-y-2">
+                        <h4 class="text-sm font-semibold text-gray-700">무료 사용 기간</h4>
+                        <div class="flex gap-2">
+                            <template x-for="m in [0, 1, 2, 3, 6]" :key="m">
+                                <button type="button" @click="promoFreeMonths = m"
+                                    :class="promoFreeMonths === m ? 'bg-violet-600 text-white' : 'bg-white text-gray-600 border border-gray-300'"
+                                    class="px-3 py-1.5 rounded-lg text-xs font-medium transition">
+                                    <span x-text="m === 0 ? '없음' : m + '개월'"></span>
+                                </button>
+                            </template>
+                        </div>
+                    </div>
+
+                    <!-- 프로모션 메모 -->
+                    <div>
+                        <label class="block text-xs font-medium text-gray-600 mb-1">프로모션 메모</label>
+                        <input type="text" x-model="promoNote" maxlength="200"
+                            class="w-full px-3 py-1.5 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                            placeholder="예: 2026 상반기 신규 고객 프로모션">
+                    </div>
+
+                    <!-- 프로모션 요약 -->
+                    <template x-if="hasPromo">
+                        <div class="bg-orange-50 rounded-lg p-3">
+                            <p class="text-xs text-orange-700">
+                                <span class="font-semibold">적용 프로모션:</span>
+                                <span x-text="promoSummary"></span>
+                            </p>
+                        </div>
+                    </template>
+                </div>
+
+                <!-- 프로모션 hidden inputs -->
+                <template x-if="hasPromo">
+                    <div>
+                        <input type="hidden" name="promo_dev_type" :value="promoDevType">
+                        <input type="hidden" name="promo_dev_percent" :value="promoDevPercent">
+                        <input type="hidden" name="promo_dev_amount" :value="promoDevAmount">
+                        <input type="hidden" name="promo_dev_waive" :value="promoDevWaive ? '1' : '0'">
+                        <input type="hidden" name="promo_sub_percent" :value="promoSubPercent">
+                        <input type="hidden" name="promo_free_months" :value="promoFreeMonths">
+                        <input type="hidden" name="promo_note" :value="promoNote">
+                    </div>
+                </template>
+
                 <!-- 안내 -->
                 <div class="bg-blue-50 rounded-lg p-3">
                     <p class="text-xs text-blue-700">
diff --git a/resources/views/sales/demo-tenants/partials/show-modal.blade.php b/resources/views/sales/demo-tenants/partials/show-modal.blade.php
index dc6f5efd..f87a43c0 100644
--- a/resources/views/sales/demo-tenants/partials/show-modal.blade.php
+++ b/resources/views/sales/demo-tenants/partials/show-modal.blade.php
@@ -94,6 +94,56 @@
                     </div>
                 </div>
 
+                <!-- 프로모션 정보 -->
+                @if(!empty($tenant->parsed_options['promotion']))
+                @php $promo = $tenant->parsed_options['promotion']; @endphp
+                <div class="bg-orange-50 rounded-lg p-4">
+                    <h3 class="text-sm font-semibold text-orange-700 mb-3">프로모션 조건</h3>
+                    <div class="space-y-2">
+                        {{-- 개발비 할인 --}}
+                        <div class="flex justify-between bg-white rounded px-3 py-2">
+                            <span class="text-sm text-gray-600">개발비 할인</span>
+                            <span class="text-sm font-bold text-orange-700">
+                                @if(!empty($promo['dev_waive']))
+                                    전액 면제
+                                @elseif(($promo['dev_discount_type'] ?? '') === 'percent' && ($promo['dev_discount_percent'] ?? 0) > 0)
+                                    {{ $promo['dev_discount_percent'] }}%
+                                @elseif(($promo['dev_discount_type'] ?? '') === 'amount' && ($promo['dev_discount_amount'] ?? 0) > 0)
+                                    {{ number_format($promo['dev_discount_amount']) }}원
+                                @else
+                                    <span class="text-gray-400 font-normal">없음</span>
+                                @endif
+                            </span>
+                        </div>
+                        {{-- 구독료 할인 --}}
+                        <div class="flex justify-between bg-white rounded px-3 py-2">
+                            <span class="text-sm text-gray-600">구독료 할인</span>
+                            <span class="text-sm font-bold {{ ($promo['sub_discount_percent'] ?? 0) > 0 ? 'text-emerald-700' : 'text-gray-400' }}">
+                                {{ ($promo['sub_discount_percent'] ?? 0) > 0 ? $promo['sub_discount_percent'] . '%' : '없음' }}
+                            </span>
+                        </div>
+                        {{-- 무료 기간 --}}
+                        <div class="flex justify-between bg-white rounded px-3 py-2">
+                            <span class="text-sm text-gray-600">무료 사용 기간</span>
+                            <span class="text-sm font-bold {{ ($promo['free_months'] ?? 0) > 0 ? 'text-violet-700' : 'text-gray-400' }}">
+                                {{ ($promo['free_months'] ?? 0) > 0 ? $promo['free_months'] . '개월' : '없음' }}
+                            </span>
+                        </div>
+                        {{-- 메모 --}}
+                        @if(!empty($promo['note']))
+                        <div class="bg-white rounded px-3 py-2">
+                            <span class="text-xs text-gray-500">메모:</span>
+                            <span class="text-sm text-gray-700">{{ $promo['note'] }}</span>
+                        </div>
+                        @endif
+                        {{-- 적용일 --}}
+                        @if(!empty($promo['applied_at']))
+                        <p class="text-xs text-orange-500 mt-1">적용일: {{ $promo['applied_at'] }}</p>
+                        @endif
+                    </div>
+                </div>
+                @endif
+
                 <!-- 연장 이력 -->
                 @if(!empty($tenant->parsed_options['demo_extended']))
                 <div class="bg-amber-50 rounded-lg p-4">