@extends('layouts.app')
@section('title', 'SSL CSR 產生器')

@push('styles')
@include('ssl._styles')
@endpush

@section('content')
<div class="ssl-page">
  @include('ssl._sidebar')

  <main class="ssl-main">
    <div class="ssl-card">
      <div class="ssl-card-head">
        <div class="ssl-card-icon" style="background:linear-gradient(135deg,#0ea5e9,#0284c7);">
          <i class="bi bi-file-earmark-plus text-white"></i>
        </div>
        <div>
          <div class="ssl-card-title">CSR 產生器</div>
          <div class="ssl-card-sub">填寫資訊後產生 CSR 與 Private Key 檔案</div>
        </div>
      </div>
      <div class="ssl-card-body">
        @if($errors->any())
          <div class="alert alert-danger alert-dismissible fade show mb-4">
            <ul class="mb-0 ps-3">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
          </div>
        @endif

        <form action="{{ route('ssl-csr.generate') }}" method="POST">
          @csrf
          <div class="row g-3">
            <div class="col-md-6">
              <label for="locality" class="form-label fw-semibold">縣市 <span class="text-danger">*</span></label>
              <select class="form-select" id="locality" name="locality" required>
                <option value="">請選擇縣市</option>
                @foreach(['台北市','新北市','桃園市','台中市','台南市','高雄市','基隆市','新竹市','嘉義市','宜蘭縣','新竹縣','苗栗縣','彰化縣','南投縣','雲林縣','嘉義縣','屏東縣','花蓮縣','台東縣','澎湖縣','金門縣','連江縣'] as $city)
                  <option value="{{ $city }}" {{ old('locality') === $city ? 'selected' : '' }}>{{ $city }}</option>
                @endforeach
              </select>
              <div class="form-text text-muted">Locality (L)</div>
            </div>
            <div class="col-md-6">
              <label for="organization" class="form-label fw-semibold">組織名稱 <span class="text-danger">*</span></label>
              <input type="text" class="form-control" id="organization" name="organization"
                     value="{{ old('organization') }}" placeholder="例：Steps Information Co. Ltd." required>
              <div class="form-text text-muted">Organization (O)</div>
            </div>
            <div class="col-md-6">
              <label for="organizationalUnit" class="form-label fw-semibold">部門名稱</label>
              <input type="text" class="form-control" id="organizationalUnit" name="organizationalUnit"
                     value="{{ old('organizationalUnit') }}" placeholder="例：IT Department">
              <div class="form-text text-muted">Organizational Unit (OU)，可留空</div>
            </div>
            <div class="col-md-6">
              <label for="commonName" class="form-label fw-semibold">網域名稱 <span class="text-danger">*</span></label>
              <input type="text" class="form-control" id="commonName" name="commonName"
                     value="{{ old('commonName') }}" placeholder="例：s3.ilc.edu.tw" required>
              <div class="form-text text-muted">Common Name (CN)，即憑證要保護的網域</div>
            </div>
          </div>

          <div class="mt-4 d-flex gap-2">
            <button type="submit" class="btn btn-primary px-4">
              <i class="bi bi-key me-1"></i>產生 CSR 與 Key
            </button>
          </div>
        </form>
      </div>
    </div>
  </main>
</div>
@endsection