@extends('layouts.admin')

@section('title', 'Candidate Applications')
@section('page-title', 'Candidate Applications & CV Submissions')

@section('content')
<div class="admin-card">
  <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem;">
    <!-- Filter Tabs -->
    <div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
      <a href="{{ route('admin.applications.index') }}" class="btn {{ empty($status) ? 'btn-primary' : 'btn-outline' }} btn-sm">All</a>
      <a href="{{ route('admin.applications.index', ['status' => 'pending']) }}" class="btn {{ $status === 'pending' ? 'btn-primary' : 'btn-outline' }} btn-sm">Pending</a>
      <a href="{{ route('admin.applications.index', ['status' => 'reviewed']) }}" class="btn {{ $status === 'reviewed' ? 'btn-primary' : 'btn-outline' }} btn-sm">Reviewed</a>
      <a href="{{ route('admin.applications.index', ['status' => 'shortlisted']) }}" class="btn {{ $status === 'shortlisted' ? 'btn-primary' : 'btn-outline' }} btn-sm">Shortlisted</a>
      <a href="{{ route('admin.applications.index', ['status' => 'rejected']) }}" class="btn {{ $status === 'rejected' ? 'btn-primary' : 'btn-outline' }} btn-sm">Rejected</a>
    </div>

    <!-- Export Button -->
    <a href="{{ route('admin.applications.export') }}" class="btn btn-outline btn-sm">
      <i class="fas fa-file-csv"></i> Export to CSV
    </a>
  </div>

  <div class="table-responsive">
    <table class="admin-table">
      <thead>
        <tr>
          <th>Candidate</th>
          <th>Applied Role</th>
          <th>Experience</th>
          <th>Contact</th>
          <th>Resume</th>
          <th>Status</th>
          <th>Actions</th>
        </tr>
      </thead>
      <tbody>
        @forelse($applications as $app)
          <tr>
            <td>
              <strong style="display: block;">{{ $app->name }}</strong>
              <span style="font-size: 0.8rem; color: var(--text-light);">{{ $app->created_at->format('M d, Y h:i A') }}</span>
            </td>
            <td>
              <strong style="font-size: 0.9rem;">{{ $app->applied_role }}</strong>
            </td>
            <td>{{ $app->experience_years }}</td>
            <td>
              <div style="font-size: 0.85rem;">
                <a href="mailto:{{ $app->email }}" style="color: var(--accent);"><i class="fas fa-envelope"></i> {{ $app->email }}</a><br>
                <a href="tel:{{ $app->phone }}" style="color: inherit;"><i class="fas fa-phone"></i> {{ $app->phone }}</a>
              </div>
            </td>
            <td>
              @if($app->resume_path)
                <a href="{{ asset('storage/' . $app->resume_path) }}" target="_blank" class="btn btn-outline btn-sm" style="padding: 0.25rem 0.5rem; font-size: 0.8rem;">
                  <i class="fas fa-file-download"></i> View CV
                </a>
              @else
                <span style="font-size: 0.8rem; color: var(--text-light);">No file</span>
              @endif
            </td>
            <td>
              <form action="{{ route('admin.applications.updateStatus', $app->id) }}" method="POST" style="margin: 0;">
                @csrf
                @method('PATCH')
                <select name="status" onchange="this.form.submit()" style="padding: 0.25rem 0.5rem; font-size: 0.8rem; border-radius: var(--radius-sm); border: 1px solid var(--border-light); background: var(--bg-card); color: var(--text-main);">
                  <option value="pending" {{ $app->status === 'pending' ? 'selected' : '' }}>Pending</option>
                  <option value="reviewed" {{ $app->status === 'reviewed' ? 'selected' : '' }}>Reviewed</option>
                  <option value="shortlisted" {{ $app->status === 'shortlisted' ? 'selected' : '' }}>Shortlisted</option>
                  <option value="rejected" {{ $app->status === 'rejected' ? 'selected' : '' }}>Rejected</option>
                </select>
              </form>
            </td>
            <td>
              <a href="{{ route('admin.applications.show', $app->id) }}" class="btn btn-outline btn-sm" style="padding: 0.25rem 0.5rem; font-size: 0.8rem;">
                <i class="fas fa-eye"></i>
              </a>
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="7" style="text-align: center; color: var(--text-muted); padding: 2.5rem;">No candidate profiles found in this category.</td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>

  <div style="margin-top: 1.5rem;">
    {{ $applications->links() }}
  </div>
</div>
@endsection