@extends('admin.layout.app')
@section('content')

    <main class="nxl-container">
        <div class="nxl-content">
            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            <div class="main-content">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card border-top-0">

                            <div class="tab-content">
                                <div class="tab-pane fade show active" role="tabpanel">
                                    <form
                                        action="{{ $job->id ? route('admin.edit.job', $job->id) : route('admin.job.form') }}"
                                        method="post"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <div class="card-body personal-info">
                                            <div class="mb-4 d-flex align-items-center justify-content-between">
                                                <h5 class="fw-bold mb-0 me-4">
                                                    <span class="d-block mb-2">Job Application:</span>
                                                    <span class="fs-12 fw-normal text-muted text-truncate-1-line">Following information is publicly displayed, be careful! </span>
                                                </h5>
                                                <button type="submit"
                                                        class="btn btn-sm btn-light-brand"> {{ $job->id ? 'Update' : 'Create' }}</button>
                                            </div>

                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="fullnameInput" class="fw-semibold">Job Title: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"></div>
                                                        <input type="text" class="form-control" id="fullnameInput"
                                                               placeholder="Job Title" name="title"
                                                               value="{{ old('title', $job->title ?? '') }}" required>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="addressInput_2" class="fw-semibold">Address: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-map-pin"></i>
                                                        </div>
                                                        <textarea class="form-control" id="addressInput_2" cols="30"
                                                                  rows="3" placeholder="Address"
                                                                  name="address"
                                                                  required>{{ old('address', $job->address ?? '') }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="companyInput" class="fw-semibold">Location Url: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-compass"></i>
                                                        </div>
                                                        <input type="url" class="form-control" id="companyInput"
                                                               placeholder="Map Url" name="location"
                                                               value="{{ old('location', $job->location ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="phoneInput" class="fw-semibold">Type: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">

                                                        <select name="type" class="form-control">
                                                            <option value="Full-time">Full-time</option>
                                                            <option value="Part-time">Part-time</option>
                                                            <option value="Internship">Internship</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="phoneInput" class="fw-semibold">Department: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">

                                                        <input type="text" class="form-control" id="phoneInput"
                                                               placeholder="Department" name="department"
                                                               value="{{ old('department', $job->department ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="aboutInput" class="fw-semibold">Description: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-type"></i></div>
                                                        <textarea class="form-control" id="aboutInput" cols="30"
                                                                  rows="5"
                                                                  placeholder="Job Description"
                                                                  name="description"
                                                                  required>{{ old('description', $job->description ?? '') }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="aboutInput" class="fw-semibold">Requirements: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-type"></i></div>
                                                        <textarea class="form-control" id="aboutInput" cols="30"
                                                                  rows="5"
                                                                  placeholder="Requirements (Skills,qualifications,etc)"
                                                                  name="requirements">{{ old('requirements', $job->requirements ?? '') }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="companyInput" class="fw-semibold">Salary: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">

                                                        <input type="number" class="form-control" id="companyInput"
                                                               placeholder="Salary" name="salary"
                                                               value="{{ old('salary', $job->salary ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="companyInput" class="fw-semibold">Deadline: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">

                                                        <input type="date" class="form-control" id="companyInput"
                                                               name="deadline"
                                                               value="{{ old('deadline', $job->deadline ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="companyInput" class="fw-semibold">File: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">

                                                        <input type="file" class="form-control" id="companyInput"
                                                               name="file">


                                                    </div>
                                                </div>
                                                @if($job->file)
                                                    <p>
                                                        <a href="{{ asset('uploads/cv/' . $job->file) }}"
                                                           class="btn btn-outline-success" download>
                                                            📂 Download Job File
                                                        </a>
                                                    </p>
                                                @endif
                                            </div>
                                        </div>
                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- [ Main Content ] end -->
        </div>

    </main>
@endsection