@extends('layouts.user')

@section('content')
    @php
        $languages = \Modules\Language\Models\Language::getActive();
    @endphp
    <form method="post" action="{{ route('user.store.job', ['id'=>($row->id) ? $row->id : '-1','lang'=>request()->query('lang')] ) }}" class="default-form" >
        @csrf
        <input type="hidden" name="id" value="{{$row->id}}">
        <div class="upper-title-box">
            <div class="row">
                <div class="col-md-9">
                    <h3>{{$row->id ? __('Edit: ').$row->title : __('Add new job')}}</h3>
                    <div class="text">
                        @if($row->slug)
                            <p class="item-url-demo">{{__("Permalink")}}: {{ url( config('job.job_route_prefix') ) }}/<a href="#" class="open-edit-input" data-name="slug">{{$row->slug}}</a>
                            </p>
                        @endif
                    </div>
                </div>
                <div class="col-md-3 text-right">
                    @if($row->slug)
                        <a class="theme-btn btn-style-one" href="{{$row->getDetailUrl(request()->query('lang'))}}" target="_blank">{{__("View Job")}}</a>
                    @endif
                </div>
            </div>
        </div>
        @include('admin.message')

        @if($row->id)
            @include('Language::admin.navigation')
        @endif

        <div class="row">
            <div class="col-xl-9">
                <!-- Ls widget -->
                <div class="ls-widget">
                    <div class="tabs-box">
                        <div class="widget-title"><h4>{{ __("Job Content") }}</h4></div>
                        <div class="widget-content">
                            <div class="form-group">
                                <label>{{__("Title")}}</label>
                                <input type="text" value="{{ old('title', $translation->title) }}" placeholder="{{__("Title")}}" name="title" required class="form-control">
                            </div>
                            <div class="form-group">
                                <label class="control-label">{{__("Content")}}</label>
                                <div class="">
                                    <textarea name="content" class="d-none has-ckeditor" cols="30" rows="10">{{ old('content', $translation->content) }}</textarea>
                                </div>
                            </div>
                            @if(is_default_lang())
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{__("Expiration Date")}}</label>
                                            <input type="text" readonly value="{{ old( 'expiration_date', $row->expiration_date ? date('Y/m/d', strtotime($row->expiration_date)) : '') }}" placeholder="YYYY/MM/DD" name="expiration_date" autocomplete="false" class="form-control has-datepicker bg-white">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{__("Hours")}}</label>
                                            <div class="input-group">
                                                <input type="text" value="{{ old('hours', $row->hours) }}" placeholder="{{__("hours")}}" name="hours" class="form-control">
                                                <div class="input-group-append">
                                                    <select class="form-control" name="hours_type">
                                                        <option value="" @if(old('hours_type', $row->hours_type) == '') selected @endif > -- </option>
                                                        <option value="day" @if(old('hours_type', $row->hours_type) == 'day') selected @endif >{{ __("/day") }}</option>
                                                        <option value="week" @if(old('hours_type', $row->hours_type) == 'week') selected @endif >{{ __("/week") }}</option>
                                                        <option value="month" @if(old('hours_type', $row->hours_type) == 'month') selected @endif >{{ __("/month") }}</option>
                                                        <option value="year" @if(old('hours_type', $row->hours_type) == 'year') selected @endif >{{ __("/year") }}</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="gender">{{__("Gender")}}</label>
                                            <select class="form-control" id="gender" name="gender">
                                                <option value="Both" @if(old('gender', $row->gender) == 'Both') selected @endif >{{ __("Both") }}</option>
                                                <option value="Male" @if(old('gender', $row->gender) == 'Male') selected @endif >{{ __("Male") }}</option>
                                                <option value="Female" @if(old('gender', $row->gender) == 'Female') selected @endif >{{ __("Female") }}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{__("Salary")}}</label>
                                            <div class="input-group">
                                                <input type="text" value="{{ old('salary_min', $row->salary_min) }}" placeholder="{{__("Min")}}" name="salary_min" class="form-control">
                                                <input type="text" value="{{ old('salary_max', $row->salary_max) }}" placeholder="{{__("Max")}}" name="salary_max" class="form-control">
                                                <div class="input-group-append">
                                                    <select class="form-control" name="salary_type">
                                                        <option value="hourly" @if(old('salary_type', $row->salary_type) == 'hourly') selected @endif > {{ __("/hourly") }} </option>
                                                        <option value="daily" @if(old('salary_type', $row->salary_type) == 'daily') selected @endif >{{ __("/daily") }}</option>
                                                        <option value="weekly" @if(old('salary_type', $row->salary_type) == 'weekly') selected @endif >{{ __("/weekly") }}</option>
                                                        <option value="monthly" @if(old('salary_type', $row->salary_type) == 'monthly') selected @endif >{{ __("/monthly") }}</option>
                                                        <option value="yearly" @if(old('salary_type', $row->salary_type) == 'yearly') selected @endif >{{ __("/yearly") }}</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <label class="mt-2">
                                                <input type="checkbox" name="wage_agreement" @if(old('wage_agreement', $row->wage_agreement)) checked @endif value="1" /> {{ __("Wage Agreement") }}
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{__("Experience")}}</label>
                                            <div class="input-group">
                                                <input type="text" class="form-control" placeholder="{{ __("Experience") }}" name="experience" value="{{ old('experience',$row->experience) }}">
                                                <div class="input-group-append">
                                                    <span class="input-group-text" style="font-size: 14px;">{{ __("year(s)") }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>{{__("Number Of Recruitments")}}</label>
                                            <div class="input-group">
                                                <input type="number" class="form-control" placeholder="{{ __("0") }}" name="number_recruitments" value="{{ old('number_recruitments',$row->number_recruitments) }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="control-label">{{__("Video Url")}}</label>
                                            <input type="text" name="video" class="form-control" value="{{old('video',$row->video)}}" placeholder="{{__("Youtube link video")}}">
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>{{__("Video Cover Image")}}</label>
                                            <div class="form-group">
                                                {!! \Modules\Media\Helpers\FileHelper::fieldUpload('video_cover_id',$row->video_cover_id) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="control-label">{{__("Gallery")}} ({{__('Recommended size image:1080 x 1920px')}})</label>
                                            @php
                                                $gallery_id = $row->gallery ?? old('gallery');
                                            @endphp
                                            {!! \Modules\Media\Helpers\FileHelper::fieldGalleryUpload('gallery', $gallery_id) !!}
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

                @if(is_default_lang())
                <!-- Ls widget -->
                <div class="ls-widget">
                    <div class="tabs-box">
                        <div class="widget-title"><h4>{{ __("Job Location") }}</h4></div>
                        <div class="widget-content">
                            <div class="form-group">
                                <label class="control-label">{{__("Location")}}</label>
                                @if(!empty($is_smart_search))
                                    <div class="form-group-smart-search">
                                        <div class="form-content">
                                                                                        <div class="smart-search">
                                                <input type="text" class="smart-search-location parent_text form-control" placeholder="{{__("-- Please Select --")}}" value="{{ $location_name }}" data-onLoad="{{__("Loading...")}}"
                                                       data-default="{{ json_encode($list_json) }}">
                                                <input type="hidden" class="child_id" name="location_id" value="{{$row->location_id ?? Request::query('location_id')}}">
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="">
                                        <select name="location_id" class="form-control">
                                            <option value="">{{__("-- Please Select --")}}</option>
                                                                                    </select>
                                    </div>
                                @endif
                            </div>
                            <div class="form-group">
                                <label class="control-label">{{__("The geographic coordinate")}}</label>
                                <div class="control-map-group">
                                    <div id="map_content"></div>
                                    <input type="text" placeholder="{{__("Search by name...")}}" class="bravo_searchbox form-control" autocomplete="off" onkeydown="return event.key !== 'Enter';">
                                    <div class="g-control">
                                        <div class="form-group">
                                            <label>{{__("Map Latitude")}}:</label>
                                            <input type="text" name="map_lat" class="form-control" value="{{old('map_lat', $row->map_lat)}}" onkeydown="return event.key !== 'Enter';">
                                        </div>
                                        <div class="form-group">
                                            <label>{{__("Map Longitude")}}:</label>
                                            <input type="text" name="map_lng" class="form-control" value="{{old('map_lng', $row->map_lng)}}" onkeydown="return event.key !== 'Enter';">
                                        </div>
                                        <div class="form-group">
                                            <label>{{__("Map Zoom")}}:</label>
                                            <input type="text" name="map_zoom" class="form-control" value="{{old('map_zoom', $row->map_zoom ?? "8")}}" onkeydown="return event.key !== 'Enter';">
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                @endif

                @include('Core::frontend/seo-meta/seo-meta')

                <div class="mb-4 d-none d-md-block">
                    <button class="theme-btn btn-style-one" type="submit"><i class="fa fa-save" style="padding-right: 5px"></i> {{__('Save Changes')}}</button>
                </div>

            </div>

            <div class="col-xl-3">

                <!-- Ls widget -->
                <div class="ls-widget">
                    <div class="tabs-box">
                        <div class="widget-title"><h4>{{ __("Publish") }}</h4></div>
                        <div class="widget-content pb-4">
                            @if(is_default_lang())
                                <div>
                                    <label><input @if(old('status', $row->status) =='publish') checked @endif type="radio" name="status" value="publish"> {{__("Publish")}}</label>
                                </div>
                                <div>
                                    <label><input @if(old('status', $row->status)=='draft') checked @endif type="radio" name="status" value="draft"> {{__("Draft")}}</label>
                                </div>
                            @endif
                            <div class="text-right">
                                <button class="theme-btn btn-style-one" type="submit"><i class="fa fa-save"></i> {{__('Save Changes')}}</button>
                            </div>
                        </div>
                    </div>
                </div>

                @if(is_default_lang())
                    @if(empty(setting_item('job_hide_job_apply')))
                        <!-- Ls widget -->
                        <div class="ls-widget">
                            <div class="tabs-box">
                                <div class="widget-title"><h4>{{ __("Job Apply") }}</h4></div>
                                <div class="widget-content">
                                    <div class="form-group">
                                        <label>{{__('Apply Type')}}</label>
                                        <select name="apply_type" class="form-control">
                                            <option value="">{{ __("Default") }}</option>
                                            <option value="email" @if(old('apply_type', $row->apply_type) == 'email') selected @endif >{{ __("Send Email") }}</option>
                                            <option value="external" @if(old('apply_type', $row->apply_type) == 'external') selected @endif >{{ __("External") }}</option>
                                        </select>
                                    </div>
                                    <div class="form-group" data-condition="apply_type:is(external)">
                                        <label>{{ __("Apply Link") }}</label>
                                        <input type="text" name="apply_link" class="form-control" value="{{ old('apply_link',$row->apply_link) }}" />
                                    </div>
                                    <div class="form-group" data-condition="apply_type:is(email)">
                                        <label>{{ __("Apply Email") }}</label>
                                        <input type="text" name="apply_email" class="form-control" value="{{ old('apply_email',$row->apply_email) }}" />
                                        <small><i>{{ __("If is empty, it will be sent to the company's email") }}</i></small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    <!-- Ls widget -->
                    <div class="ls-widget">
                        <div class="tabs-box">
                            <div class="widget-title"><h4>{{ __("Availability") }}</h4></div>
                            <div class="widget-content">
                                <div class="form-group">
                                    <label>{{__('Job Urgent')}}</label>
                                    <br>
                                    <label>
                                        <input type="checkbox" name="is_urgent" @if(old('is_urgent',$row->is_urgent)) checked @endif value="1"> {{__("Enable Urgent")}}
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Ls widget -->
                    <div class="ls-widget">
                        <div class="tabs-box">
                            <div class="widget-title"><h4>{{ __("Category") }}</h4></div>
                            <div class="widget-content">
                                <div class="form-group">
                                    <div class="">
                                        <select name="category_id" class="form-control" required>
                                            <option value="">{{__("-- Please Select --")}}</option>
                                                                                    </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Ls widget -->
                    <div class="ls-widget">
                        <div class="tabs-box">
                            <div class="widget-title"><h4>{{ __("Job Type") }}</h4></div>
                            <div class="widget-content">
                                <div class="form-group">
                                    <div class="">
                                        <select name="job_type_id" class="form-control" required>
                                            <option value="">{{__("-- Please Select --")}}</option>
                                                                                    </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Ls widget -->
                    <div class="ls-widget">
                        <div class="tabs-box">
                            <div class="widget-title"><h4>{{ __("Job Skills") }}</h4></div>
                            <div class="widget-content">
                                <div class="form-group">
                                    <div class="">
                                        <select id="job_type_id" name="job_skills[]" class="form-control" multiple="multiple">
                                            <option value="">{{__("-- Please Select --")}}</option>
                                                                                    </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Ls widget -->
                    <div class="ls-widget">
                        <div class="tabs-box">
                            <div class="widget-title"><h4>{{ __("Feature Image") }}</h4></div>
                            <div class="widget-content">
                                <div class="form-group">
                                    {!! \Modules\Media\Helpers\FileHelper::fieldUpload('thumbnail_id',old('thumbnail_id', $row->thumbnail_id)) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                @endif


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

@endsection

@section('footer')
    {!! App\Helpers\MapEngine::scripts() !!}
    <script type="text/javascript" src="{{ asset('libs/daterange/moment.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('libs/daterange/daterangepicker.min.js') }}"></script>
    <script src="{{ asset('libs/select2/js/select2.min.js') }}" ></script>
    <script src="{{ asset('js/condition.js') }}"></script>
    <script>
        jQuery(function ($) {
            "use strict"

            $('.has-datepicker').daterangepicker({
                singleDatePicker: true,
                showCalendar: false,
                autoUpdateInput: false, //disable default date
                showDropdowns: true,
                sameDate: true,
                autoApply           : true,
                disabledPast        : true,
                enableLoading       : true,
                showEventTooltip    : true,
                classNotAvailable   : ['disabled', 'off'],
                disableHightLight: true,
                locale:{
                    format:'YYYY/MM/DD'
                }
            }).on('apply.daterangepicker', function (ev, picker) {
                $(this).val(picker.startDate.format('YYYY/MM/DD'));
            });

            let mapLat = {{ !empty($row->candidate) ? ($row->candidate->map_lat ?? "51.505") : "51.505" }};
            let mapLng = {{ !empty($row->candidate) ? ($row->candidate->map_lng ?? "-0.09") : "-0.09" }};
            let mapZoom = {{ !empty($row->candidate) ? ($row->candidate->map_zoom ?? "8") : "8" }};

            jQuery(function ($) {
                new BravoMapEngine('map_content', {
                    disableScripts: true,
                    fitBounds: true,
                    center: [mapLat, mapLng],
                    zoom: mapZoom,
                    ready: function (engineMap) {
                        engineMap.addMarker([mapLat, mapLng], {
                            icon_options: {}
                        });
                        engineMap.on('click', function (dataLatLng) {
                            engineMap.clearMarkers();
                            engineMap.addMarker(dataLatLng, {
                                icon_options: {}
                            });
                            $("input[name=map_lat]").attr("value", dataLatLng[0]);
                            $("input[name=map_lng]").attr("value", dataLatLng[1]);
                        });
                        engineMap.on('zoom_changed', function (zoom) {
                            $("input[name=map_zoom]").attr("value", zoom);
                        });
                        engineMap.searchBox($('#customPlaceAddress'),function (dataLatLng) {
                            engineMap.clearMarkers();
                            engineMap.addMarker(dataLatLng, {
                                icon_options: {}
                            });
                            $("input[name=map_lat]").attr("value", dataLatLng[0]);
                            $("input[name=map_lng]").attr("value", dataLatLng[1]);
                        });
                        engineMap.searchBox($('.bravo_searchbox'),function (dataLatLng) {
                            engineMap.clearMarkers();
                            engineMap.addMarker(dataLatLng, {
                                icon_options: {}
                            });
                            $("input[name=map_lat]").attr("value", dataLatLng[0]);
                            $("input[name=map_lng]").attr("value", dataLatLng[1]);
                        });
                    }
                });

            });

            $('.open-edit-input').on('click', function (e) {
                e.preventDefault();
                $(this).replaceWith('<input type="text" name="' + $(this).data('name') + '" value="' + $(this).html() + '">');
            });

            $(".form-group-item").each(function () {
                let container = $(this);
                $(this).on('click','.btn-remove-item',function () {
                    $(this).closest(".item").remove();
                });

                $(this).on('press','input,select',function () {
                    let value = $(this).val();
                    $(this).attr("value",value);
                });
            });
            $(".form-group-item .btn-add-item").on('click',function () {
                var p = $(this).closest(".form-group-item").find(".g-items");

                let number = $(this).closest(".form-group-item").find(".g-items .item:last-child").data("number");
                if(number === undefined) number = 0;
                else number++;
                let extra_html = $(this).closest(".form-group-item").find(".g-more").html();
                extra_html = extra_html.replace(/__name__=/gi, "name=");
                extra_html = extra_html.replace(/__number__/gi, number);
                p.append(extra_html);

                if(extra_html.indexOf('dungdt-select2-field-lazy') >0 ){

                    p.find('.dungdt-select2-field-lazy').each(function () {
                        var configs = $(this).data('options');
                        $(this).select2(configs);
                    });
                }
            });

            $('#job_type_id').select2();

        })
    </script>
@endsection