@extends('layouts.employer')

@section('content')
<main id="mainContent">
  <!-- Portal Header Banner -->
  <header class="page-header" style="padding: 3rem 0 2rem; background: var(--bg-surface); border-bottom: 1px solid var(--border-light);">
    <div class="container">
      <div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 1.5rem;" class="reveal">
        <div>
          <span class="section-badge" style="margin-bottom: 0.5rem;">
            <i class="fas fa-building"></i> Corporate Employer Portal • Maharashtra Job Provider Console
          </span>
          <h1 style="font-size: 2rem; font-family: var(--font-heading); font-weight: 700; color: var(--text-heading); margin-bottom: 0.35rem;">
            {{ $user->name }}
          </h1>
          <p style="color: var(--text-light); font-size: 0.95rem; margin: 0;">
            Employer ID: <strong style="color: var(--accent); letter-spacing: 0.5px;">{{ $user->registration_id ?? 'PENDING' }}</strong>
            <span style="margin: 0 0.5rem; color: var(--border-light);">|</span>
            Status: 
            @if($profile?->isVerified())
              <span class="badge" style="background: rgba(16, 185, 129, 0.15); color: var(--success); margin-left: 0.4rem;">
                <i class="fas fa-check-circle"></i> Verified Enterprise Employer
              </span>
            @elseif($profile?->isRejected())
              <span class="badge" style="background: rgba(239, 68, 68, 0.15); color: #ef4444; margin-left: 0.4rem;">
                <i class="fas fa-times-circle"></i> Verification Rejected
              </span>
            @elseif($profile?->isPending() || $user->status === 'pending')
              <span class="badge" style="background: rgba(245, 158, 11, 0.15); color: #f59e0b; margin-left: 0.4rem;">
                <i class="fas fa-clock"></i> Verification Under Review
              </span>
            @else
              <span class="badge" style="background: rgba(0, 102, 255, 0.15); color: var(--accent); margin-left: 0.4rem;">
                <i class="fas fa-info-circle"></i> Profile Incomplete
              </span>
            @endif
          </p>
        </div>

        <div style="display: flex; gap: 0.75rem; align-items: center;">
          <a href="{{ route('employer.profile.edit') }}" class="btn btn-outline">
            <i class="fas fa-building"></i> Business Profile
          </a>
          @if($profile?->isVerified())
            <a href="{{ route('jobs.index') }}" class="btn btn-primary">
              <i class="fas fa-plus"></i> Post Vacancy
            </a>
          @else
            <a href="{{ route('employer.profile.edit') }}" class="btn btn-primary">
              <i class="fas fa-shield-alt"></i> Complete Verification
            </a>
          @endif
          <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit" class="btn btn-outline" title="Log Out">
              <i class="fas fa-sign-out-alt"></i>
            </button>
          </form>
        </div>
      </div>
    </div>
  </header>

  <!-- Statutory Verification Status Alert -->
  @if($profile?->isRejected())
    <section style="background: rgba(239, 68, 68, 0.08); border-bottom: 1px solid rgba(239, 68, 68, 0.25); padding: 1.25rem 0;">
      <div class="container">
        <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
          <div style="display: flex; gap: 1rem; align-items: flex-start;">
            <div style="width: 36px; height: 36px; border-radius: 50%; background: rgba(239, 68, 68, 0.15); color: #ef4444; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; margin-top: 2px;">
              <i class="fas fa-exclamation-circle"></i>
            </div>
            <div>
              <h4 style="font-size: 1rem; font-weight: 700; color: #b91c1c; margin-bottom: 0.25rem;">
                Action Required: Verification Rejected by District Employment Exchange
              </h4>
              <p style="font-size: 0.88rem; color: var(--text-body); margin: 0; line-height: 1.5;">
                <strong>Reason:</strong> {{ $profile->rejection_reason }}
              </p>
            </div>
          </div>
          <a href="{{ route('employer.profile.edit') }}" class="btn btn-primary btn-sm">
            <i class="fas fa-upload"></i> Update Documents & Resubmit
          </a>
        </div>
      </div>
    </section>
  @elseif($profile?->isPending() || $user->status === 'pending')
    <section style="background: rgba(245, 158, 11, 0.08); border-bottom: 1px solid rgba(245, 158, 11, 0.25); padding: 1.25rem 0;">
      <div class="container">
        <div style="display: flex; gap: 1rem; align-items: flex-start;">
          <div style="width: 36px; height: 36px; border-radius: 50%; background: rgba(245, 158, 11, 0.15); color: #f59e0b; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; margin-top: 2px;">
            <i class="fas fa-user-shield"></i>
          </div>
          <div>
            <h4 style="font-size: 1rem; font-weight: 700; color: #b45309; margin-bottom: 0.25rem;">
              Employer Verification in Progress (MahaSwayam Exchange Protocol)
            </h4>
            <p style="font-size: 0.88rem; color: var(--text-body); margin: 0; line-height: 1.5;">
              Your statutory registration documents (GST, PAN, EPF/ESIC, or Udyam Certificate) are currently under review by our district verification officers. Turnaround time: 24–48 business hours. Full vacancy features will unlock automatically upon approval.
            </p>
          </div>
        </div>
      </div>
    </section>
  @elseif(!$profile?->isVerified())
    <section style="background: rgba(0, 102, 255, 0.08); border-bottom: 1px solid rgba(0, 102, 255, 0.25); padding: 1.25rem 0;">
      <div class="container">
        <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
          <div style="display: flex; gap: 1rem; align-items: center;">
            <i class="fas fa-info-circle" style="font-size: 1.5rem; color: var(--accent);"></i>
            <div>
              <strong style="color: var(--text-heading); font-size: 0.95rem;">Complete Business Verification</strong>
              <p style="margin: 0; font-size: 0.85rem; color: var(--text-light);">
                Provide company registration details, GSTIN, and statutory proofs to unlock verified candidate matching and direct recruitment.
              </p>
            </div>
          </div>
          <a href="{{ route('employer.profile.edit') }}" class="btn btn-primary btn-sm">
            Complete Verification Now <i class="fas fa-arrow-right"></i>
          </a>
        </div>
      </div>
    </section>
  @endif

  <!-- Enterprise Annual Renewal Banner (If Eligible or Expired) -->
  @if($user->isRenewalEligible())
    <section style="background: {{ $user->isExpired() ? 'rgba(239, 68, 68, 0.08)' : 'rgba(245, 158, 11, 0.08)' }}; border-bottom: 1px solid {{ $user->isExpired() ? 'rgba(239, 68, 68, 0.25)' : 'rgba(245, 158, 11, 0.25)' }}; padding: 1.25rem 0;">
      <div class="container">
        <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
          <div style="display: flex; gap: 1rem; align-items: center;">
            <div style="width: 36px; height: 36px; border-radius: 50%; background: {{ $user->isExpired() ? 'rgba(239, 68, 68, 0.15)' : 'rgba(245, 158, 11, 0.15)' }}; color: {{ $user->isExpired() ? '#ef4444' : '#f59e0b' }}; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0;">
              <i class="fas {{ $user->isExpired() ? 'fa-exclamation-triangle' : 'fa-calendar-check' }}"></i>
            </div>
            <div>
              <strong style="color: {{ $user->isExpired() ? '#b91c1c' : '#b45309' }}; font-size: 0.95rem;">
                {{ $user->isExpired() ? 'Enterprise Registration Expired' : 'Annual Registration Renewal Window Open' }}
              </strong>
              <p style="margin: 0; font-size: 0.85rem; color: var(--text-body);">
                @if($user->isExpired())
                  Your corporate hiring license expired on {{ $user->expiry_date?->format('d M Y') }}. Renew statutory compliance to keep job vacancies active.
                @else
                  Registration validity expires in {{ $user->daysUntilExpiry() }} days ({{ $user->expiry_date?->format('d M Y') }}). Re-validate statutory standing to extend for 1 year.
                @endif
              </p>
            </div>
          </div>
          <div style="display: flex; gap: 0.5rem;">
            <a href="{{ route('employer.renew') }}" class="btn btn-primary btn-sm">
              <i class="fas fa-sync-alt"></i> Renew Enterprise Registration
            </a>
            <a href="{{ route('employer.renew.history') }}" class="btn btn-outline btn-sm">
              <i class="fas fa-history"></i> History
            </a>
          </div>
        </div>
      </div>
    </section>
  @endif

  <!-- Portal Dashboard Content -->
  <section class="section" style="padding: 2.5rem 0;">
    <div class="container">
      
      <!-- Metrics Grid -->
      <div class="stats-grid" style="margin-bottom: 2.5rem;">
        <a href="{{ route('employer.vacancies.index') }}" class="stat-card reveal" style="text-decoration: none; color: inherit; display: block; transition: transform 0.2s ease;">
          <div class="stat-icon"><i class="fas fa-bullhorn"></i></div>
          <div class="stat-number"><span>{{ $vacanciesCount ?? 0 }}</span></div>
          <p class="stat-label">Active Vacancies</p>
        </a>

        <a href="{{ route('employer.vacancies.index') }}" class="stat-card reveal" style="text-decoration: none; color: inherit; display: block; transition: transform 0.2s ease;">
          <div class="stat-icon"><i class="fas fa-users"></i></div>
          <div class="stat-number"><span>{{ $applicantsCount ?? 0 }}</span></div>
          <p class="stat-label">Candidate Applications</p>
        </a>

        <div class="stat-card reveal">
          <div class="stat-icon"><i class="fas fa-user-check"></i></div>
          <div class="stat-number"><span>{{ $shortlistedCount ?? 0 }}</span></div>
          <p class="stat-label">Shortlisted Profiles</p>
        </div>

        <div class="stat-card reveal">
          <div class="stat-icon"><i class="fas fa-calendar-alt"></i></div>
          <div class="stat-number"><span>{{ $interviewsCount ?? 0 }}</span></div>
          <p class="stat-label">Interviews Scheduled</p>
        </div>
      </div>

      <!-- Action Cards Grid -->
      <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.5rem; margin-bottom: 3rem;">
        
        <div class="service-card reveal" style="padding: 1.75rem;">
          <div class="service-icon-box" style="margin-bottom: 1rem;">
            <i class="fas fa-file-invoice"></i>
          </div>
          <h3 class="service-title" style="font-size: 1.2rem; margin-bottom: 0.5rem;">Corporate Documents &amp; KYC</h3>
          <p class="service-desc" style="font-size: 0.9rem; margin-bottom: 1.25rem;">
            Review or upload business incorporation certificates, GSTIN registrations, and statutory compliance files stored in private encrypted storage.
          </p>
          <a href="{{ route('employer.profile.edit') }}" class="btn btn-outline btn-sm">
            Manage Profile & Documents <i class="fas fa-folder-open"></i>
          </a>
        </div>

        <div class="service-card reveal" style="padding: 1.75rem;">
          <div class="service-icon-box" style="margin-bottom: 1rem;">
            <i class="fas fa-briefcase"></i>
          </div>
          <h3 class="service-title" style="font-size: 1.2rem; margin-bottom: 0.5rem;">Vacancies &amp; Requisitions</h3>
          <p class="service-desc" style="font-size: 0.9rem; margin-bottom: 1.25rem;">
            Draft, post, and publish hiring vacancies specifying required qualifications, Maharashtra district placement, experience level, and salary scale.
          </p>
          <a href="{{ route('employer.vacancies.index') }}" class="btn btn-outline btn-sm">
            View Vacancy List <i class="fas fa-list"></i>
          </a>
        </div>

        <div class="service-card reveal" style="padding: 1.75rem;">
          <div class="service-icon-box" style="margin-bottom: 1rem;">
            <i class="fas fa-users-cog"></i>
          </div>
          <h3 class="service-title" style="font-size: 1.2rem; margin-bottom: 0.5rem;">Candidate Review &amp; Status</h3>
          <p class="service-desc" style="font-size: 0.9rem; margin-bottom: 1.25rem;">
            Screen candidates, download applicant CSV summaries, update statuses (shortlisted, interview scheduled, offered, joined), and send status alerts.
          </p>
          <a href="{{ route('employer.vacancies.index') }}" class="btn btn-outline btn-sm">
            Review Pipeline <i class="fas fa-user-friends"></i>
          </a>
        </div>

        <div class="service-card reveal" style="padding: 1.75rem;">
          <div class="service-icon-box" style="margin-bottom: 1rem;">
            <i class="fas fa-sync-alt"></i>
          </div>
          <h3 class="service-title" style="font-size: 1.2rem; margin-bottom: 0.5rem;">Annual License Renewal</h3>
          <p class="service-desc" style="font-size: 0.9rem; margin-bottom: 1.25rem;">
            Keep your recruitment privileges active under MahaSwayam employment exchange guidelines. Submissions renew business validity for 1 year.
          </p>
          <div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
            @if($user->isRenewalEligible())
              <a href="{{ route('employer.renew') }}" class="btn btn-primary btn-sm">
                <i class="fas fa-sync-alt"></i> Renew Now
              </a>
            @else
              <a href="{{ route('employer.renew') }}" class="btn btn-outline btn-sm">
                Check Status ({{ $user->daysUntilExpiry() }}d)
              </a>
            @endif
            <a href="{{ route('employer.renew.history') }}" class="btn btn-outline btn-sm">
              <i class="fas fa-history"></i> History
            </a>
          </div>
        </div>

      </div>

      <!-- Recent Published Vacancies Summary -->
      @if(isset($recentVacancies) && count($recentVacancies) > 0)
        <div class="reveal" style="margin-top: 2rem;">
          <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem;">
            <div>
              <span class="section-badge"><i class="fas fa-bullhorn"></i> Live Openings</span>
              <h2 style="font-size: 1.4rem; font-family: var(--font-heading); font-weight: 700; color: var(--text-heading); margin-top: 0.25rem;">
                Recent Vacancies &amp; Applicant Pipeline
              </h2>
            </div>
            <a href="{{ route('employer.vacancies.index') }}" class="btn btn-outline btn-sm">
              All Vacancies <i class="fas fa-arrow-right"></i>
            </a>
          </div>

          <div class="card" style="background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-xl); overflow: hidden; padding: 0;">
            <table style="width: 100%; border-collapse: collapse; text-align: left; font-size: 0.92rem;">
              <thead>
                <tr style="background: var(--bg-card); border-bottom: 1px solid var(--border-light); color: var(--text-muted); font-size: 0.8rem; text-transform: uppercase;">
                  <th style="padding: 1rem 1.25rem;">Vacancy</th>
                  <th style="padding: 1rem 1.25rem;">Placement District</th>
                  <th style="padding: 1rem 1.25rem;">Candidates</th>
                  <th style="padding: 1rem 1.25rem;">Status</th>
                  <th style="padding: 1rem 1.25rem; text-align: right;">Action</th>
                </tr>
              </thead>
              <tbody>
                @foreach($recentVacancies as $vac)
                  <tr style="border-bottom: 1px solid var(--border-light);">
                    <td style="padding: 1rem 1.25rem;">
                      <strong style="color: var(--text-heading);">{{ $vac->title }}</strong>
                      <span style="display: block; font-size: 0.8rem; color: var(--text-light);">{{ $vac->category?->name }}</span>
                    </td>
                    <td style="padding: 1rem 1.25rem; color: var(--text-body);">
                      {{ $vac->district ?: $vac->city }}
                    </td>
                    <td style="padding: 1rem 1.25rem;">
                      <a href="{{ route('employer.vacancies.applicants', $vac->id) }}" class="badge badge-info" style="text-decoration: none;">
                        <i class="fas fa-users"></i> {{ $vac->applications_count }}
                      </a>
                    </td>
                    <td style="padding: 1rem 1.25rem;">
                      <span class="badge {{ $vac->is_active ? 'badge-success' : 'badge-secondary' }}" style="font-size: 0.75rem;">
                        {{ $vac->is_active ? 'Active' : 'Closed' }}
                      </span>
                    </td>
                    <td style="padding: 1rem 1.25rem; text-align: right;">
                      <a href="{{ route('employer.vacancies.applicants', $vac->id) }}" class="btn btn-outline btn-sm" style="font-size: 0.78rem; padding: 0.3rem 0.65rem;">
                        Pipeline <i class="fas fa-chevron-right"></i>
                      </a>
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      @endif

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