@extends('manager.layouts.app')

@section('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">{{ $p_title ?? '' }}</h4>
                    <div class="small text-medium-emphasis">{{ $p_summary ?? '' }}</div>
                </div>
                <div class="btn-toolbar d-none d-md-block" role="toolbar" aria-label="Toolbar with buttons">
                    @can('manager_master-data_contact-us-list')
                        <a href="{{ $url ?? '' }}" class="btn btn-sm btn-primary">
                            {{ $url_text ?? '' }}
                        </a>
                    @endcan
                </div>
            </div>
            <hr>

            {{-- Start: Form --}}
            <form method="POST" action="{{ $action }}" enctype="{{ $enctype }}">
                @csrf
                @method('PUT')

                {{-- 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="{{(isset($data) ? $data->title : old('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="{{(isset($data) ? $data->short_description : old('short_description'))}}">
                    @error('short_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">{!! (isset($data->description))?$data->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($data->start_date) ? $data->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($data->end_date) ? $data->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', $data->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', $data->employment_type ?? '') == 'full-time' ? 'selected' : '' }}>Full-time</option>
                        <option value="part-time" {{ old('employment_type', $data->employment_type ?? '') == 'part-time' ? 'selected' : '' }}>Part-time</option>
                        <option value="contract" {{ old('employment_type', $data->employment_type ?? '') == 'contract' ? 'selected' : '' }}>Contract</option>
                        <option value="internship" {{ old('employment_type', $data->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', $data->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', $data->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', $data->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', $data->education ?? '') }}">
                    @error('education') <strong class="text-danger">{{ $message }}</strong> @enderror
                </div>

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

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

            {{-- Page Description : Start --}}
            @if(!empty($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 --}}
            {{-- End: Page Content --}}
        </div>
    </div>
@endsection

@push('footer-scripts')
    <script src="{{ asset('manager/js/jquery.inputmask.bundle.js') }}"></script>
    <!-- ckeditor -->
    <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>

    <script>
        $(":input").inputmask();
    </script>

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