@extends('manager.layouts.app')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection
@push('head-scripts')
    <link href="{{ asset('manager/select2/dist/css/select2-bootstrap5.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('manager/select2/dist/css/select2.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('manager/select2/dist/css/select2-bootstrap5.min.css') }}" rel="stylesheet"/>
@endpush
@section('content')
    @include('manager.masters.inc.menu')
    <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">
                    @canany(['manager_job-catalogue-master_job-catalogue-list'])
                        <a href="{{(!empty($url) && isset($url)) ? $url : ''}}"
                           class="btn btn-sm btn-dark">{{(!empty($url_text) && isset($url_text)) ? $url_text : ''}}</a>
                    @endcanany
                </div>
            </div>
            <hr>
            {{-- Start: Form --}}
            <form method="{{$method}}" action="{{$action}}" enctype="{{$enctype}}">
                @csrf
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label" for="name">Title *</label>
                        <input type="text" class="form-control @error('title') is-invalid @enderror" name="title"
                               id="title"
                               placeholder="Title" value="{{old('title')}}">
                        @error('title')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>
                    {{--                    <div class="col-md-6 mb-3">--}}
                    {{--                        <label class="form-label" for="name">Department *</label>--}}
                    {{--                        <select class="select2-department form-control @error('department_id') is-invalid @enderror"--}}
                    {{--                                name="department_id"></select>--}}
                    {{--                        @error('department_id')--}}
                    {{--                        <strong class="text-danger">{{ $message }}</strong>--}}
                    {{--                        @enderror--}}
                    {{--                    </div>--}}

                    <div class="col-md-6 mb-3">
                        <label class="form-label" for="name">Designation *</label>
                        <select class="select2-designation form-control @error('designation_id') is-invalid @enderror"
                                name="designation_id"></select>
                        @error('designation_id')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label" for="name">Job Level *</label>
                        <select class="select2-job-level form-control @error('job_level_id') is-invalid @enderror"
                                name="job_level_id"></select>
                        @error('job_level_id')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>

                    {{--                    <div class="col-md-6 mb-3">--}}
                    {{--                        <label class="form-label" for="name">Qualification *</label>--}}
                    {{--                        <select--}}
                    {{--                            class="select2-qualification form-control @error('qualification_id') is-invalid @enderror"--}}
                    {{--                            name="qualification_id"></select>--}}
                    {{--                        @error('qualification_id')--}}
                    {{--                        <strong class="text-danger">{{ $message }}</strong>--}}
                    {{--                        @enderror--}}
                    {{--                    </div>--}}

                    <div class="col-md-6 mb-3">
                        <label class="form-label" for="name">Job Type *</label>
                        <select class="select2-job-type form-control @error('job_type_id') is-invalid @enderror"
                                name="job_type_id"></select>
                        @error('job_type_id')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label text-dark" for="faculty">Faculty</label>
                        <select class="select2-faculty form-control @error('qua_faculty') is-invalid @enderror" name="qua_faculty[]"></select>
                        @error('qua_faculty')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label text-dark" for="qua_department">Department</label>
                        <select class="select2-department-id form-control @error('qua_department') is-invalid @enderror" name="qua_department[]"></select>
                        @error('qua_department')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>
                    <div class="col-md-12 mb-3">
                        <label class="form-label text-dark" for="qua_degree">Degree *</label>
                        <select class="select2-degree-id form-control @error('qua_degree') is-invalid @enderror" name="qua_degree[]" multiple></select>
                        @error('qua_degree')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>
                    <div class="col-md-12 mb-3">
                        <label class="form-label" for="name">Short Description *</label>
                        <textarea rows="5" class="form-control @error('short_description') is-invalid @enderror"
                                  name="short_description"></textarea>
                        @error('short_description')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>
                    <div class="col-md-12 mb-3">
                        <label class="form-label" for="name">Job Description *</label>
                        <textarea rows="5" class="form-control @error('job_description') is-invalid @enderror"
                                  name="job_description" id="job_description"></textarea>
                        @error('job_description')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>
                    <div class="col-md-12 mb-3">
                        <label class="form-label" for="name">Job Requirement *</label>
                        <textarea rows="5" class="form-control @error('job_requirement') is-invalid @enderror"
                                  name="job_requirement" id="job_requirement"></textarea>
                        @error('job_requirement')
                        <strong class="text-danger">{{ $message }}</strong>
                        @enderror
                    </div>
                </div>
                <button type="submit" class="btn btn-sm btn-success" onclick="holdOn('sk-rect');">Submit</button>
            </form>
            {{-- End: Form --}}
            @if(!empty($p_description) && isset($p_description))
                <div class="card-footer">
                    <div class="row">
                        <div class="col-12 mb-sm-2 mb-0">
                            <p>{{(!empty($p_description) && isset($p_description)) ? $p_description : ''}}</p>
                        </div>
                    </div>
                </div>
            @endif
            {{-- Page Description : End --}}
            {{-- End: Page Content --}}
        </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/select2/dist/js/select2.js') }}"></script>
    <script>
        $(document).ready(function () {
            var editor = CKEDITOR.replace('job_description',{
                removePlugins: 'sourcearea, save, print, templates, exportpdf, forms,embed, link,div,flash,iframe,attach,showblocks,pagebreak,image,new page,preview,cut,copy',
            });
            var editor = CKEDITOR.replace('job_requirement',{
                removePlugins: 'sourcearea, save, print, templates, exportpdf, forms,embed, link,div,flash,iframe,attach,showblocks,pagebreak,image,new page,preview,cut,copy',
            });
            //Select Designation
            $('.select2-designation').select2({
                theme: "bootstrap5",
                placeholder: 'Select Designation',
                ajax: {
                    url: '{{route('manager.get.designation-select')}}',
                    dataType: 'json',
                    delay: 250,
                    type: 'GET',
                    data: function (params) {
                        var query = {
                            q: params.term,
                            type: 'public',
                            _token: '{{csrf_token()}}'
                        }
                        return query;
                    },
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    id: item.id,
                                    text: item.name
                                }
                            })
                        };
                    },
                    cache: true
                }
            }).trigger('change.select2')
            //Select Job Level
            $('.select2-job-level').select2({
                theme: "bootstrap5",
                placeholder: 'Select Job Level',
                ajax: {
                    url: '{{route('manager.get.job-level-select')}}',
                    dataType: 'json',
                    delay: 250,
                    type: 'GET',
                    data: function (params) {
                        var query = {
                            q: params.term,
                            type: 'public',
                            _token: '{{csrf_token()}}'
                        }
                        return query;
                    },
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    id: item.id,
                                    text: item.name
                                }
                            })
                        };
                    },
                    cache: true
                }
            }).trigger('change.select2')
            //Select Job Type
            $('.select2-job-type').select2({
                theme: "bootstrap5",
                placeholder: 'Select Job Type',
                ajax: {
                    url: '{{route('manager.get.job-type-select')}}',
                    dataType: 'json',
                    delay: 250,
                    type: 'GET',
                    data: function (params) {
                        var query = {
                            q: params.term,
                            type: 'public',
                            _token: '{{csrf_token()}}'
                        }
                        return query;
                    },
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    id: item.id,
                                    text: item.name
                                }
                            })
                        };
                    },
                    cache: true
                }
            }).trigger('change.select2')
            //Select Faculty
            $('.select2-faculty').select2({
                theme: "bootstrap5",
                placeholder: 'Select Faculty',
                ajax: {
                    url: '{{route('manager.get.faculty-select')}}',
                    dataType: 'json',
                    delay: 250,
                    type: 'GET',
                    data: function (params) {
                        var query = {
                            q: (params.term != undefined ? params.term : ' '),
                            type: 'public',
                            _token: '{{csrf_token()}}'
                        }
                        return query;
                    },
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    id: item.id,
                                    text: item.name
                                }
                            })
                        };
                    },
                    cache: true
                }
            }).trigger('change.select2')
            //Select Department
            $('.select2-department-id').select2({
                theme: "bootstrap5",
                placeholder: 'Select Department',
                ajax: {
                    url: '{{route('manager.get.qua-department-select')}}',
                    dataType: 'json',
                    delay: 250,
                    type: 'GET',
                    data: function (params) {
                        var query = {
                            q: (params.term != undefined ? params.term : ' '),
                            type: 'public',
                            _token: '{{csrf_token()}}'
                        }
                        return query;
                    },
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    id: item.id,
                                    text: item.name
                                }
                            })
                        };
                    },
                    cache: true
                }
            }).trigger('change.select2')
            //Select Degree
            $('.select2-degree-id').select2({
                theme: "bootstrap5",
                maximumSelectionLength:5,
                placeholder: 'Select Degree',
                ajax: {
                    url: '{{route('manager.get.qua-degree-select')}}',
                    dataType: 'json',
                    delay: 250,
                    type: 'GET',
                    data: function (params) {
                        var query = {
                            q: (params.term != undefined ? params.term : ' '),
                            type: 'public',
                            _token: '{{csrf_token()}}'
                        }
                        return query;
                    },
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    id: item.id,
                                    text: item.name
                                }
                            })
                        };
                    },
                    cache: true
                }
            }).trigger('change.select2')
        });
    </script>
@endpush