@extends('manager.layouts.app')

@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection

@push('head-scripts')
@endpush

@section('content')
    <div class="card mt-3">
        <div class="card-body">
            {{-- Start: Page Content --}}
            <div class="d-flex justify-content-between">
                <div>
                    <h4 class="card-title mb-0">{{(!empty($p_title) && isset($p_title)) ? $p_title : ''}}</h4>
                    <div class="small text-medium-emphasis">{{(!empty($p_summary) && isset($p_summary)) ? $p_summary : ''}}</div>
                </div>
                <div class="btn-toolbar d-none d-md-block" role="toolbar" aria-label="Toolbar with buttons">
                    @can('manager_jobs-list')
                        <a href="{{(!empty($url) && isset($url)) ? $url : ''}}"
                           class="btn btn-sm btn-primary">{{(!empty($url_text) && isset($url_text)) ? $url_text : ''}}</a>
                    @endcan
                </div>
            </div>
            <hr>

            {{-- Start: Form --}}
            <form method="{{ $method }}" action="{{ $action }}" enctype="{{ $enctype }}">
                @csrf

                {{-- Job Title --}}
                <div class="mb-3">
                    <label class="form-label" for="title">Job Title</label>
                    <input type="text" class="form-control @error('title') is-invalid @enderror"
                           name="title" id="title" placeholder="Job Title"
                           value="{{ old('title', $job->title ?? '') }}">
                    @error('title')
                    <strong class="text-danger">{{ $message }}</strong>
                    @enderror
                </div>

                {{-- Short Description --}}
                <div class="mb-3">
                    <label class="form-label" for="short_description">Short Description</label>
                    <input type="text" class="form-control @error('short_description') is-invalid @enderror"
                           name="short_description" id="short_description" placeholder="Short Description"
                           value="{{ old('short_description', $job->short_description ?? '') }}">
                    @error('short_description')
                    <strong class="text-danger">{{ $message }}</strong>
                    @enderror
                </div>

{{--                --}}{{-- Full Description --}}
{{--                <div class="mb-3">--}}
{{--                    <label class="form-label" for="description">Full Description</label>--}}
{{--                    <textarea class="form-control @error('description') is-invalid @enderror"--}}
{{--                              name="description" id="description" rows="5"--}}
{{--                              placeholder="Enter job details">{{ old('description', $job->description ?? '') }}</textarea>--}}
{{--                    @error('description')--}}
{{--                    <strong class="text-danger">{{ $message }}</strong>--}}
{{--                    @enderror--}}
{{--                </div>--}}

                <div class="mb-3">
                    <label class="form-label" for="description">Description</label>
                    <textarea  type="text" required id="news-and-event-description"  class="form-control @error('description') is-invalid @enderror"  name="description">{{old('description')}}</textarea>
                    @error('description')
                    <strong class="text-danger">{{ $message }}</strong>
                    @enderror
                </div>


                <div class="row">
                    {{-- Start Date --}}
                    <div class="mb-3 col-md-6">
                        <label class="form-label" for="start_date">Start Date</label>
                        <input type="date" class="form-control @error('start_date') is-invalid @enderror"
                               name="start_date" id="start_date"
                               value="{{ old('start_date', isset($job->start_date) ? $job->start_date->format('Y-m-d') : '') }}">
                        @error('start_date')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>

                    {{-- End Date --}}
                    <div class="mb-3 col-md-6">
                        <label class="form-label" for="end_date">End Date</label>
                        <input type="date" class="form-control @error('end_date') is-invalid @enderror"
                               name="end_date" id="end_date"
                               value="{{ old('end_date', isset($job->end_date) ? $job->end_date->format('Y-m-d') : '') }}">
                        @error('end_date')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>
                </div>

                {{-- Location --}}
                <div class="mb-3">
                    <label class="form-label" for="location">Location</label>
                    <input type="text" class="form-control @error('location') is-invalid @enderror"
                           name="location" id="location" placeholder="Job Location"
                           value="{{ old('location', $job->location ?? '') }}">
                    @error('location')
                    <strong class="text-danger">{{ $message }}</strong>
                    @enderror
                </div>

                {{-- Employment Type --}}
                <div class="mb-3">
                    <label class="form-label" for="employment_type">Employment Type</label>
                    <select name="employment_type" id="employment_type"
                            class="form-select @error('employment_type') is-invalid @enderror">
                        <option value="full-time" {{ old('employment_type', $job->employment_type ?? '') == 'full-time' ? 'selected' : '' }}>Full-time</option>
                        <option value="part-time" {{ old('employment_type', $job->employment_type ?? '') == 'part-time' ? 'selected' : '' }}>Part-time</option>
                        <option value="contract" {{ old('employment_type', $job->employment_type ?? '') == 'contract' ? 'selected' : '' }}>Contract</option>
                        <option value="internship" {{ old('employment_type', $job->employment_type ?? '') == 'internship' ? 'selected' : '' }}>Internship</option>
                    </select>
                    @error('employment_type')
                    <strong class="text-danger">{{ $message }}</strong>
                    @enderror
                </div>

                <div class="row">
                    {{-- Vacancies --}}
                    <div class="mb-3 col-md-4">
                        <label class="form-label" for="vacancies">Vacancies</label>
                        <input type="number" min="1" class="form-control @error('vacancies') is-invalid @enderror"
                               name="vacancies" id="vacancies" placeholder="Number of vacancies"
                               value="{{ old('vacancies', $job->vacancies ?? 1) }}">
                        @error('vacancies')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>

                    {{-- Salary Range --}}
                    <div class="mb-3 col-md-4">
                        <label class="form-label" for="salary_range">Salary Range</label>
                        <input type="text" class="form-control @error('salary_range') is-invalid @enderror"
                               name="salary_range" id="salary_range" placeholder="e.g. 50k-70k"
                               value="{{ old('salary_range', $job->salary_range ?? '') }}">
                        @error('salary_range')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>

                    {{-- Experience Level --}}
                    <div class="mb-3 col-md-4">
                        <label class="form-label" for="experience_level">Experience Level</label>
                        <input type="text" class="form-control @error('experience_level') is-invalid @enderror"
                               name="experience_level" id="experience_level" placeholder="e.g. Junior, Mid, Senior"
                               value="{{ old('experience_level', $job->experience_level ?? '') }}">
                        @error('experience_level')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>
                </div>

                {{-- Education --}}
                <div class="mb-3">
                    <label class="form-label" for="education">Education</label>
                    <input type="text" class="form-control @error('education') is-invalid @enderror"
                           name="education" id="education" placeholder="Required education"
                           value="{{ old('education', $job->education ?? '') }}">
                    @error('education')
                    <strong class="text-danger">{{ $message }}</strong>
                    @enderror
                </div>

                {{-- Is Active --}}
                <div class="mb-3 form-check">
                    <input type="checkbox" class="form-check-input" id="is_active" name="is_active"
                           value="1" {{ old('is_active', $job->is_active ?? true) ? 'checked' : '' }}>
                    <label class="form-check-label" for="is_active">Active</label>
                </div>

                <button type="submit" class="btn btn-sm btn-success">Submit</button>
            </form>
            {{-- End: Form --}}

            {{-- Page Description : Start --}}
            @if(!empty($p_description) && isset($p_description))
                <div class="card-footer">
                    <div class="row">
                        <div class="col-12 mb-sm-2 mb-0">
                            <p>{{ $p_description }}</p>
                        </div>
                    </div>
                </div>
            @endif
            {{-- Page Description : End --}}
        </div>
    </div>
@endsection

@push('footer-scripts')

    <script src="{{asset('manager/ckeditor/ckeditor.js')}}"></script>
    <script src="{{asset('manager/ckeditor/ckfinder/ckfinder.js')}}"></script>
    <script src="{{asset('manager/ckeditor/samples/js/sample.js')}}"></script>

    <script>
        $(document).ready(function() {

            var editor = CKEDITOR.replace( 'news-and-event-description');
        });
    </script>

    {{-- Toastr : Script : Start --}}
    @if(Session::has('messages'))
        <script>
            noti({!! json_encode(Session::get('messages')) !!});
        </script>
    @endif
    {{-- Toastr : Script : End --}}
@endpush