@extends('layouts.admin')

@section('title', "Candidate Profile: {$candidate->name}")
@section('page-title', "Candidate Profile: {$candidate->name}")

@section('content')
<div style="max-width: 1200px; margin: 0 auto;">

  <!-- Header Banner & Action Bar -->
  <div class="admin-card" style="margin-bottom: 2rem; position: relative; overflow: hidden;">
    <div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 1.5rem;">
      
      <!-- Candidate Primary ID Block -->
      <div style="display: flex; gap: 1.5rem; align-items: center;">
        @if($profile && $profile->photo_path)
          <img src="{{ Storage::url($profile->photo_path) }}" alt="{{ $candidate->name }}" style="width: 80px; height: 80px; border-radius: var(--radius-md); object-fit: cover; border: 3px solid rgba(0, 102, 255, 0.2); box-shadow: var(--shadow-sm);">
        @else
          <div style="width: 80px; height: 80px; border-radius: var(--radius-md); background: rgba(0, 102, 255, 0.12); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 2.25rem; font-weight: 700; border: 3px solid rgba(0, 102, 255, 0.2);">
            {{ strtoupper(substr($candidate->name, 0, 1)) }}
          </div>
        @endif

        <div>
          <div style="display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 0.25rem;">
            <h1 style="font-size: 1.75rem; font-family: var(--font-heading); margin: 0; color: var(--text-heading);">
              {{ $candidate->name }}
            </h1>

            @if($candidate->status === 'active')
              <span class="badge" style="background: rgba(16, 185, 129, 0.15); color: var(--success); font-weight: 600;">
                <i class="fas fa-check-circle"></i> Active Candidate
              </span>
            @elseif($candidate->status === 'suspended')
              <span class="badge" style="background: rgba(239, 68, 68, 0.15); color: #ef4444; font-weight: 600;">
                <i class="fas fa-ban"></i> Suspended Account
              </span>
            @endif

            @if($candidate->isExpired())
              <span class="badge" style="background: rgba(239, 68, 68, 0.15); color: #ef4444;">
                <i class="fas fa-clock"></i> Registration Expired
              </span>
            @elseif($candidate->isRenewalEligible())
              <span class="badge" style="background: rgba(245, 158, 11, 0.15); color: #b45309;">
                <i class="fas fa-exclamation-triangle"></i> Renewal Due
              </span>
            @endif
          </div>

          <div style="display: flex; gap: 1.25rem; flex-wrap: wrap; font-size: 0.88rem; color: var(--text-light);">
            <span>
              <strong style="color: var(--text-heading); font-family: monospace;">{{ $candidate->registration_id ?? 'No Reg ID' }}</strong>
            </span>
            <span><i class="fas fa-envelope"></i> {{ $candidate->email }}</span>
            <span><i class="fas fa-phone"></i> {{ $candidate->phone ?? 'Not provided' }}</span>
            <span><i class="fas fa-map-marker-alt"></i> {{ $profile?->district ?? $candidate->assigned_district ?? 'Maharashtra' }}</span>
          </div>
        </div>
      </div>

      <!-- Controls & Quick Navigation -->
      <div style="display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap;">
        <a href="{{ route('admin.jobseekers.index') }}" class="btn btn-outline btn-sm">
          <i class="fas fa-arrow-left"></i> Back to Registry
        </a>

        @if($candidate->status === 'active')
          <form method="POST" action="{{ route('admin.jobseekers.toggle-status', $candidate->id) }}" onsubmit="return confirm('Are you sure you want to suspend this candidate account?');" style="display: inline;">
            @csrf
            <input type="hidden" name="status" value="suspended">
            <input type="hidden" name="reason" value="Suspended by Super Administrator">
            <button type="submit" class="btn btn-sm" style="background: #ef4444; color: #fff; border: none; font-weight: 600;">
              <i class="fas fa-user-slash"></i> Suspend Account
            </button>
          </form>
        @else
          <form method="POST" action="{{ route('admin.jobseekers.toggle-status', $candidate->id) }}" onsubmit="return confirm('Reactivate this candidate account?');" style="display: inline;">
            @csrf
            <input type="hidden" name="status" value="active">
            <button type="submit" class="btn btn-sm" style="background: var(--success); color: #fff; border: none; font-weight: 600;">
              <i class="fas fa-user-check"></i> Reactivate Account
            </button>
          </form>
        @endif
      </div>

    </div>

    <!-- Suspension Reason Banner if applicable -->
    @if($candidate->status === 'suspended' && $candidate->status_reason)
      <div style="margin-top: 1.25rem; padding: 0.75rem 1rem; border-radius: var(--radius-md); background: rgba(239, 68, 68, 0.08); border-left: 4px solid #ef4444; font-size: 0.88rem; color: #b91c1c;">
        <strong>Suspension Reason:</strong> {{ $candidate->status_reason }}
      </div>
    @endif

    <!-- Profile Progress Bar -->
    <div style="margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--border-light); display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;">
      <div style="flex: 1; min-width: 200px;">
        <div style="display: flex; justify-content: space-between; font-size: 0.82rem; margin-bottom: 0.4rem;">
          <span style="font-weight: 600; color: var(--text-heading);">MahaSwayam Profile Completion</span>
          <strong style="color: {{ ($candidate->profile_completion ?? 0) >= 80 ? 'var(--success)' : 'var(--accent)' }};">
            {{ $candidate->profile_completion ?? ($profile ? $profile->calculateCompletionPercentage() : 0) }}%
          </strong>
        </div>
        <div style="width: 100%; height: 8px; background: rgba(0,0,0,0.06); border-radius: 4px; overflow: hidden;">
          <div style="width: {{ min(100, $candidate->profile_completion ?? 0) }}%; height: 100%; background: {{ ($candidate->profile_completion ?? 0) >= 80 ? 'var(--success)' : 'var(--accent)' }}; border-radius: 4px;"></div>
        </div>
      </div>
      <div style="font-size: 0.82rem; color: var(--text-light);">
        <span>Registration Date: <strong>{{ $candidate->registration_date ? $candidate->registration_date->format('d M Y') : 'N/A' }}</strong></span>
        <span style="margin: 0 0.5rem;">•</span>
        <span>Valid Until: <strong>{{ $candidate->expiry_date ? $candidate->expiry_date->format('d M Y') : 'N/A' }}</strong></span>
      </div>
    </div>
  </div>

  <!-- Detail Sections Grid -->
  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 1.5rem; margin-bottom: 2rem;">

    <!-- Section 1: Aadhaar KYC & Identity Authentication -->
    <div class="admin-card">
      <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; border-bottom: 1px solid var(--border-light); padding-bottom: 0.75rem;">
        <h3 style="font-size: 1.1rem; margin: 0; color: var(--text-heading); display: flex; align-items: center; gap: 0.5rem;">
          <i class="fas fa-fingerprint" style="color: var(--accent);"></i> Aadhaar KYC Authentication
        </h3>
        @if($profile && ($profile->aadhaar_verified_at || $profile->is_aadhaar_verified))
          <span class="badge" style="background: rgba(16, 185, 129, 0.15); color: var(--success); font-weight: 600;">
            <i class="fas fa-check-circle"></i> Authenticated
          </span>
        @else
          <span class="badge" style="background: rgba(245, 158, 11, 0.15); color: #b45309;">
            Pending KYC
          </span>
        @endif
      </div>

      <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; font-size: 0.88rem;">
        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">UIDAI Aadhaar Number</span>
          <strong style="font-family: monospace; font-size: 1rem; color: var(--text-heading);">
            @if($profile && $profile->aadhaar_last4)
              XXXX-XXXX-{{ $profile->aadhaar_last4 }}
            @else
              Not Submitted
            @endif
          </strong>
        </div>

        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Verification Timestamp</span>
          <strong>
            {{ $profile?->aadhaar_verified_at ? $profile->aadhaar_verified_at->format('d M Y, h:i A') : 'Pending' }}
          </strong>
        </div>

        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">OTP Verification Protocol</span>
          <span class="badge" style="background: rgba(0, 102, 255, 0.1); color: var(--accent); font-size: 0.75rem;">
            Verhoeff Validated (SMS OTP)
          </span>
        </div>

        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Cryptographic Hash Storage</span>
          <span style="font-family: monospace; font-size: 0.75rem; color: var(--text-light);" title="{{ $profile?->aadhaar_hash }}">
            {{ $profile?->aadhaar_hash ? substr($profile->aadhaar_hash, 0, 14) . '...' : 'N/A' }}
          </span>
        </div>
      </div>
    </div>

    <!-- Section 2: Personal & Demographic Attributes -->
    <div class="admin-card">
      <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; border-bottom: 1px solid var(--border-light); padding-bottom: 0.75rem;">
        <h3 style="font-size: 1.1rem; margin: 0; color: var(--text-heading); display: flex; align-items: center; gap: 0.5rem;">
          <i class="fas fa-id-card-alt" style="color: var(--accent);"></i> Personal Details
        </h3>
        <span style="font-size: 0.8rem; color: var(--text-light);">
          Category: <strong>{{ $profile?->category ?? 'General' }}</strong>
        </span>
      </div>

      <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; font-size: 0.88rem;">
        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Date of Birth / Age</span>
          <strong>{{ $profile?->dob ? $profile->dob->format('d M Y') . ' (' . $profile->dob->age . ' yrs)' : 'N/A' }}</strong>
        </div>

        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Gender</span>
          <strong>{{ ucfirst($profile?->gender ?? 'Not specified') }}</strong>
        </div>

        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Father's Name</span>
          <strong>{{ $profile?->father_name ?? 'N/A' }}</strong>
        </div>

        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Mother's Name</span>
          <strong>{{ $profile?->mother_name ?? 'N/A' }}</strong>
        </div>

        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Marital Status</span>
          <strong>{{ ucfirst($profile?->marital_status ?? 'Single') }}</strong>
        </div>

        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Persons with Disability (PwD)</span>
          @if($profile && $profile->is_disabled)
            <strong style="color: #ef4444;">{{ $profile->disability_type }} ({{ $profile->disability_percentage }}%)</strong>
          @else
            <span>None / Not Applicable</span>
          @endif
        </div>
      </div>
    </div>

    <!-- Section 3: Domicile & Residential Address -->
    <div class="admin-card">
      <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; border-bottom: 1px solid var(--border-light); padding-bottom: 0.75rem;">
        <h3 style="font-size: 1.1rem; margin: 0; color: var(--text-heading); display: flex; align-items: center; gap: 0.5rem;">
          <i class="fas fa-home" style="color: var(--accent);"></i> Domicile & Address
        </h3>
        <span class="badge" style="background: rgba(0, 102, 255, 0.1); color: var(--accent);">
          {{ $profile?->state ?? 'Maharashtra' }}
        </span>
      </div>

      <div style="font-size: 0.88rem; line-height: 1.6;">
        <div style="margin-bottom: 0.75rem;">
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Permanent Address Line</span>
          <strong>{{ $profile?->address_line ?? 'Not specified' }}</strong>
        </div>

        <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.75rem;">
          <div>
            <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Taluka</span>
            <strong>{{ $profile?->taluka ?? 'N/A' }}</strong>
          </div>
          <div>
            <span style="color: var(--text-light); display: block; font-size: 0.78rem;">District</span>
            <strong>{{ $profile?->district ?? $candidate->assigned_district ?? 'N/A' }}</strong>
          </div>
          <div>
            <span style="color: var(--text-light); display: block; font-size: 0.78rem;">PIN Code</span>
            <strong style="font-family: monospace;">{{ $profile?->pincode ?? 'N/A' }}</strong>
          </div>
        </div>
      </div>
    </div>

    <!-- Section 4: Employment & Placement Preferences -->
    <div class="admin-card">
      <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; border-bottom: 1px solid var(--border-light); padding-bottom: 0.75rem;">
        <h3 style="font-size: 1.1rem; margin: 0; color: var(--text-heading); display: flex; align-items: center; gap: 0.5rem;">
          <i class="fas fa-briefcase" style="color: var(--accent);"></i> Career Preferences
        </h3>
      </div>

      <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; font-size: 0.88rem;">
        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Preferred Sector / Industry</span>
          <strong>{{ $profile?->preferred_sector ?? 'Any / General' }}</strong>
        </div>

        <div>
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Preferred Location / District</span>
          <strong>{{ $profile?->preferred_district ?? 'All Maharashtra' }}</strong>
        </div>

        <div style="grid-column: span 2;">
          <span style="color: var(--text-light); display: block; font-size: 0.78rem;">Expected Salary Range (Monthly)</span>
          @if($profile && ($profile->expected_salary_min || $profile->expected_salary_max))
            <strong style="font-size: 1rem; color: var(--success);">
              ₹{{ number_format($profile->expected_salary_min ?? 0) }} - ₹{{ number_format($profile->expected_salary_max ?? 0) }} / month
            </strong>
          @else
            <span style="color: var(--text-light);">As per industry norms</span>
          @endif
        </div>
      </div>
    </div>

  </div>

  <!-- Section 5: Educational Qualifications Table -->
  <div class="admin-card" style="margin-bottom: 2rem;">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem;">
      <h3 style="font-size: 1.15rem; margin: 0; color: var(--text-heading); display: flex; align-items: center; gap: 0.5rem;">
        <i class="fas fa-graduation-cap" style="color: var(--accent);"></i> Educational Qualifications
      </h3>
      @if($highestQualification)
        <span class="badge" style="background: rgba(16, 185, 129, 0.15); color: var(--success); font-weight: 600;">
          Highest: {{ $highestQualification->level }} ({{ $highestQualification->stream_degree }})
        </span>
      @endif
    </div>

    <div class="table-responsive">
      <table class="admin-table">
        <thead>
          <tr>
            <th>Education Level</th>
            <th>Degree / Stream</th>
            <th>Board / University</th>
            <th>Year of Passing</th>
            <th>Percentage / CGPA</th>
            <th>Grade</th>
            <th>Certificate</th>
          </tr>
        </thead>
        <tbody>
          @forelse($profile?->qualifications ?? [] as $q)
            <tr>
              <td>
                <strong>{{ $q->level }}</strong>
                @if($highestQualification && $highestQualification->id === $q->id)
                  <span class="badge" style="background: rgba(0, 102, 255, 0.12); color: var(--accent); font-size: 0.7rem; margin-left: 0.3rem;">
                    Highest
                  </span>
                @endif
              </td>
              <td>{{ $q->stream_degree ?? 'General' }}</td>
              <td>{{ $q->board_university ?? 'Recognized Board / University' }}</td>
              <td><span style="font-family: monospace;">{{ $q->passing_year ?? 'N/A' }}</span></td>
              <td>
                <strong style="color: var(--text-heading);">
                  {{ $q->percentage ? number_format($q->percentage, 2) . '%' : 'N/A' }}
                </strong>
              </td>
              <td>{{ $q->grade ?? 'Pass' }}</td>
              <td>
                @if($q->certificate_path)
                  <a href="{{ Storage::url($q->certificate_path) }}" target="_blank" class="btn btn-outline btn-sm" style="padding: 0.2rem 0.5rem; font-size: 0.75rem;">
                    <i class="fas fa-file-pdf"></i> View Doc
                  </a>
                @else
                  <span style="color: var(--text-light); font-size: 0.8rem;">Self-Declared</span>
                @endif
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="7" style="text-align: center; padding: 2rem; color: var(--text-light);">
                No academic qualification records found for this candidate.
              </td>
            </tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>

  <!-- Section 6: Job Application History -->
  <div class="admin-card" style="margin-bottom: 2rem;">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem;">
      <h3 style="font-size: 1.15rem; margin: 0; color: var(--text-heading); display: flex; align-items: center; gap: 0.5rem;">
        <i class="fas fa-paper-plane" style="color: var(--accent);"></i> Employment Applications Record
      </h3>
      <span style="font-size: 0.85rem; color: var(--text-light);">
        Total Applications: <strong>{{ $candidate->applications->count() }}</strong>
      </span>
    </div>

    <div class="table-responsive">
      <table class="admin-table">
        <thead>
          <tr>
            <th>Applied Vacancy</th>
            <th>Hiring Enterprise</th>
            <th>Applied Date</th>
            <th>Pipeline Status</th>
            <th style="text-align: right;">Action</th>
          </tr>
        </thead>
        <tbody>
          @forelse($candidate->applications as $app)
            <tr>
              <td>
                <strong style="display: block; color: var(--text-heading);">{{ $app->job?->title ?? $app->applied_role }}</strong>
                <span style="font-size: 0.8rem; color: var(--text-light);">
                  {{ $app->job?->department ?? 'General' }} • {{ $app->job?->location ?? 'Maharashtra' }}
                </span>
              </td>
              <td>
                <strong>{{ $app->job?->employer?->name ?? 'Zhelhire Partner' }}</strong>
              </td>
              <td>
                <span style="font-size: 0.85rem; color: var(--text-light);">
                  {{ $app->created_at->format('d M Y, h:i A') }}
                </span>
              </td>
              <td>
                @php
                  $badgeColor = match($app->status) {
                    'shortlisted' => 'success',
                    'offered', 'joined' => 'success',
                    'interview_scheduled' => 'warning',
                    'rejected', 'withdrawn' => 'danger',
                    default => 'primary'
                  };
                @endphp
                <span class="badge badge-{{ $badgeColor }}" style="text-transform: capitalize; font-size: 0.78rem;">
                  {{ str_replace('_', ' ', $app->status) }}
                </span>
              </td>
              <td style="text-align: right;">
                <a href="{{ route('admin.applications.show', $app->id) }}" class="btn btn-outline btn-sm">
                  View Application
                </a>
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="5" style="text-align: center; padding: 2rem; color: var(--text-light);">
                This candidate has not applied to any job postings yet.
              </td>
            </tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>

  <!-- Section 7: Annual Registration Validity & Renewal Log -->
  <div class="admin-card">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem;">
      <h3 style="font-size: 1.15rem; margin: 0; color: var(--text-heading); display: flex; align-items: center; gap: 0.5rem;">
        <i class="fas fa-history" style="color: var(--accent);"></i> Annual Validity & Renewal Log
      </h3>
      <div style="font-size: 0.85rem;">
        Status: 
        @if($candidate->isExpired())
          <strong style="color: #ef4444;">Expired</strong>
        @elseif($candidate->isRenewalEligible())
          <strong style="color: #f59e0b;">Renewal Window Open</strong>
        @else
          <strong style="color: var(--success);">Current / Active</strong>
        @endif
      </div>
    </div>

    <div class="table-responsive">
      <table class="admin-table">
        <thead>
          <tr>
            <th>Renewal Cycle</th>
            <th>Renewed On</th>
            <th>Extended Expiry Date</th>
            <th>Confirmation Mode</th>
          </tr>
        </thead>
        <tbody>
          @forelse($candidate->renewalRecords as $record)
            <tr>
              <td>
                <strong>Cycle #{{ $loop->iteration }}</strong>
              </td>
              <td>{{ $record->renewed_at ? $record->renewed_at->format('d M Y, h:i A') : $record->created_at->format('d M Y') }}</td>
              <td><strong style="color: var(--success);">{{ $record->new_expiry_date ? $record->new_expiry_date->format('d M Y') : 'N/A' }}</strong></td>
              <td>
                <span class="badge" style="background: rgba(16, 185, 129, 0.12); color: var(--success); font-size: 0.75rem;">
                  {{ $record->method ?? 'MahaSwayam Self-Declaration' }}
                </span>
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="4" style="text-align: center; padding: 1.5rem; color: var(--text-light);">
                No historical renewal cycles recorded. Initial registration is valid until 
                <strong>{{ $candidate->expiry_date ? $candidate->expiry_date->format('d M Y') : 'N/A' }}</strong>.
              </td>
            </tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>

</div>
@endsection