@extends('layouts.app')

@section('content')
<main id="mainContent">
  <section class="section" style="padding: 4rem 0;">
    <div class="container" style="max-width: 680px;">
      
      <div class="service-card reveal" style="padding: 2.5rem; background: var(--bg-card); border: 1px solid var(--border-light); border-radius: var(--radius-lg); text-align: center; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.06);">
        
        <!-- Status Icon Badge -->
        <div style="width: 72px; height: 72px; border-radius: 50%; margin: 0 auto 1.5rem; display: flex; align-items: center; justify-content: center; font-size: 2.2rem;
             background: {{ $isExpired ? 'rgba(239, 68, 68, 0.15)' : 'rgba(16, 185, 129, 0.15)' }};
             color: {{ $isExpired ? '#ef4444' : 'var(--success)' }};">
          <i class="fas {{ $isExpired ? 'fa-exclamation-triangle' : 'fa-check-circle' }}"></i>
        </div>

        <span class="section-badge" style="margin-bottom: 0.5rem;">
          <i class="fas fa-shield-alt"></i> Official Registry Record
        </span>
        <h1 style="font-size: 1.75rem; font-family: var(--font-heading); font-weight: 700; color: var(--text-heading); margin-bottom: 0.5rem;">
          {{ $isExpired ? 'Registration Expired' : 'Valid & Verified Registration' }}
        </h1>
        <p style="color: var(--text-light); font-size: 0.95rem; margin-bottom: 2rem;">
          Maharashtra Employment Service Directorate verification record for Candidate Registration ID:
          <strong style="color: var(--accent); font-family: monospace; font-size: 1.15rem; display: block; margin-top: 0.35rem;">
            {{ $user->registration_id }}
          </strong>
        </p>

        <!-- Record Verification Details -->
        <div style="background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 1.5rem; text-align: left; margin-bottom: 2rem;">
          <table style="width: 100%; border-collapse: collapse; font-size: 0.92rem;">
            <tbody>
              <tr style="border-bottom: 1px solid var(--border-light);">
                <td style="padding: 0.5rem 0; color: var(--text-light); width: 45%;">Candidate Name:</td>
                <td style="padding: 0.5rem 0; font-weight: 700; color: var(--text-heading);">{{ $user->name }}</td>
              </tr>
              <tr style="border-bottom: 1px solid var(--border-light);">
                <td style="padding: 0.5rem 0; color: var(--text-light);">Registration Status:</td>
                <td style="padding: 0.5rem 0;">
                  @if($isExpired)
                    <span class="badge" style="background: rgba(239, 68, 68, 0.15); color: #ef4444; font-weight: 600;">
                      <i class="fas fa-clock"></i> Expired (Renewal Overdue)
                    </span>
                  @else
                    <span class="badge" style="background: rgba(16, 185, 129, 0.15); color: var(--success); font-weight: 600;">
                      <i class="fas fa-check"></i> Active & Good Standing
                    </span>
                  @endif
                </td>
              </tr>
              <tr style="border-bottom: 1px solid var(--border-light);">
                <td style="padding: 0.5rem 0; color: var(--text-light);">Date of Issue:</td>
                <td style="padding: 0.5rem 0; font-weight: 600; color: var(--text-heading);">
                  {{ $user->registration_date ? $user->registration_date->format('d F Y') : 'N/A' }}
                </td>
              </tr>
              <tr style="border-bottom: 1px solid var(--border-light);">
                <td style="padding: 0.5rem 0; color: var(--text-light);">Validity Expiration:</td>
                <td style="padding: 0.5rem 0; font-weight: 600; color: {{ $isExpired ? '#ef4444' : 'var(--text-heading)' }};">
                  {{ $user->expiry_date ? $user->expiry_date->format('d F Y') : 'N/A' }}
                </td>
              </tr>
              <tr style="border-bottom: 1px solid var(--border-light);">
                <td style="padding: 0.5rem 0; color: var(--text-light);">Registered District:</td>
                <td style="padding: 0.5rem 0; font-weight: 600; color: var(--text-heading);">
                  {{ $profile->district ?? $user->assigned_district ?? 'Maharashtra' }}
                </td>
              </tr>
              <tr>
                <td style="padding: 0.5rem 0; color: var(--text-light);">Aadhaar Status:</td>
                <td style="padding: 0.5rem 0; font-weight: 600; color: var(--success);">
                  <i class="fas fa-check-circle"></i> UIDAI Verhoeff Verified (••••{{ $profile?->aadhaar_last4 ?? '----' }})
                </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
          <a href="{{ url('/') }}" class="btn btn-outline">
            <i class="fas fa-home"></i> Return to Homepage
          </a>
          <a href="{{ route('jobs.index') }}" class="btn btn-primary">
            <i class="fas fa-briefcase"></i> View Open Corporate Vacancies
          </a>
        </div>

      </div>

    </div>
  </section>
</main>
@endsection