@extends('layouts.app')
@section('title', '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,#8b5cf6,#6d28d9);">
          <i class="bi bi-patch-check text-white"></i>
        </div>
        <div>
          <div class="ssl-card-title">CSR 驗證器</div>
          <div class="ssl-card-sub">貼上 CSR 內容以解析並驗證其資訊</div>
        </div>
      </div>
      <div class="ssl-card-body">
        @if(session('error'))
          <div class="alert alert-danger alert-dismissible fade show mb-4">
            {{ session('error') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
          </div>
        @endif

        <form action="{{ route('ssl-csr.verify') }}" method="POST">
          @csrf
          <div class="mb-3">
            <label for="csr_text" class="form-label fw-semibold">CSR 內容</label>
            <textarea class="form-control font-monospace" id="csr_text" name="csr_text" rows="10"
              placeholder="-----BEGIN CERTIFICATE REQUEST-----&#10;...&#10;-----END CERTIFICATE REQUEST-----"
              required style="font-size:.82rem; resize:vertical;">{{ old('csr_text') }}</textarea>
          </div>
          <button type="submit" class="btn btn-primary px-4">
            <i class="bi bi-search me-1"></i>立即驗證
          </button>
        </form>
      </div>
    </div>
  </main>
</div>
@endsection