@extends('layouts.app')

@section('title', 'SSL 憑證清單')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">
  <h3>📄 已完成 CSR 檔案清單</h3>
  <a href="{{ route('ssl-csr.index') }}" class="btn btn-secondary">➕ 返回產生器</a>
</div>

@if (session('success'))
  <div class="alert alert-success">{{ session('success') }}</div>
@endif

@if (session('error'))
  <div class="alert alert-danger">{{ session('error') }}</div>
@endif

<div class="card shadow">
  <div class="card-body">
    @if (count($files) > 0)
      <div class="table-responsive">
        <table class="table table-bordered table-hover align-middle">
          <thead class="table-light">
            <tr>
              <th>檔案識別碼</th>
              <th>產生網址 (CommonName)</th>
              <th>產生時間</th>
              <th>下載 CSR</th>
              <th>下載 Key</th>
              <th>寄信</th>
              <th>移除</th>
            </tr>
          </thead>
          <tbody>
            @foreach ($files as $file)
              <tr>
                <td>{{ $file['csr_filename'] }}</td>
                <td>{{ $file['common_name'] }}</td>
                <td>{{ $file['created_at'] }}</td>
                <td>
                  <a href="{{ route('ssl-csr.download', ['type' => 'csr', 'filename' => $file['csr_filename']]) }}"
                     class="btn btn-sm btn-outline-primary">下載 CSR</a>
                </td>
                <td>
                  <a href="{{ route('ssl-csr.download', ['type' => 'key', 'filename' => $file['key_filename']]) }}"
                     class="btn btn-sm btn-outline-primary">下載 Key</a>
                </td>
                <td>
                  <form action="{{ route('ssl-csr.sendEmail') }}" method="POST">
                    @csrf
                    <input type="hidden" name="csr_filename" value="{{ $file['csr_filename'] }}">
                    <input type="hidden" name="key_filename" value="{{ $file['key_filename'] }}">
                    <button type="submit" class="btn btn-sm btn-outline-success">📧 寄信</button>
                  </form>
                </td>
                <td>
                  <!-- 觸發 Modal -->
                  <button type="button" class="btn btn-sm btn-danger" data-bs-toggle="modal" data-bs-target="#confirmDeleteModal_{{ $loop->index }}">
                    移除
                  </button>

                  <!-- Modal 彈窗 -->
                  <div class="modal fade" id="confirmDeleteModal_{{ $loop->index }}" tabindex="-1" aria-labelledby="modalLabel_{{ $loop->index }}" aria-hidden="true">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <form action="{{ route('ssl-csr.delete', ['filename' => $file['csr_filename']]) }}" method="POST">
                          @csrf
                          @method('DELETE')
                          <div class="modal-header">
                            <h5 class="modal-title" id="modalLabel_{{ $loop->index }}">確認刪除</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="關閉"></button>
                          </div>
                          <div class="modal-body">
                            你確定要刪除 <strong>{{ $file['csr_filename'] }}</strong> 及其私鑰檔案嗎？<br>
                            此操作無法還原！
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                            <button type="submit" class="btn btn-danger">確認刪除</button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    @else
      <div class="alert alert-warning">目前沒有任何 CSR 檔案。</div>
    @endif
  </div>
</div>

@endsection