@extends('layouts.main')

@section('title')
    Job Application Details
@endsection

@section('content')
    <div class="card m-3">
        <section>
            <h2 class="m-3 mb-4">Job Application Detail</h2>
            <form>
                @csrf

                <div class="row m-2">
                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="full_name">Full Name</label>
                        <input type="text" class="form-control" id="full_name" value="{{ $jobApplication->full_name }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="address">Address</label>
                        <input type="text" class="form-control" id="address" value="{{ $jobApplication->address }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="email">Email</label>
                        <input type="email" class="form-control" id="email" value="{{ $jobApplication->email }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="contact">Contact</label>
                        <input type="text" class="form-control" id="contact" value="{{ $jobApplication->contact }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="current_position">Current Position</label>
                        <input type="text" class="form-control" id="current_position" value="{{ $jobApplication->current_position }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="current_company">Current Company</label>
                        <input type="text" class="form-control" id="current_company" value="{{ $jobApplication->current_company }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="current_salary">Current Salary</label>
                        <input type="text" class="form-control" id="current_salary" value="{{ $jobApplication->current_salary }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="expected_salary">Expected Salary</label>
                        <input type="text" class="form-control" id="expected_salary" value="{{ $jobApplication->expected_salary }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="notice_period">Notice Period</label>
                        <input type="text" class="form-control" id="notice_period" value="{{ $jobApplication->notice_period }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="is_scanned">Scanned</label>
                        <input type="text" class="form-control" id="is_scanned" value="{{ $jobApplication->is_scanned ? 'Yes' : 'No' }}" readonly>
                    </div>

                    <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                        <label for="is_shortlisted">Shortlisted</label>
                        <input type="text" class="form-control" id="is_shortlisted" value="{{ $jobApplication->is_shortlisted ? 'Yes' : 'No' }}" readonly>
                    </div>

                    @if ($jobApplication->cv_resume)
                        <div class="col-sm-12 col-md-6 col-lg-4 form-group">
                            <label for="cv_resume">CV/Resume</label><br>
                            <a href="{{ asset('storage/' . $jobApplication->cv_resume) }}" target="_blank" class="btn btn-outline-primary btn-sm mt-1">
                                View CV
                            </a>
                        </div>
                    @endif
                </div>
            </form>
        </section>
    </div>
@endsection