@extends('layouts.employer')

@section('content')
<div class="resume-stream-container">
  <!-- Security Notice Banner -->
  <div style="background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: var(--radius-lg); padding: 1.25rem 1.5rem; margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
    <div style="display: flex; align-items: center; gap: 1rem;">
      <div style="width: 42px; height: 42px; border-radius: 50%; background: rgba(245, 158, 11, 0.2); color: #F59E0B; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; flex-shrink: 0;">
        <i class="fas fa-shield-halved"></i>
      </div>
      <div>
        <strong style="color: #F59E0B; font-size: 1rem; display: block;">
          Confidential Candidate Stream • DPDP Act 2023 Statutory Watermark
        </strong>
        <span style="font-size: 0.85rem; color: var(--text-muted);">
          Authorized viewing by <strong>{{ $companyName }}</strong>. Every view is cryptographically stamped and logged in the immutable audit trail.
        </span>
      </div>
    </div>

    <div style="display: flex; gap: 0.5rem; align-items: center;">
      <a href="{{ route('employer.candidates.resume-stream', ['candidateId' => $candidate->id, 'pdf' => 1]) }}" target="_blank" class="btn btn-outline btn-sm" style="display: inline-flex; align-items: center; gap: 0.35rem;">
        <i class="fas fa-file-pdf"></i> Raw PDF Stream
      </a>
      <a href="{{ route('employer.candidates.index') }}" class="btn btn-outline btn-sm">
        <i class="fas fa-arrow-left"></i> Back
      </a>
    </div>
  </div>

  <!-- Watermarked Document Wrapper -->
  <div class="watermarked-resume-paper" style="position: relative; background: #FFFFFF; color: #1E293B; border-radius: var(--radius-lg); max-width: 860px; margin: 0 auto; padding: 3.5rem; box-shadow: 0 10px 40px rgba(0,0,0,0.15); overflow: hidden;">
    
    <!-- Dynamic Diagonal Watermark Overlay -->
    <div class="watermark-overlay" aria-hidden="true">
      <div class="watermark-repeater">
        @for($i = 0; $i < 12; $i++)
          <div class="watermark-line">{{ $watermarkText }}</div>
        @endfor
      </div>
    </div>

    <!-- Document Content Area -->
    <div style="position: relative; z-index: 2;">
      <!-- Header with Verification Seal -->
      <table style="width: 100%; border-bottom: 2px solid #0284C7; padding-bottom: 1.5rem; margin-bottom: 2rem;">
        <tr>
          <td style="vertical-align: top;">
            <div style="font-size: 0.8rem; font-weight: 700; color: #0284C7; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 0.25rem;">
              Maharashtra State Employment Exchange
            </div>
            <h1 style="font-size: 2.2rem; font-weight: 800; color: #0F172A; margin: 0 0 0.25rem 0; font-family: var(--font-heading);">
              {{ $candidate->name }}
            </h1>
            <div style="font-size: 0.95rem; color: #64748B; font-weight: 500;">
              {{ $highestQualification ? $highestQualification->stream_degree : 'Registered Professional' }}
            </div>
          </td>
          <td style="text-align: right; vertical-align: top;">
            <div style="border: 2px solid #10B981; border-radius: 8px; padding: 0.5rem 1rem; display: inline-block; background: #ECFDF5; text-align: right;">
              <span style="font-size: 0.72rem; font-weight: 700; color: #047857; text-transform: uppercase; display: block;">
                <i class="fas fa-circle-check"></i> UIDAI & MahaSwayam Verified
              </span>
              <span style="font-family: var(--font-mono, monospace); font-weight: 700; color: #0369A1; font-size: 0.9rem;">
                #{{ $candidate->registration_id ?: 'ZH-JS-2026-PENDING' }}
              </span>
            </div>
          </td>
        </tr>
      </table>

      <!-- Candidate Contact Coordinates (Unmasked for Authorized View) -->
      <table style="width: 100%; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 8px; margin-bottom: 2rem; font-size: 0.88rem;">
        <tr>
          <td style="padding: 0.85rem 1.25rem; width: 33%;">
            <strong style="color: #64748B; font-size: 0.75rem; text-transform: uppercase; display: block;">Email Address</strong>
            <span style="color: #0F172A; font-weight: 600;">{{ $candidate->email }}</span>
          </td>
          <td style="padding: 0.85rem 1.25rem; width: 33%; border-left: 1px solid #E2E8F0;">
            <strong style="color: #64748B; font-size: 0.75rem; text-transform: uppercase; display: block;">Phone Number</strong>
            <span style="color: #0F172A; font-weight: 600;">{{ $candidate->phone }}</span>
          </td>
          <td style="padding: 0.85rem 1.25rem; width: 34%; border-left: 1px solid #E2E8F0;">
            <strong style="color: #64748B; font-size: 0.75rem; text-transform: uppercase; display: block;">Location / District</strong>
            <span style="color: #0F172A; font-weight: 600;">{{ ucfirst($profile->district) }}, Maharashtra</span>
          </td>
        </tr>
      </table>

      <!-- Section: Educational History -->
      <div style="margin-bottom: 2rem;">
        <h3 style="font-size: 1.15rem; font-weight: 700; color: #0F172A; border-bottom: 1px solid #E2E8F0; padding-bottom: 0.5rem; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.5px;">
          Academic Qualifications & Accreditations
        </h3>

        <table style="width: 100%; border-collapse: collapse; font-size: 0.88rem;">
          <thead>
            <tr style="background: #F1F5F9; border-bottom: 1px solid #CBD5E1; color: #475569; text-align: left; font-size: 0.78rem; text-transform: uppercase;">
              <th style="padding: 0.65rem 0.75rem;">Qualification Tier</th>
              <th style="padding: 0.65rem 0.75rem;">Degree / Course</th>
              <th style="padding: 0.65rem 0.75rem;">Institution / University</th>
              <th style="padding: 0.65rem 0.75rem;">Passing Year</th>
              <th style="padding: 0.65rem 0.75rem;">Score / Grade</th>
            </tr>
          </thead>
          <tbody>
            @foreach($qualifications as $qual)
              <tr style="border-bottom: 1px solid #E2E8F0;">
                <td style="padding: 0.75rem; font-weight: 700; color: #0284C7;">{{ $qual->level }}</td>
                <td style="padding: 0.75rem; color: #0F172A; font-weight: 600;">{{ $qual->stream_degree }}</td>
                <td style="padding: 0.75rem; color: #475569;">{{ $qual->board_university ?: 'Recognized Institution' }}</td>
                <td style="padding: 0.75rem; color: #475569;">{{ $qual->passing_year }}</td>
                <td style="padding: 0.75rem; font-weight: 700; color: #059669;">
                  {{ $qual->percentage ? $qual->percentage . '%' : ($qual->grade ?: 'Passed') }}
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>

      <!-- Section: Placement Preferences -->
      <div style="margin-bottom: 2.5rem;">
        <h3 style="font-size: 1.15rem; font-weight: 700; color: #0F172A; border-bottom: 1px solid #E2E8F0; padding-bottom: 0.5rem; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.5px;">
          Employment Exchange Placement Particulars
        </h3>

        <table style="width: 100%; font-size: 0.88rem; border-collapse: collapse;">
          <tr>
            <td style="padding: 0.5rem 0; width: 30%; color: #64748B;">Preferred Districts:</td>
            <td style="padding: 0.5rem 0; font-weight: 600; color: #0F172A;">
              {{ ucfirst($profile->preferred_district ?: $profile->district ?: 'Any in Maharashtra') }}
            </td>
          </tr>
          <tr>
            <td style="padding: 0.5rem 0; color: #64748B;">Target Industry Sector:</td>
            <td style="padding: 0.5rem 0; font-weight: 600; color: #0F172A;">
              {{ $profile->preferred_sector ?: 'Open / Cross-Sector' }}
            </td>
          </tr>
          <tr>
            <td style="padding: 0.5rem 0; color: #64748B;">Expected Monthly Salary:</td>
            <td style="padding: 0.5rem 0; font-weight: 600; color: #059669;">
              {{ $profile->expected_salary_min ? '₹' . number_format($profile->expected_salary_min) . ' per month' : 'Negotiable' }}
            </td>
          </tr>
          <tr>
            <td style="padding: 0.5rem 0; color: #64748B;">Registration Verification URL:</td>
            <td style="padding: 0.5rem 0; font-family: var(--font-mono, monospace); color: #0284C7; font-size: 0.82rem;">
              {{ $verificationUrl }}
            </td>
          </tr>
        </table>
      </div>

      <!-- Statutory Declaration & Tamper Warning -->
      <div style="background: #F8FAFC; border: 1px solid #CBD5E1; border-radius: 6px; padding: 1rem; font-size: 0.78rem; color: #64748B; line-height: 1.5;">
        <strong style="color: #0F172A; display: block; margin-bottom: 0.25rem;">
          Statutory Compliance Notice:
        </strong>
        This curriculum vitae has been generated via the Government of Maharashtra Employment Exchange framework under the auspices of Zhelhire Consultancy Pvt Ltd. Copying, redistribution, offline caching, or sharing with unauthorized third parties is strictly prohibited under the Digital Personal Data Protection (DPDP) Act 2023.
      </div>
    </div>
  </div>
</div>

<style>
  /* Watermark Overlay Styles */
  .watermark-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
    opacity: 0.08;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .watermark-repeater {
    transform: rotate(-35deg);
    width: 140%;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
  }

  .watermark-line {
    font-size: 0.95rem;
    font-weight: 900;
    font-family: var(--font-mono, monospace);
    color: #0F172A;
    white-space: nowrap;
    text-align: center;
    letter-spacing: 2px;
  }

  /* Anti-Print and Anti-Copy Protections */
  @media print {
    body {
      display: none !important;
    }
  }

  .watermarked-resume-paper {
    user-select: none;
    -webkit-user-select: none;
  }
</style>
@endsection