@extends('layouts.app')
@section('content')
<div class="auth-page" style="display:block">
    <div class="auth-card" style="width:min(980px,100%);margin:30px auto">
        <a class="btn secondary" href="{{ route('careers.index') }}">Back to Careers</a>
        <h1>{{ $job->title }}</h1>
        <p class="muted">{{ $job->department?->name ?? 'General' }} • {{ str_replace('_',' ',ucfirst($job->employment_type)) }} • {{ $job->location }}</p>
        @include('layouts.flash')
        <div class="grid grid-2"><div class="card" style="box-shadow:none"><h3>Job Description</h3><p>{{ $job->description }}</p><h3>Requirements</h3><p>{{ $job->requirements }}</p></div><div class="card" style="box-shadow:none"><h3>Apply Now</h3><form method="POST" action="{{ route('careers.apply',$job) }}" enctype="multipart/form-data">@csrf<div class="field"><label>Full Name</label><input class="input" name="full_name" required></div><div class="field"><label>Email</label><input class="input" type="email" name="email" required></div><div class="field"><label>Phone</label><input class="input" name="phone"></div><div class="field"><label>CV</label><input class="input" type="file" name="cv"></div><div class="field"><label>Cover Letter</label><textarea name="cover_letter"></textarea></div><button class="btn">Submit Application</button></form></div></div>
    </div>
</div>
@endsection