@extends('layouts.admin')

@section('content')
<div class="admin-candidate-access-requests">
  <!-- Header -->
  <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; flex-wrap: wrap; gap: 1rem;">
    <div>
      <h1 style="font-size: 1.75rem; font-family: var(--font-heading); margin-bottom: 0.25rem;">Candidate Access Grants & DPDP Compliance Log</h1>
      <p style="color: var(--text-muted); font-size: 0.95rem; margin: 0;">
        Immutable regulatory audit trail tracking all corporate data access requests to jobseeker personal records and curriculum vitae.
      </p>
    </div>

    <div>
      <a href="{{ route('admin.candidate-access-requests.export', request()->query()) }}" class="btn btn-outline" style="display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.88rem;">
        <i class="fas fa-file-csv"></i>
        <span>Export Compliance CSV</span>
      </a>
    </div>
  </div>

  <!-- KPI Metrics -->
  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.25rem; margin-bottom: 2rem;">
    <div style="background: var(--bg-card); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 1.25rem; border-left: 4px solid #38BDF8;">
      <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 0.35rem;">Total Access Requests</div>
      <div style="font-size: 1.75rem; font-weight: 700; color: #38BDF8; font-family: var(--font-heading);">
        {{ $stats['total'] }}
      </div>
    </div>

    <div style="background: var(--bg-card); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 1.25rem; border-left: 4px solid #10B981;">
      <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 0.35rem;">Active Grants</div>
      <div style="font-size: 1.75rem; font-weight: 700; color: #10B981; font-family: var(--font-heading);">
        {{ $stats['active'] }}
      </div>
    </div>

    <div style="background: var(--bg-card); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 1.25rem; border-left: 4px solid #F59E0B;">
      <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 0.35rem;">Pending Consent</div>
      <div style="font-size: 1.75rem; font-weight: 700; color: #F59E0B; font-family: var(--font-heading);">
        {{ $stats['pending'] }}
      </div>
    </div>

    <div style="background: var(--bg-card); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 1.25rem; border-left: 4px solid #EF4444;">
      <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 0.35rem;">Declined / Revoked</div>
      <div style="font-size: 1.75rem; font-weight: 700; color: #EF4444; font-family: var(--font-heading);">
        {{ $stats['rejected'] }}
      </div>
    </div>

    <div style="background: var(--bg-card); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 1.25rem; border-left: 4px solid #8B5CF6;">
      <div style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 0.35rem;">Total Resume Stream Views</div>
      <div style="font-size: 1.75rem; font-weight: 700; color: #8B5CF6; font-family: var(--font-heading);">
        {{ $stats['total_views'] }}
      </div>
    </div>
  </div>

  <!-- Search & Filter Bar -->
  <div style="background: var(--bg-card); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 1.25rem 1.5rem; margin-bottom: 2rem;">
    <form method="GET" action="{{ route('admin.candidate-access-requests.index') }}">
      <div style="display: flex; gap: 1rem; align-items: center; flex-wrap: wrap;">
        <div style="flex: 1; min-width: 250px;">
          <input type="text" name="search" value="{{ request('search') }}" placeholder="Search by employer, candidate name, registration ID or hiring purpose..." class="form-control" style="width: 100%;">
        </div>

        <div style="width: 180px;">
          <select name="status" class="form-control" style="width: 100%;">
            <option value="">All Statuses</option>
            <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Active Grants</option>
            <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Pending Consent</option>
            <option value="rejected" {{ request('status') === 'rejected' ? 'selected' : '' }}>Declined</option>
            <option value="expired" {{ request('status') === 'expired' ? 'selected' : '' }}>Expired</option>
            <option value="revoked" {{ request('status') === 'revoked' ? 'selected' : '' }}>Revoked</option>
          </select>
        </div>

        <div>
          <button type="submit" class="btn btn-primary" style="display: inline-flex; align-items: center; gap: 0.5rem; height: 42px;">
            <i class="fas fa-filter"></i> Apply Filter
          </button>
        </div>
      </div>
    </form>
  </div>

  <!-- Data Table -->
  <div style="background: var(--bg-card); border: 1px solid var(--border-light); border-radius: var(--radius-lg); overflow: hidden;">
    @if($requests->isEmpty())
      <div style="padding: 3rem; text-align: center;">
        <i class="fas fa-shield-halved" style="font-size: 2.5rem; color: var(--text-muted); margin-bottom: 1rem; display: block;"></i>
        <h3 style="font-size: 1.15rem; font-family: var(--font-heading); margin-bottom: 0.5rem; color: var(--text-primary);">
          No Data Access Requests Recorded
        </h3>
        <p style="color: var(--text-muted); font-size: 0.9rem; margin: 0;">
          All employer candidate talent access requests will be logged here for statutory DPDP Act compliance review.
        </p>
      </div>
    @else
      <div style="overflow-x: auto;">
        <table class="admin-table" style="width: 100%; border-collapse: collapse;">
          <thead>
            <tr>
              <th>ID</th>
              <th>Requesting Employer</th>
              <th>Target Candidate</th>
              <th>Hiring Purpose</th>
              <th>Status</th>
              <th>Requested At</th>
              <th>Expires At</th>
              <th>Views</th>
              <th>Last Viewed</th>
            </tr>
          </thead>
          <tbody>
            @foreach($requests as $req)
              @php
                $employerCompany = $req->employer->employerProfile?->company_name ?: $req->employer->name;
                $candidate = $req->candidate;
                $candidateRef = $candidate->registration_id ?: "Candidate #{$candidate->id}";
              @endphp

              <tr>
                <td style="font-family: var(--font-mono, monospace); font-size: 0.82rem; color: var(--text-muted);">
                  #{{ $req->id }}
                </td>

                <td>
                  <strong style="color: var(--text-primary); display: block;">{{ $employerCompany }}</strong>
                  <span style="font-size: 0.8rem; color: var(--text-muted);">{{ $req->employer->email }}</span>
                </td>

                <td>
                  <strong style="color: var(--text-primary); display: block;">{{ $candidate->name }}</strong>
                  <span style="font-family: var(--font-mono, monospace); font-size: 0.8rem; color: #38BDF8;">
                    #{{ $candidateRef }}
                  </span>
                </td>

                <td style="max-width: 250px;">
                  <div style="font-size: 0.85rem; color: var(--text-primary); line-height: 1.4;">
                    {{ Str::limit($req->hiring_reason, 75) }}
                  </div>
                  @if($req->vacancy)
                    <span style="font-size: 0.78rem; color: var(--text-muted); display: block; margin-top: 0.25rem;">
                      <i class="fas fa-briefcase"></i> {{ $req->vacancy->title }}
                    </span>
                  @endif
                </td>

                <td>
                  @if($req->isPending())
                    <span class="badge" style="background: rgba(245, 158, 11, 0.15); color: #F59E0B; border: 1px solid rgba(245, 158, 11, 0.3);">
                      Pending
                    </span>
                  @elseif($req->isActive())
                    <span class="badge" style="background: rgba(16, 185, 129, 0.15); color: #10B981; border: 1px solid rgba(16, 185, 129, 0.3);">
                      Approved
                    </span>
                  @elseif($req->isRejected())
                    <span class="badge" style="background: rgba(239, 68, 68, 0.15); color: #EF4444; border: 1px solid rgba(239, 68, 68, 0.3);">
                      Declined
                    </span>
                  @elseif($req->isExpired())
                    <span class="badge" style="background: rgba(148, 163, 184, 0.15); color: #94A3B8; border: 1px solid rgba(148, 163, 184, 0.3);">
                      Expired
                    </span>
                  @else
                    <span class="badge" style="background: rgba(148, 163, 184, 0.15); color: #94A3B8;">
                      {{ ucfirst($req->status) }}
                    </span>
                  @endif
                </td>

                <td style="font-size: 0.85rem; color: var(--text-muted);">
                  {{ $req->requested_at?->format('d M Y, h:i A') }}
                </td>

                <td style="font-size: 0.85rem;">
                  @if($req->expires_at)
                    <span style="{{ $req->isExpired() ? 'color: #EF4444;' : 'color: #10B981; font-weight: 600;' }}">
                      {{ $req->expires_at->format('d M Y') }}
                    </span>
                  @else
                    <span style="color: var(--text-muted);">—</span>
                  @endif
                </td>

                <td style="font-size: 0.85rem; font-weight: 600; color: #8B5CF6;">
                  {{ $req->views_count }}
                </td>

                <td style="font-size: 0.82rem; color: var(--text-muted);">
                  {{ $req->last_viewed_at ? $req->last_viewed_at->diffForHumans() : 'Never' }}
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>

      <div style="padding: 1.25rem;">
        {{ $requests->links() }}
      </div>
    @endif
  </div>
</div>
@endsection