@extends('layouts.app')
@section('title', '防火牆申請紀錄')

@section('content')
<div class="container py-4" style="max-width:900px;">

  <div class="d-flex align-items-center justify-content-between mb-4">
    <div>
      <h3 class="mb-0 fw-bold"><i class="bi bi-shield-lock me-2 text-danger"></i>防火牆申請紀錄</h3>
      <div class="text-muted small mt-1">你的防火牆開放申請列表</div>
    </div>
    <a href="{{ route('gitlab-requests.create') }}" onclick="setTimeout(()=>selectType&&selectType('firewall'),200)" class="btn btn-danger">
      <i class="bi bi-plus-lg me-1"></i>新增申請
    </a>
  </div>

  @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
      {{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
  @endif

  <div class="card border-0 shadow-sm">
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead class="table-light">
          <tr>
            <th>#</th>
            <th>IP</th>
            <th>目標伺服器</th>
            <th>Port</th>
            <th>申請原因</th>
            <th>狀態</th>
            <th>審核備注</th>
            <th>申請時間</th>
          </tr>
        </thead>
        <tbody>
          @forelse($requests as $r)
          <tr>
            <td class="text-muted small">{{ $r->id }}</td>
            <td><code>{{ $r->ip_address }}</code></td>
            <td>{{ $r->target_server }}</td>
            <td>
              @foreach($r->ports as $p)
                <span class="badge bg-secondary me-1">{{ $p }}</span>
              @endforeach
            </td>
            <td style="max-width:220px;">
              <span class="text-truncate d-block" title="{{ $r->reason }}">{{ $r->reason }}</span>
            </td>
            <td>
              <span class="badge bg-{{ $r->statusBadge() }}">{{ $r->statusLabel() }}</span>
              @if($r->ufw_applied_at)
                <div class="text-muted" style="font-size:.7rem;">UFW 套用：{{ $r->ufw_applied_at->format('m/d H:i') }}</div>
              @endif
            </td>
            <td class="text-muted small">{{ $r->reviewer_note ?: '—' }}</td>
            <td class="text-muted small">{{ $r->created_at->format('Y/m/d H:i') }}</td>
          </tr>
          @empty
          <tr>
            <td colspan="8" class="text-center text-muted py-5">
              <i class="bi bi-inbox fs-3 d-block mb-2"></i>尚無申請紀錄
            </td>
          </tr>
          @endforelse
        </tbody>
      </table>
    </div>
    @if($requests->hasPages())
      <div class="card-footer bg-transparent">{{ $requests->links() }}</div>
    @endif
  </div>

</div>
@endsection