{{-- resources/views/frontend/jobs/apply.blade.php --}}
@extends('frontend.layouts.app')

@section('title', 'Apply for ' . $ad->title)

@section('content')
<div class="container py-5">
    <div class="row">
        <!-- Form Section -->
        <div class="col-lg-8">

            @if($jobApplied)
    <div class="alert alert-info">
        You have already applied for this job.
    </div>
@else
            <h2 class="mb-4">Apply for: <span class="text-primary">{{ $ad->title }}</span></h2>
            <p class="text-muted mb-4">Please complete the form below to submit your application. Fields marked with <span class="text-danger">*</span> are required.</p>

            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if(session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif

            <form action="{{ route('user.jobs.apply.store', $ad->id) }}" method="POST" enctype="multipart/form-data" class="shadow p-4 rounded bg-light">
                @csrf

                <div class="mb-3">
                    <label class="form-label">Your Name <span class="text-danger">*</span></label>
                    <input type="text" name="name" placeholder="John Doe" class="form-control" value="{{ old('name', auth()->user()->name ?? '') }}" required>
                    @error('name') <div class="text-danger small">{{ $message }}</div> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Your Email <span class="text-danger">*</span></label>
                    <input type="email" name="email" placeholder="you@example.com" class="form-control" value="{{ old('email', auth()->user()->email ?? '') }}" required>
                    @error('email') <div class="text-danger small">{{ $message }}</div> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Phone <span class="text-danger">*</span></label>
                    <input type="text" name="phone" placeholder="+233 555 123 4567" class="form-control" value="{{ old('phone') }}" required>
                    @error('phone') <div class="text-danger small">{{ $message }}</div> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">LinkedIn Profile</label>
                    <input type="url" name="linkedin" placeholder="https://linkedin.com/in/your-profile" class="form-control" value="{{ old('linkedin') }}">
                    @error('linkedin') <div class="text-danger small">{{ $message }}</div> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Expected Salary (GHS)</label>
                    <input type="text" name="expected_salary" placeholder="50,000" class="form-control" value="{{ old('expected_salary') }}">
                    @error('expected_salary') <div class="text-danger small">{{ $message }}</div> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Message</label>
                    <textarea name="message" rows="4" placeholder="Tell us why you are a great fit..." class="form-control">{{ old('message') }}</textarea>
                    @error('message') <div class="text-danger small">{{ $message }}</div> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Upload CV (PDF/DOC) <span class="text-danger">*</span></label>
                    <input type="file" name="cv" class="form-control" required>
                    @error('cv') <div class="text-danger small">{{ $message }}</div> @enderror
                    <small class="text-muted">Max size: 2MB</small>
                </div>

                <button type="submit" class="btn btn-primary px-4">
                    <i class="fas fa-paper-plane"></i> Submit Application
                </button>
            </form>
            @endif

        </div>

        <!-- Job Summary Section -->
        <div class="col-lg-4">
            <div class="card shadow-sm border-0 sticky-top" style="top: 100px;z-index:100;">
                <div class="card-body">
                    <h5 class="card-title">{{ $ad->title }}</h5>
                    <p class="text-muted small mb-2"><i class="fas fa-map-marker-alt"></i> {{ $ad->belongsToCity->name ?? 'Location not specified' }}</p>
                    <p class="text-muted small"><i class="fas fa-briefcase"></i> {{ $ad->belongsToCategory->name ?? 'Category' }}</p>
                    <hr>
                    <p>{{ Str::limit(strip_tags($ad->hasOneAdsInfo->description), 120) }}</p>
                    <a href="{{ route('ads.details', [
                        'location' => $ad->city_slug,
                        'category' => $ad->category_slug,
                        'scategory' => $ad->subcategory_slug,
                        'slug' => $ad->slug
                    ]) }}" class="btn btn-outline-primary btn-sm">View Full Job</a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection