@extends('layouts.landing')

@section('title')
    Edit Job post
@endsection

@section('content')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet"/>
<div class="row mb-2 mobile-mt-8">
    <div class="col">
        <a href="{{url('/announcements')}}" class="text-color"><i class="mdi mdi-arrow-left"></i> Back to Announcements</a>
    </div>
</div>
<div class="row">
    <div class="col">
        <h4>{{$job->job_title}}</h4>
    </div>
</div>
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12 col-xxl-8 col-lg-8">
            <div class="row">
                <div class="card w-100 shadow-xss rounded-xxl border-0 ps-4 pt-4 pe-4 pb-3 mb-3 mt-3">
                    <form action="{{route('announcement.update-job', $job->id)}}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label class="form-label mb-1">
                                Company Name
                            </label>
                            <input type="text" name="company_name" id="company" class="form-control" value="{{$job->company_name}}">
                        </div>
                        <div class="form-group">
                            <label class="form-label mb-1">
                                Job Title
                            </label>
                            <input type="text" name="job_title" id="title" class="form-control" value="{{$job->job_title}}">
                        </div>
                        <div class="form-group">
                            <label class="form-label mb-1">
                                Job Description
                            </label>
                            <textarea name="job_description" id="description" class="form-control">{{$job->job_description}}</textarea>
                        </div>
                        <div class="form-group priceamount">
                            <label class="form-label mb-1">
                                Estimated Salary
                            </label>
                            <div class="d-flex">
                                <select name="currency" class="form-select mr-4 custom-h">
                                    <option value="{{$job->currency}}">{{trim($job->currency) === "₦" ? "₦ NGN" : "$ USD"}}</option>
                                    <option value="₦">₦ NGN</option>
                                    <option value="$">$ USD</option>
                                </select>
                                <input type="number" name="salary" id="salary" class="form-control custom-input-p" value="{{$job->salary}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="form-label mb-1">
                                Closing Date (The date this job offer closes)
                            </label>
                            <input type="text" name="recruitment_end_date" id="recruitment" class="form-control" value="{{$job->recruitment_end_date}}">
                        </div>
                        <div class="form-group">
                            <label class="form-label mb-1">
                                Application Link
                            </label>
                            <input type="text" name="link" id="link" class="form-control" placeholder="https://myjob.com/" value="{{$job->link}}">
                        </div>
                        <div class="form-group priceamount">
                            <label class="form-label mb-1">
                                Post this Job
                            </label>
                            <select name="is_active" class="form-select mr-4 custom-h">
                                <option value="{{$job->is_active}}">{{$job->is_active == 'published' ? 'Send for review' : 'Save for later'}}</option>
                                <option value="published">Send for review</option>
                                <option value="draft">Save for later</option>
                            </select>
                        </div>
                        <div class="mt-4">
                            <input type="hidden" name="user_id" value="{{Auth::user()->id}}">
                            <input type="hidden" name="status" value="{{$job->status}}">
                            <button type="submit" class="btn custom-btn button_load w-100" onclick="this.classList.toggle('button--loading')">
                                <div class="button__text"> Save Job</div>
                            </button>
                        </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $("#recruitment").datepicker({
        autoclose:true,
        startDate: '+1d',
    });
</script>
@endsection