@extends('layouts.master')

@section('title', $data['pageTitle'])

@section('content')
<!--begin::Content-->

<!-- Page Header Section Start -->
<div class="mt-3">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <!-- Page Header Box Start -->
                <div class="page-header-box">
                    <h1 class="text-anime-style-3" data-cursor="-opaque">{{ $job->title }}</h1>
                </div>
                <!-- Page Header Box End -->
            </div>
        </div>
    </div>
</div>
<!-- Page Header Section End -->

<!-- Job Details Start -->
<div class="page-single-post mt-3">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">

                <!-- Job Meta Summary Start -->
                <div class="post-single-content">
                    <ul class="job-meta list-unstyled d-flex flex-wrap gap-4 mb-4">
                        @if($job->location)
                            <li><strong>Location:</strong> {{ $job->location }}</li>
                        @endif
                        @if($job->job_type)
                            <li><strong>Job Type:</strong> {{ $job->job_type }}</li>
                        @endif
                        @if($job->salary_range)
                            <li><strong>Salary:</strong> {{ $job->salary_range }}</li>
                        @endif
                        @if($job->date_posted)
                            <li><strong>Posted:</strong> {{ $job->date_posted->format('d M Y') }}</li>
                        @endif
                        @if($job->application_deadline)
                            <li><strong>Apply By:</strong> {{ $job->application_deadline->format('d M Y') }}</li>
                        @endif
                    </ul>

                    @if($job->description)
                        <div class="job-section mb-4">
                            <h2>Overview</h2>
                            {!! $job->description !!}
                        </div>
                    @endif

                    @if($job->roles_and_responsibilities)
                        <div class="job-section mb-4">
                            <h2>Roles &amp; Responsibilities</h2>
                            {!! $job->roles_and_responsibilities !!}
                        </div>
                    @endif

                    @if($job->requirements)
                        <div class="job-section mb-4">
                            <h2>Requirements</h2>
                            {!! $job->requirements !!}
                        </div>
                    @endif

                    @if($job->benefits)
                        <div class="job-section mb-4">
                            <h2>Benefits</h2>
                            {!! $job->benefits !!}
                        </div>
                    @endif

                    <!-- Apply button placeholder -->
                    <div class="post-item-btn mt-4 mb-3">
                        <a href="#" class="subscribe">Apply Now</a>
                        <a href="{{ route('careers') }}" class="subscribe">Back to Careers</a>
                    </div>
                </div>
                <!-- Job Meta Summary End -->

            </div>
        </div>
    </div>
</div>
<!-- Job Details End -->

<!--end::Content-->
@endsection