@extends('portal.applicant_dashboard')

@section('applicant')
<div class="page-content">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            {{-- Document-style card --}}
            <div class="card radius-10 p-5 shadow-sm" style="background-color: #fff; border: 1px solid #ccc;">
                
                {{-- Header --}}
                <div class="mb-4">
                    <h2 class="fw-bold">{{ $job->job_title }}</h2>
                    <p class="text-muted mb-1"><strong>Location:</strong> {{ $job->location ?? 'Not specified' }}</p>
                    <p class="text-muted"><strong>Closing Date:</strong> {{ $job->closing_date ? $job->closing_date->format('M d, Y') : 'N/A' }}</p>
                </div>

                <hr>

                {{-- Job Description --}}
                <div class="mb-4">
                    <h5 class="fw-bold">Job Description</h5>
                    <p class="text-dark" style="line-height: 1.8; white-space: pre-line;">{{ $job->job_description }}</p>
                </div>

                {{-- Responsibilities --}}
                @if($job->responsibilities)
                <div class="mb-4">
                    <h5 class="fw-bold">Responsibilities</h5>
                    <p class="text-dark" style="line-height: 1.8; white-space: pre-line;">{{ $job->responsibilities }}</p>
                </div>
                @endif

                {{-- Requirements --}}
                @if($job->requirements)
                <div class="mb-4">
                    <h5 class="fw-bold">Requirements</h5>
                    <p class="text-dark" style="line-height: 1.8; white-space: pre-line;">{{ $job->requirements }}</p>
                </div>
                @endif

                <hr>

                {{-- Apply / Applied --}}
                <div class="mb-3">
                    @if ($hasApplied)
                        <span class="badge bg-success py-2 px-3 fs-6">You have already applied for this job</span>
                    @else
                        <a href="{{ route('portal.apply', $job->id) }}" class="btn btn-primary btn-lg">Apply Now</a>
                    @endif
                </div>

            </div>
        </div>
    </div>
</div>
@endsection