@extends('admin.layouts.main')

@section('title')
Job - Information
@endsection

@section('content')

<main>
    <div class="two-col">

        @include("admin.common.sidebar")

        <div class="right-sec">

            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('job.recruitment') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"><a
                            href="{{ route('admin.jobs.index',['panel' => session('panel')])}}">{{ @trans('job.jobs') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('job.job_information') }} </li>
                </ol>
            </nav>

            <div class="form-sec">
                <div class="form-step">
                    <div class="step active"><label>1. {{ @trans('job.job_info') }} </label></div>
                    <div class="step"><label><i class="material-icons">trending_flat</i>2. {{ @trans('job.role') }} </label></div>
                    <div class="step"><label><i class="material-icons">trending_flat</i>3. {{ @trans('job.requirements') }}</label></div>
                    <div class="step"><label><i class="material-icons">trending_flat</i>4. {{ @trans('job.prefered') }}</label></div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
                            <div class="step-box">
                                <form method="post"
                                    action="{{ route('admin.jobs.store_info', ['panel' => session('panel')]) }}"
                                    id="frmInfo" autocomplete="off">
                                    @csrf

                                    @if($id)
                                    <input type="hidden" name="id" value="{{ $id }}" />
                                    @endif

                                    <div class="tab">
                                        <h2 class="form-sec-title">{{ @trans('job.job_info') }}</h2>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="company_id">{{ @trans('job.client') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <select class="form-control" id="company_id" name="company_id">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($companies as $company)
                                                        <option value="{{ $company->id}}" @if($id && $job->company_id ==
                                                            $company->id) selected="selected" @endif>{{ $company->name}}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="contact_id">{{ @trans('job.client_contact') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <select class="form-control" id="contact_id" name="contact_id">
                                                        <option value="">{{ @trans('job.select_contact') }}</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="recruiter">{{ @trans('job.recruiter') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <select class="form-control" id="recruiter_id" name="recruiter_id">
                                                        <option value="" hidden>{{ @trans('job.select') }}</option>
                                                        @foreach($recruiters as $recruiter)
                                                        <option value="{{ $recruiter->id}}" @if($id && $job->
                                                            assigned_user_id == $recruiter->id) selected="selected"
                                                            @endif>{{ $recruiter->first_name }}
                                                            {{ $recruiter->last_name }} </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-8">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('job.job_title') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" class="form-control" placeholder="Job Title"
                                                        name="title" id="title"
                                                        value="@if($id){{ $job->title}}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('job.no_of_opening') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" class="form-control"
                                                        placeholder="No. of Openings" name="vacancies" id="vacancies"
                                                        value="@if($id){{ $job->vacancies}}@endif" />
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('job.summary') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <textarea name="summary" id="summary" class="form-control editor"
                                                        placeholder="Summary">@if($id){{ $job->summary }}@endif</textarea>
                                                </div>
                                            </div>
                                            @if($id && count($job->project) > 0)
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="control-label">Select Project <span class="required">*</span></label>
                                                        <select class="form-control select2" id="project_id" name="project_id" data-placeholder="Select" disabled>
                                                            <option value="">{{ @trans('job.select') }}</option>
                                                            @foreach($job->project as $project)
                                                                <option value="{{ $project->id }}" selected>{{ $project->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            @else
                                                <div class="col-md-12 mb-3">
                                                    <div class="form-group mb-0">
                                                        <label class="control-label">Map this Job to the Project <span class="required">*</span></label>
                                                        <div class="custom-control custom-radio">
                                                            <input type="radio" class="custom-control-input map_job_to_project_type" id="select_exisiting_project" name="map_job_to_project_type" value="select_exiting_project">
                                                            <label class="custom-control-label" for="select_exisiting_project">Select from the Existing Project</label>
                                                        </div>
                                                        <div class="custom-control custom-radio">
                                                            <input type="radio" class="custom-control-input map_job_to_project_type" id="create_new_project" name="map_job_to_project_type" value="create_new_project">
                                                            <label class="custom-control-label" for="create_new_project">Create a New Project</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 selectExistingProjectSection d-none">
                                                    <div class="form-group">
                                                        <label class="control-label">Select Project <span class="required">*</span></label>
                                                        <select class="form-control select-two" id="project_id" name="project_id" data-placeholder="Select">
                                                            <option value="">{{ @trans('job.select') }}</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 createNewProjectSection d-none">
                                                    <div class="form-group">
                                                        <label class="control-label">Project Title <span class="required">*</span></label>
                                                        <input type="text" name="project_title" id="project_title" class="form-control" placeholder="Project Title">
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="tab-btn">
                                        <div style="float: left;">
                                            @if(Session::has('editUrl'))
                                            <a class="btn btn-cncl"
                                                href="{{ route('admin.jobs.show',['panel' => session('panel'),'id' => $job->id]) }}">{{ @trans('job.cancel') }}</a>
                                            @else
                                            <a class="btn btn-cncl"
                                                href="{{ route('admin.jobs.index',['panel' => session('panel')]) }}">{{ @trans('job.cancel') }}</a>
                                            @endif
                                        </div>
                                        <div style="float:right;">
                                            @if(Session::has('editUrl'))
                                            <button type="submit" id="nextBtn" class="btn step-btn">{{ @trans('job.save') }}</button>
                                            @else
                                            <button type="submit" id="nextBtn" class="btn step-btn">{{ @trans('job.save_next') }}</button>
                                            @endif
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</main>
@endsection

@push('pageJs')

{!! JsValidator::formRequest('App\Http\Requests\Job\StoreJobInfo', '#frmInfo') !!}

<script type="text/javascript">
    $(document).ready(function() {

        var myForm = $('#frmInfo');
        $.data(myForm[0], 'validator').settings.ignore = "null";

        tinymce.init({
            selector: 'textarea.editor',
            height: 300,
            menubar: false,
            branding: false,
            browser_spellcheck: true,
            toolbar: 'undo redo | bold italic underline strikethrough | link | alignleft aligncenter alignright alignjustify | bullist numlist  | removeformat | preview',
            plugins: [
                'link preview wordcount lists','paste'
            ],
            paste_auto_cleanup_on_paste : true,
            paste_remove_styles: true,
            paste_remove_styles_if_webkit: true,
            paste_strip_class_attributes: true,
            setup: function(editor) {
                editor.on('keyUp', function() {
                    tinyMCE.triggerSave();

                    if (!$.isEmptyObject(myForm.validate().submitted))
                        myForm.validate().form();
                });
            },

        });

        @if(isset($job->id))
        var selectedContact = "{{ $job->contact_id}}";
        var data = {
            company_id: $('#company_id').val(),
            is_client: 1
        }
        contactList(data, selectedContact);
        @endif

        $('#company_id').on('change', function() {

            if($(this).val() != '')
            {
                var data = {
                    company_id: $('#company_id').val(),
                    is_client: 1
                }
                contactList(data);
            }
            else
            {
                $("#contact_id").empty();
                $("#contact_id").append('<option value="">Select Contact</option>');
            }

        });

        $('#project_id').select2({
            ajax: {
                url: "{{ route('common.get_search_json') }}",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                      search: params.term,
                      type: 'projects'
                    }
                },
                processResults: function (data) {
                    return {
                        results: data
                    };
                },
            },
            minimumInputLength: 3,
            allowClear: true
        });

        $('.map_job_to_project_type').on('change', function() {
            if($(this).val() == 'create_new_project') {
                $('.createNewProjectSection').removeClass('d-none')
                $('.selectExistingProjectSection').addClass('d-none')
            } else {
                $('.selectExistingProjectSection').removeClass('d-none')
                $('.createNewProjectSection').addClass('d-none')
            }
        });
    });
</script>

@endpush