@extends('layouts.app')

@section('title', '產生 SSL CSR')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h3>🔐 SSL-CSR 憑證產生器</h3>
</div>

<div class="card shadow">
    <div class="card-body">
        <form action="{{ route('ssl-csr.generate') }}" method="POST">
            @csrf

            <!-- 縣市選單 -->
            <div class="mb-3">
                <label for="locality" class="form-label">縣市 (Locality)：</label>
                <select class="form-select" id="locality" name="locality" required>
                    <option value="">請選擇縣市</option>
                    <option value="台北市">台北市</option>
                    <option value="新北市">新北市</option>
                    <option value="桃園市">桃園市</option>
                    <option value="台中市">台中市</option>
                    <option value="台南市">台南市</option>
                    <option value="高雄市">高雄市</option>
                    <option value="基隆市">基隆市</option>
                    <option value="新竹市">新竹市</option>
                    <option value="嘉義市">嘉義市</option>
                    <option value="宜蘭縣">宜蘭縣</option>
                    <option value="新竹縣">新竹縣</option>
                    <option value="苗栗縣">苗栗縣</option>
                    <option value="彰化縣">彰化縣</option>
                    <option value="南投縣">南投縣</option>
                    <option value="雲林縣">雲林縣</option>
                    <option value="嘉義縣">嘉義縣</option>
                    <option value="屏東縣">屏東縣</option>
                    <option value="花蓮縣">花蓮縣</option>
                    <option value="台東縣">台東縣</option>
                    <option value="澎湖縣">澎湖縣</option>
                    <option value="金門縣">金門縣</option>
                    <option value="連江縣">連江縣</option>
                </select>
            </div>

            <!-- 組織 -->
            <div class="mb-3">
                <label for="organization" class="form-label">組織名稱 (Organization)：</label>
                <input type="text" class="form-control" id="organization" name="organization" placeholder="請輸入組織" required>
            </div>
            <div class="mb-3">
    <label for="organizationalUnit" class="form-label">部門名稱（Organizational Unit）</label>
    <input type="text" name="organizationalUnit" id="organizationalUnit" class="form-control" placeholder="請輸入部門名稱">
</div>

            <!-- 主機名稱 -->
            <div class="mb-3">
                <label for="commonName" class="form-label">主機網址 (Common Name)：</label>
                <input type="text" class="form-control" id="commonName" name="commonName" placeholder="請輸入如：s3.ilc.edu.tw" required>
            </div>

            <!-- 按鈕 -->
            <div class="d-grid">
                <button type="submit" class="btn btn-primary">產生 CSR 與 Key</button>
            </div>
        </form>
    </div>

    <div class="card-footer text-end">
        <a href="{{ route('ssl-csr.list') }}" class="btn btn-outline-secondary btn-sm">📄 查看已完成 CSR 檔案</a>
        <a href="{{ route('ssl-csr.verify.form') }}" class="btn btn-outline-success btn-sm">✔️ CSR 驗證器</a>
    </div>
</div>
@endsection