@extends('layouts.admin')

@section('title', 'Demo 資料管理')

@push('breadcrumb')
    <li class="breadcrumb-item active" aria-current="page">Demo 資料</li>
@endpush

@section('content')
<div class="page-header">
    <h1><i class="bi bi-magic me-3"></i>Demo 資料管理</h1>
</div>

<div class="row">
    <div class="col-lg-7 mb-4">
        <!-- 生成 -->
        <div class="card mb-3" style="border-radius: 1rem; border: none; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
            <div class="card-header" style="background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); color: white; border: none; font-weight: 600;">
                <i class="bi bi-stars me-2"></i>生成 Demo 資料
            </div>
            <div class="card-body p-4">
                <p class="mb-2">為客戶試用產生一整套示範資料（會先清空現有業務資料）：</p>
                <ul class="small text-muted mb-3">
                    <li>試用帳號 2 個（密碼統一 demo12345）</li>
                    <li>2 間公司 4 間店鋪、3 間宿舍（含房號）、3 位勞工主任、簡介會地點</li>
                    <li>12 位工人——<strong>每個欄位都有資料</strong>，含即將到期的合約</li>
                    <li>每位工人的 PDF 文件（僱傭合約／Visa／體檢報告，可點開預覽）</li>
                    <li>4 個問題（含回覆與 PDF 附件）</li>
                    <li>近三個月會計帳目——月結／宿舍報告／年報都可即時匯出</li>
                </ul>
                <form action="{{ route('demo.seed') }}" method="POST"
                      onsubmit="return confirm('確定生成 Demo 資料？\n\n現有業務資料會先被清空（管理員帳號保留）。');">
                    @csrf
                    <button type="submit" class="btn btn-success btn-lg w-100">
                        <i class="bi bi-stars me-2"></i>生成 Demo 資料
                    </button>
                </form>
            </div>
        </div>

        <!-- 清空 -->
        <div class="card" style="border-radius: 1rem; border: none; box-shadow: 0 4px 15px rgba(0,0,0,0.08); border-left: 5px solid #dc3545;">
            <div class="card-header" style="background: #fff5f5; color: #dc3545; font-weight: 600; border: none;">
                <i class="bi bi-trash3 me-2"></i>刪除所有資料
            </div>
            <div class="card-body p-4">
                <p class="mb-3">清空所有業務資料（工人、公司、宿舍、文件、會帳、問題、帳目等），<strong>只保留管理員帳號</strong>。此操作不可還原。</p>
                <form action="{{ route('demo.flush') }}" method="POST"
                      onsubmit="return confirm('⚠️ 確定刪除所有業務資料？\n\n所有工人、公司、宿舍、文件、會計帳目、問題都會被刪除，只保留管理員帳號。\n\n此操作無法還原！');">
                    @csrf
                    <button type="submit" class="btn btn-outline-danger w-100">
                        <i class="bi bi-trash3 me-2"></i>刪除所有資料（保留管理員）
                    </button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-5 mb-4">
        <!-- 試用帳號 -->
        <div class="card mb-3" style="border-radius: 1rem; border: none; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
            <div class="card-header" style="background: #f8f9ff; color: #667eea; font-weight: 600; border: none;">
                <i class="bi bi-person-badge me-2"></i>試用帳號
            </div>
            <div class="card-body">
                @if(session('demo_credentials'))
                    @foreach(session('demo_credentials') as $cred)
                        <div class="d-flex justify-content-between border-bottom py-2">
                            <div>
                                <strong>{{ $cred['name'] }}</strong>
                                <div class="small text-muted">帳號：{{ $cred['username'] }}</div>
                            </div>
                            <code>{{ $cred['password'] }}</code>
                        </div>
                    @endforeach
                    <div class="small text-muted mt-2">請把帳號密碼提供給客戶試用。</div>
                @elseif($hasDemoUsers)
                    @foreach($credentials as $cred)
                        <div class="d-flex justify-content-between border-bottom py-2">
                            <div>
                                <strong>{{ $cred['name'] }}</strong>
                                <div class="small text-muted">帳號：{{ $cred['username'] }}</div>
                            </div>
                            <code>{{ $cred['password'] }}</code>
                        </div>
                    @endforeach
                @else
                    <div class="text-muted small">目前沒有試用帳號，請先「生成 Demo 資料」。</div>
                @endif
            </div>
        </div>

        <!-- 提醒 -->
        <div class="card" style="border-radius: 1rem; border: none; box-shadow: 0 4px 15px rgba(0,0,0,0.08); border-left: 5px solid #f6c23e;">
            <div class="card-header" style="background: #fffdf5; color: #b8860b; font-weight: 600; border: none;">
                <i class="bi bi-exclamation-triangle me-2"></i>注意
            </div>
            <div class="card-body small text-muted">
                <div class="mb-1">· 生成／刪除都會連同已上載的 PDF 檔案一併處理</div>
                <div class="mb-1">· 操作會記錄在操作日誌中</div>
                <div>· 正式使用前請先用「刪除所有資料」清掉 Demo 資料</div>
            </div>
        </div>
    </div>
</div>
@endsection