@extends('layouts.admin')

@section('title', 'Application Details: ' . $application->name)
@section('page-title', 'Candidate Profile: ' . $application->name)

@section('content')
<div class="admin-card" style="max-width: 800px;">
  <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; border-bottom: 1px solid var(--border-light); padding-bottom: 1rem;">
    <div>
      <span class="badge badge-primary" style="margin-bottom: 0.5rem; display: inline-block;">{{ $application->applied_role }}</span>
      <h2 style="font-size: 1.75rem; margin: 0;">{{ $application->name }}</h2>
      <span style="font-size: 0.85rem; color: var(--text-light);">Submitted {{ $application->created_at->format('F d, Y h:i A') }}</span>
    </div>

    <div>
      <form action="{{ route('admin.applications.updateStatus', $application->id) }}" method="POST">
        @csrf
        @method('PATCH')
        <label style="font-size: 0.8rem; color: var(--text-muted); display: block; margin-bottom: 0.25rem;">Candidate Status:</label>
        <select name="status" onchange="this.form.submit()" style="padding: 0.4rem 0.85rem; font-size: 0.9rem; border-radius: var(--radius-sm); border: 1px solid var(--border-light); background: var(--bg-card); color: var(--text-main); font-weight: 600;">
          <option value="pending" {{ $application->status === 'pending' ? 'selected' : '' }}>Pending</option>
          <option value="reviewed" {{ $application->status === 'reviewed' ? 'selected' : '' }}>Reviewed</option>
          <option value="shortlisted" {{ $application->status === 'shortlisted' ? 'selected' : '' }}>Shortlisted</option>
          <option value="rejected" {{ $application->status === 'rejected' ? 'selected' : '' }}>Rejected</option>
        </select>
      </form>
    </div>
  </div>

  <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 2rem;">
    <div>
      <span style="font-size: 0.8rem; color: var(--text-light); text-transform: uppercase;">Email Address</span>
      <p style="font-size: 1rem; font-weight: 500; margin: 0.25rem 0 0 0;">
        <a href="mailto:{{ $application->email }}" style="color: var(--accent);">{{ $application->email }}</a>
      </p>
    </div>

    <div>
      <span style="font-size: 0.8rem; color: var(--text-light); text-transform: uppercase;">Phone Number</span>
      <p style="font-size: 1rem; font-weight: 500; margin: 0.25rem 0 0 0;">
        <a href="tel:{{ $application->phone }}" style="color: inherit;">{{ $application->phone }}</a>
      </p>
    </div>

    <div>
      <span style="font-size: 0.8rem; color: var(--text-light); text-transform: uppercase;">Total Experience</span>
      <p style="font-size: 1rem; font-weight: 500; margin: 0.25rem 0 0 0;">{{ $application->experience_years }}</p>
    </div>

    <div>
      <span style="font-size: 0.8rem; color: var(--text-light); text-transform: uppercase;">Current Employer</span>
      <p style="font-size: 1rem; font-weight: 500; margin: 0.25rem 0 0 0;">{{ $application->current_company ?: 'Not Specified' }}</p>
    </div>

    <div>
      <span style="font-size: 0.8rem; color: var(--text-light); text-transform: uppercase;">Expected Compensation</span>
      <p style="font-size: 1rem; font-weight: 500; margin: 0.25rem 0 0 0; color: var(--accent);">{{ $application->expected_ctc ?: 'Negotiable' }}</p>
    </div>

    <div>
      <span style="font-size: 0.8rem; color: var(--text-light); text-transform: uppercase;">Curriculum Vitae</span>
      <p style="margin: 0.25rem 0 0 0;">
        @if($application->resume_path)
          <a href="{{ asset('storage/' . $application->resume_path) }}" target="_blank" class="btn btn-primary btn-sm">
            <i class="fas fa-file-download"></i> Download / Inspect Resume
          </a>
        @else
          <span style="color: var(--text-muted);">No resume attached.</span>
        @endif
      </p>
    </div>
  </div>

  @if($application->cover_letter)
    <div style="background: var(--bg-surface); padding: 1.5rem; border-radius: var(--radius-md); margin-bottom: 2rem;">
      <h4 style="font-size: 1rem; margin-bottom: 0.5rem;">Cover Note / Candidate Statement</h4>
      <p style="color: var(--text-main); line-height: 1.6; margin: 0;">{{ $application->cover_letter }}</p>
    </div>
  @endif

  <div>
    <a href="{{ route('admin.applications.index') }}" class="btn btn-outline">
      <i class="fas fa-arrow-left"></i> Back to Applications Roster
    </a>
  </div>
</div>
@endsection