@extends('portal.applicant_dashboard')

@section('applicant')

<div class="page-content">

    <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4 g-4 mb-4">

        {{-- Applications Submitted --}}
        <div class="col">
            <div class="card radius-10">
                <div class="card-body d-flex align-items-center">
                    <i class="bx bx-file-blank fs-2 text-primary me-3"></i>
                    <div>
                        <h6 class="text-uppercase text-muted mb-1">Applications Submitted</h6>
                        <h3 class="fw-bold mb-2">{{ $appliedJobsCount ?? 0 }}</h3>
                        <a href="{{ route('portal.applications') }}" class="small text-decoration-none">View Applications →</a>
                    </div>
                </div>
            </div>
        </div>

        {{-- Applications In Review --}}
        <div class="col">
            <div class="card radius-10">
                <div class="card-body d-flex align-items-center">
                    <i class="bx bx-time fs-2 text-warning me-3"></i>
                    <div>
                        <h6 class="text-uppercase text-muted mb-1">In Review</h6>
                        <h3 class="fw-bold mb-2">{{ $inReviewJobsCount ?? 0 }}</h3>
                        <a href="{{ route('portal.applications') }}" class="small text-decoration-none">Track Status →</a>
                    </div>
                </div>
            </div>
        </div>

        {{-- Applications Approved / Shortlisted --}}
        <div class="col">
            <div class="card radius-10">
                <div class="card-body d-flex align-items-center">
                    <i class="bx bx-check-circle fs-2 text-success me-3"></i>
                    <div>
                        <h6 class="text-uppercase text-muted mb-1">Shortlisted</h6>
                        <h3 class="fw-bold mb-2">{{ $shortlistedJobsCount ?? 0 }}</h3>
                        <a href="{{ route('portal.applications') }}" class="small text-decoration-none">View Status →</a>
                    </div>
                </div>
            </div>
        </div>

        {{-- Jobs Available --}}
        <div class="col">
            <div class="card radius-10">
                <div class="card-body d-flex align-items-center">
                    <i class="bx bx-briefcase fs-2 text-info me-3"></i>
                    <div>
                        <h6 class="text-uppercase text-muted mb-1">Jobs Available</h6>
                        <h3 class="fw-bold mb-2">{{ $jobs_available ?? 0 }}</h3>
                        <a href="{{ route('portal.jobs') }}" class="small text-decoration-none">Browse Jobs →</a>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <h4 class="mt-4 mb-3 fw-bold">Available Jobs</h4>

    {{-- Responsive Table --}}
    <div class="table-responsive">
        <table class="table table-striped table-hover align-middle">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Job Title</th>
                    <th>Department</th>
                    <th>Status</th>
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($jobs as $index => $job)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $job->job_title }}</td>
                        <td style="max-width:300px;">
                            {{ Str::limit($job->department, 120) }}
                        </td>
                        <td>
                            @if(in_array($job->id, $appliedJobIds))
                                <span class="badge bg-secondary">Applied</span>
                            @else
                                <span class="badge bg-success">Open</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <a href="{{ route('portal.job.show', $job->id) }}" class="btn btn-sm btn-outline-primary me-1">
                                View
                            </a>
                            @if(in_array($job->id, $appliedJobIds))
                                
                            @else
                                <a href="{{ route('portal.apply', $job->id) }}" class="btn btn-sm btn-primary">Apply</a>
                            @endif
                        </td>
                    </tr>
                @endforeach
                @if($jobs->isEmpty())
                    <tr>
                        <td colspan="5" class="text-center text-muted">No jobs available at the moment.</td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>

</div>

@endsection