@extends('frontend::layouts.master')

@section('title')

@section('style')
@endsection

@section('content')

    <div class="breadcrumb text-center p-50 p-b-0">
        <div class="container">
            <ul class="bor-0">
                <li><a href="{{ mwz_route('frontend.index') }}"><i class="fa-solid fa-house"></i></a></li>
                <li><a href="{{ mwz_route('frontend.job') }}">@lang('frontend::lang.job_info')</a></li>
            </ul>
        </div>
    </div>
    <form id="jobs_frm" name="jobs_frm" method="POST" onsubmit="setSaveJobs(); return false;" enctype="multipart/form-data">
        <input type="hidden" name="id" id="id"
            value="{{ !empty($data['employee']->id) ? $data['employee']->id : '' }}">
        <input type="hidden" name='lang' id='lang' value="{{ app()->getLocale() }}">

        <section class="privacy p-t-0">
            <div class="container">
                <div class="h-top-title text-center">
                    <h1>@lang('frontend::lang.job_info')</h1>
                </div>

                <div class="position">
                    <div class="accordion">
                        @foreach ($data['job'] as $item_id => $item)
                            <div class="ac-item">
                                <h5 class="ac-title">{{ !empty($item['name']) ? $item['name'] : '' }}</h5>
                                <div class="ac-content" style="display: none;">
                                    {!! !empty($item['description']) ? $item['description'] : '' !!}
                                    <input type="hidden" name="job_name" id="job_name" value="{{ $item['name'] }}">
                                    <input type="hidden" name="job_id" id="job_id" value="{{ $item['id'] }}">
                                    <div class="btn-about" onclick="ApplyJob('{{ $item['name'] }}','{{ $item['id'] }}')">
                                        <a class="btn-m m-l-0" href="#applicationForm" type="submit">@lang('frontend::lang.apply')</a>
                                    </div>

                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>

            </div>
        </section>

        <section id="applicationForm" class="app-form">
            <div class="container">

                <div class="h-top-title text-center">
                    <h1>@lang('frontend::lang.app_form')</h1>
                </div>

                <div class="personal-info">
                    <div class="form-group job-posit">
                        <h4>@lang('frontend::lang.position')</h4>
                        <a class="btn-trans m-2" href="#">@lang('frontend::lang.change')</a>
                        <input required type="text" class="form-control" placeholder="@lang('frontend::lang.position_click')"
                            id="position_name" name="position_name"
                            value="{{ !empty($data['employee']->position_name) ? $data['employee']->position_name : '' }}"
                            readonly>
                        <input type="hidden" name="position_id" id="position_id"
                            value="{{ !empty($data['employee']->id) ? $data['employee']->id : '' }}">
                    </div>


                    <h4>@lang('frontend::lang.job_info_1')</h4>
                    <div class="form-group">

                        <div class="form-group col-md-4 p-0">
                            <label>@lang('frontend::lang.job_info_2')</label>
                            <input type="text" class="form-control" name="name" id="name"
                                value="{{ !empty($data['employee']->full_name) ? $data['employee']->full_name : '' }}"
                                placeholder="@lang('frontend::lang.job_info_2')" required>
                        </div>

                        <div class="form-group col-md-4 p-l-20 p-r-20">
                            <label>@lang('frontend::lang.job_info_3')</label>
                            <input type="text" class="form-control" name="phone" id="phone"
                                value="{{ !empty($data['employee']->phone) ? $data['employee']->phone : '' }}"
                                placeholder="@lang('frontend::lang.job_info_3')">
                        </div>

                        <div class="form-group col-md-4 p-0">
                            <label>@lang('frontend::lang.email')</label>
                            <input type="text" class="form-control" name="email" id="email"
                                value="{{ !empty($data['employee']->email) ? $data['employee']->email : '' }}"
                                placeholder=@lang('frontend::lang.email')>
                        </div>

                        <div class="form-group">
                            <label>@lang('frontend::lang.address')</label>
                            <input type="text" class="form-control" name="address" id="address"
                                value="{{ !empty($data['employee']->address) ? $data['employee']->address : '' }}"
                                placeholder="@lang('frontend::lang.address')">
                        </div>
                        <div class="form-group f-g-select col-md-6 p-0 p-r-5 form-select_100">
                            <label>@lang('frontend::lang.province') </label>
                            <select name="province_id" class="form-select" aria-label="Default select example"
                                onchange="get_provice(this.value);">
                                <option value="0">--@lang('frontend::lang.province')--</option>
                                @if (!empty($data['zone']))
                                    @foreach ($data['zone'] as $item)
                                        <optgroup label="{{ !empty($item['name']) ? $item['name'] : '' }}">
                                            @if (!empty($item['province']))
                                                @foreach ($item['province'] as $province)
                                                    <option value="{{ !empty($province['id']) ? $province['id'] : '' }}"
                                                        {{ !empty($data['employee']->provice_id) ? ($data['employee']->provice_id == $province['id'] ? 'selected' : '') : '' }}>
                                                        {{ !empty($province['name']) ? $province['name'] : '' }}</option>
                                                @endforeach
                                            @endif
                                        </optgroup>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                        <div class="form-group f-g-select col-md-6 p-0 p-l-5">
                            <label>@lang('frontend::lang.district')</label>
                            <select name="district_id" id='district_id' class="form-select"
                                onchange="get_district(this.value)" @if (empty($data['employee']->district_id)) disabled @endif>
                                <option value="0">--@lang('frontend::lang.district')--</option>
                                @if (!empty($data['district']))
                                    @foreach ($data['district'] as $district)
                                        <option value="{{ !empty($district['id']) ? $district['id'] : '' }}"
                                            {{ !empty($data['employee']->district_id) ? ($data['employee']->district_id == $district['id'] ? 'selected' : '') : '' }}>
                                            {{ !empty($district['name']) ? $district['name'] : '' }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                        {{-- @dump(data['employee']->sub_district_id) --}}
                        <div class="form-group f-g-select col-md-6 p-0 p-r-5">
                            <label>@lang('frontend::lang.sub_district')</label>
                            <div>
                                <select name="sub_district_id" id="sub_district_id" class="form-select"
                                    onchange="get_postal_code(this.value)"
                                    @if (empty($data['employee']->sub_district_id)) disabled @endif>
                                    <option value="0">--@lang('frontend::lang.sub_district')--</option>
                                    @if (!empty($data['sub_district']))
                                        @foreach ($data['sub_district'] as $sub_district)
                                            <option value="{{ !empty($sub_district['id']) ? $sub_district['id'] : '' }}"
                                                {{ !empty($data['employee']->sub_district_id) ? ($data['employee']->sub_district_id == $sub_district['id'] ? 'selected' : '') : '' }}>
                                                {{ !empty($sub_district['name']) ? $sub_district['name'] : '' }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>

                        <div class="form-group col-md-6 p-0 p-l-5">
                            <label>@lang('frontend::lang.postal_code')</label>
                            <input type="text" id="postal_code" name="postal_code"
                                @if (empty($data['employee']->postal_code)) disabled @endif
                                value="{{ !empty($data['employee']->postal_code) ? $data['employee']->postal_code : '' }}"
                                class="form-control" placeholder="@lang('frontend::lang.postal_code')">
                        </div>

                        <div class="form-group attached-file">
                            <h5 class="m-b-20">@lang('frontend::lang.photo')</h5>
                            @if (!empty($data['employee']->file_image))
                                <img style="width:10%" class="img-thumbnail" src="{{ $data['employee']->file_image }}"
                                    alt="">
                            @endif
                            <input type="file" id="file_image" name="file_image"
                                value="{{ !empty($data['employee']->file_image) ? $data['employee']->file_image : '' }}"
                                multiple="">

                            <p>@lang('frontend::lang.max_upload')</p>
                        </div>
                    </div>
                </div>

                <div class="edu-info p-t-50 p-b-50">
                    <div class="title-form">
                        <div class="row">
                            <div class="col-md-6 p-0">
                                <h4>@lang('frontend::lang.education')</h4>
                            </div>
                            @if (!empty($data['education']) and count($data['education']) > 0)
                                <div class="col-md-6 p-0 text-right">
                                    <div class="d-flex just-end">
                                        <a class="btn-add" style="cursor:pointer;" onclick="show_frm(1);">+
                                            @lang('frontend::lang.add_education')</a>
                                    </div>
                                </div>
                            @endif

                        </div>
                    </div>


                    @if (!empty($data['education']))
                        @for ($i = 0; $i < count($data['education']); $i++)
                            <div id="added-edu_{{ $i }}"
                                class="added-edu-info border-1-form m-t-50 {{ !empty($data['education'][$i]) ? '' : ' d-none' }}">
                                <input type="hidden" name="edu_id" id="edu_id" value="{{ $i }}">
                                <div class="row p-0">
                                    <div class="col-md-6 p-0">
                                        <label>@lang('frontend::lang.school_name')</label>
                                        <p>
                                            {{ !empty($data['education'][$i]['school_name']) ? $data['education'][$i]['school_name'] : '' }}
                                        </p>
                                    </div>
                                    <div class="col-md-6">
                                        <!-- off-set -->
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6 p-0">
                                        <label>@lang('frontend::lang.field')</label>
                                        <p>
                                            {{ !empty($data['education'][$i]['study']) ? $data['education'][$i]['study'] : '' }}
                                        </p>
                                    </div>

                                    <div class="col-md-6 p-0">
                                        <label>@lang('frontend::lang.educational')</label>
                                        <p>
                                            {{ !empty($data['education'][$i]['education_bg']) ? $data['education'][$i]['education_bg'] : '' }}
                                        </p>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6 p-0">
                                        <label>@lang('frontend::lang.years')</label>
                                        <p>
                                            {{ !empty($data['education'][$i]['form_grad_years']) ? $data['education'][$i]['form_grad_years'] : '' }}
                                        </p>
                                    </div>

                                    <div class="col-md-6 p-0">
                                        <label>@lang('frontend::lang.graduation_years')</label>
                                        <p>
                                            {{ !empty($data['education'][$i]['to_grad_years']) ? $data['education'][$i]['to_grad_years'] : '' }}
                                        </p>
                                    </div>
                                </div>
                                <div class="btn-are-form">
                                    <a class="btn-edit" style="cursor:pointer;"
                                        onclick="edit_education({{ !empty($data['education'][$i]['id']) ? $data['education'][$i]['id'] : '' }});">@lang('frontend::lang.edit')</a>
                                    <a class="btn-delete" style="cursor:pointer;"
                                        onclick="delete_education({{ !empty($data['education'][$i]['id']) ? $data['education'][$i]['id'] : '' }})">@lang('frontend::lang.delete')</a>
                                </div>
                            </div>
                        @endfor
                    @endif

                    <form id="form_education">
                        <div id="frm_education"
                            class="form-edu-info border-1-form m-t-30 {{ !empty($data['education']) ? 'd-none' : '' }}">
                            <input type="hidden" name="education_id" id="education_id" value="">
                            <div class="form-group col-md-12">
                                <label>@lang('frontend::lang.school_name')</label>
                                <input type="text" class="form-control" id="school_name" name="school_name"
                                    value="" placeholder="@lang('frontend::lang.school_name')">
                            </div>
                            <div class="form-group col-md-6">
                                <label>@lang('frontend::lang.field')</label>
                                <input type="text" class="form-control" id="study" name="study" value=""
                                    placeholder="@lang('frontend::lang.field')">
                            </div>

                            <div class="form-group col-md-6">
                                <label>@lang('frontend::lang.educational')</label>
                                <input type="text" class="form-control" id="education_bg" name="education_bg"
                                    value="" placeholder="@lang('frontend::lang.educational')">
                            </div>

                            <div class="form-group col-md-6">
                                <label>@lang('frontend::lang.graduation_years')</label>
                                <input type="text" class="form-control" id="form_grad_years" name="form_grad_years"
                                    value="" placeholder="@lang('frontend::lang.graduation_years')">
                            </div>

                            <div class="form-group col-md-6">
                                <label>@lang('frontend::lang.graduation_years')</label>
                                <input type="text" class="form-control" id="to_grad_years" name="to_grad_years"
                                    value="" placeholder="2019">
                            </div>

                            <div class="btn-are-form">
                                <a class="btn-edit bg-black" style="cursor:pointer;"
                                    onclick="save_education();">@lang('frontend::lang.save')</a>
                                <a class="btn-delete" style="cursor:pointer;"
                                    onclick="clear_form_edu();">@lang('frontend::lang.cancle')</a>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="exp-info p-t-50 p-b-50">
                    <div class="title-form">
                        <div class="row">
                            <div class="col-md-6">
                                <h4>@lang('frontend::lang.employment')</h4>
                            </div>
                            @if (!empty($data['experience']) and count($data['experience']) > 0)
                                <div class="col-md-6 text-right">
                                    <div class="d-flex just-end">
                                        <a class="btn-add" style="cursor:pointer;" onclick="show_frm(2);">+
                                            @lang('frontend::lang.add_experiences')</a>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                    @if (!empty($data['experience']))
                        @for ($x = 0; $x < count($data['experience']); $x++)
                            <div id="added-edu_{{ $x }}"
                                class="added-edu-info border-1-form m-t-50 {{ !empty($data['experience'][$x]) ? '' : ' d-none' }}">
                                <input type="hidden" name="edu_id" id="edu_id" value="{{ $x }}">
                                <div class="row p-0">
                                    <div class="col-md-6 p-0">
                                        <label>@lang('frontend::lang.company_name')</label>
                                        <p>
                                            {{ !empty($data['experience'][$x]['company_name']) ? $data['experience'][$x]['company_name'] : '' }}
                                        </p>
                                    </div>
                                    <div class="col-md-6">
                                        <label>@lang('frontend::lang.position')</label>
                                        <p>
                                            {{ !empty($data['experience'][$x]['position']) ? $data['experience'][$x]['position'] : '' }}
                                        </p>
                                        <!-- off-set -->
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6 p-0">
                                        <label>@lang('frontend::lang.start_years')</label>
                                        <p>
                                            {{ !empty($data['experience'][$x]['start_years']) ? $data['experience'][$x]['start_years'] : '' }}
                                        </p>
                                    </div>

                                    <div class="col-md-6 p-0">
                                        <label>@lang('frontend::lang.end_yeare')</label>
                                        <p>
                                            {{ !empty($data['experience'][$x]['end_years']) ? $data['experience'][$x]['end_years'] : '' }}
                                        </p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12 p-0">
                                        <label>@lang('frontend::lang.des')</label>
                                        <p>
                                            {{ !empty($data['experience'][$x]['des']) ? $data['experience'][$x]['des'] : '' }}
                                        </p>
                                    </div>
                                </div>
                                <div class="btn-are-form">
                                    <a class="btn-edit" style="cursor:pointer;"
                                        onclick="edit_experience({{ !empty($data['experience'][$x]['id']) ? $data['experience'][$x]['id'] : '' }})">@lang('frontend::lang.edit')</a>
                                    <a class="btn-delete" style="cursor:pointer;"
                                        onclick="delate_experience({{ !empty($data['experience'][$x]['id']) ? $data['experience'][$x]['id'] : '' }})">@lang('frontend::lang.delete')</a>
                                </div>
                            </div>
                        @endfor
                    @endif


                    <div id="frm_experience" class="{{ !empty($data['experience']) ? 'd-none' : '' }} ">
                        <input type="hidden" name="experience_id" id="experience_id" value="">
                        <div class="exp-edu-info border-1-form m-t-50 ">
                            <div class="form-group col-md-6">
                                <label>@lang('frontend::lang.company_name')</label>
                                <input id="company_name" name="company_name" value="" type="text"
                                    class="form-control" placeholder="@lang('frontend::lang.company_name')">
                            </div>

                            <div class="form-group col-md-6">
                                <label>@lang('frontend::lang.position')</label>
                                <input id="position" name="position" type="text" class="form-control"
                                    placeholder="@lang('frontend::lang.position')" value="">
                            </div>

                            <div class="form-group col-md-6">
                                <label>@lang('frontend::lang.start_years')</label>
                                <input id="start_years" name="start_years" name="start_years" id="start_years"
                                    value="" type="text" class="form-control" placeholder="@lang('frontend::lang.start_years')">
                            </div>

                            {{-- // f-g-select --}}
                            <div class="form-group col-md-6">
                                <label>@lang('frontend::lang.end_yeare')</label>
                                <input name="end_years" id="end_years" value="" type="text"
                                    class="form-control" placeholder="@lang('frontend::lang.end_yeare')">
                            </div>

                            <div class="form-group col-md-12">
                                <label for="exampleFormControlTextarea1" class="form-label">@lang('frontend::lang.des')</label>
                                <textarea class="form-control" id="des" name="des" value="" rows="3" value=""></textarea>
                            </div>

                            <div class="btn-are-form">
                                <a class="btn-edit bg-black" style="cursor:pointer;"
                                    onclick="save_employment();">@lang('frontend::lang.save')</a>
                                <a class="btn-delete" style="cursor:pointer;"
                                    onclick="clear_form_emp();">@lang('frontend::lang.cancle')</a>
                            </div>
                        </div>
                    </div>
                    <div class="form-group attached-file p-t-50">
                        <h5 class="m-b-20">@lang('frontend::lang.att_resume')</h5>
                        <input type="file" id="file_resume" name="file_resume"
                            value="{{ !empty($data['employee']->file_resume) ? $data['employee']->file_resume : '' }}"
                            multiple="">
                        <p>@lang('frontend::lang.max_upload')</p>
                    </div>

                    <p class="form-group p-b-20">
                        {{-- <p><small class="text-danger msg-result d-none">***โปรดยอมรับเงื่อนไขของเรา***</small></p> --}}
                        <input type="checkbox" checked="checked" onclick="vvCheckbox();">
                        @lang('frontend::lang.acknowledge')<a style="text-decoration: underline;"
                            href="{{ mwz_route('frontend.policy') }}">@lang('frontend::lang.policy')</a>
                        <span class="checkmark"></span>
                    </p>
                    {{-- onclick="myFunction()" --}}
                    <div class="btn-are-form btn-sub-m">
                        <input type="hidden" name='status' id='status' value="0">
                        <span id='Nocheck' class="d-none">
                            <a @disabled(true) class="btn-edit bg-black"
                                style="cursor:pointer;">@lang('frontend::lang.submit')</a>
                        </span>
                        <span id='Yescheck' class="">
                            <a class="btn-edit bg-black" style="cursor:pointer;"
                                onclick="ajax_submit({{ !empty($data['employee']->id) ? $data['employee']->id : '' }})">@lang('frontend::lang.submit')</a>
                        </span>
                        <a class="btn-delete" style="cursor:pointer;"
                            onclick="clear_jobs({{ !empty($data['employee']->id) ? $data['employee']->id : '' }})">@lang('frontend::lang.cancle')</a>
                    </div>


                    <div class="popup">
                        <div class="popuptext fade" id="myPopup">
                            <div class="inner">
                                <button type="button" id="close" class="close mr-2" data-dismiss="modal"
                                    aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                                <h3 class="m-b-10 m-t-20">@lang('frontend::lang.thank')</h3>
                                <p class="m-b-20">@lang('frontend::lang.msg_1') <br> @lang('frontend::lang.msg_2')</p>
                                <button id="submit_save" class="close-popup">@lang('frontend::lang.btn_ok')</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </form>
@endsection
@section('script')
    <script type="text/javascript">
        // $("#submit_save").on("click" , function(){
        validate_form = function() {
            var err = [];
            if ($("#position_id").val() == '' || $("#position_id").val() < 0) {
                err.push("{{ __('frontend::lang.position_alert') }}");
            }
            if ($('#name').val() == '') {
                err.push("{{ __('frontend::lang.job_info_alert') }}");
            }
            if ($('#phone').val() == '') {
                err.push("{{ __('frontend::lang.job_info_alert') }}");
            }
            return err;
        }

        ajax_submit = function(val_id) {
            var err = validate_form();
            if (err.length > 0) {
                Swal.fire({
                    icon: 'error',
                    title: 'Oops...',
                    text: err + '\n\r',
                    // })
                })

            } else {
                Swal.fire({
                    title: 'Are you sure?',
                    text: "When confirm this application form will send out immediately.",
                    showCloseButton: true,
                    confirmButtonColor: '#000',
                    confirmButtonText: 'Confirm'
                }).then((result) => {
                    if (result.isConfirmed) {
                        setSaveJobs(1, val_id);
                    }
                })
            }
        }
        // })


        function clear_jobs(id) {
            var _token = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                url: "/jobs/clear_jobs",
                type: "POST",
                data: {
                    id: id,
                    _token: _token
                },
                success: function(resp) {
                    if (resp.success) {
                        window.location = "{{ mwz_route('frontend.job') }}";
                        // window.location.reload();
                    } else {
                        mwz_noti('error', resp.msg);
                        setReloadDataTableJobs();
                    }
                },
            });
        }

        function vvCheckbox() {
            var v = $('input:checkbox:checked').length;
            if (parseInt(v) <= 0) {
                // $(".msg-result").removeClass('d-none');
                $("#Nocheck").removeClass('d-none');
                $("#Yescheck").addClass('d-none');
            } else {
                $("#Nocheck").addClass('d-none');
                $("#Yescheck").removeClass('d-none');
                return true;
            }
        }
        show_frm = function(type) {
            // Education 
            if (type == 1) {
                $("#frm_education").toggleClass('d-none');
            }
            if (type == 2) {
                $("#frm_experience").toggleClass('d-none');
            }
        }

        save_education = function() {
            var school_name = $("#school_name").val();

            setSaveJobs(0);
        }
        save_employment = function() {
            setSaveJobs(0);
        }
        edit_education = function(edu_id) {
            $("#frm_education").toggleClass('d-none');
            var _token = $('meta[name="csrf-token"]').attr('content');
            if (edu_id != "") {
                $.ajax({
                    url: "/job/education_edit",
                    type: "POST",
                    data: {
                        id: edu_id,
                        _token: _token
                    },
                    success: function success(resp) {
                        str_text_value('education_id', resp.id);
                        str_text_value('school_name', resp.school_name);
                        str_text_value('study', resp.study);
                        str_text_value('education_bg', resp.education_bg);
                        str_text_value('form_grad_years', resp.form_grad_years);
                        str_text_value('to_grad_years', resp.to_grad_years);
                    }
                });
            }
        }

        edit_experience = function(id) {
            $("#frm_experience").toggleClass('d-none');
            var _token = $('meta[name="csrf-token"]').attr('content');
            if (id != "") {
                $.ajax({
                    url: "/job/experience_edit",
                    type: "POST",
                    data: {
                        id: id,
                        _token: _token
                    },
                    success: function success(resp) {
                        str_text_value('experience_id', resp.id);
                        str_text_value('company_name', resp.company_name);
                        str_text_value('position', resp.position);
                        str_text_value('start_years', resp.start_years);
                        str_text_value('end_years', resp.end_years);
                        str_text_value('des', resp.des);
                    }
                });
            }
        }

        delete_education = function(edu_id) {
            var _token = $('meta[name="csrf-token"]').attr('content');
            Swal.fire({
                title: 'Are you sure?',
                text: "Your has been deleted",
                showCloseButton: true,
                confirmButtonColor: 'red',
                confirmButtonText: 'Confirm'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: "/job/education_delete",
                        type: "POST",
                        data: {
                            id: edu_id,
                            _token: _token
                        },
                        success: function(resp) {
                            if (resp.success) {
                                window.location.reload();
                            } else {
                                mwz_noti('error', resp.msg);
                                setReloadDataTableJobs();
                            }
                        },
                    });
                }
            })
        }
        // delate_experience
        delate_experience = function(edu_id) {
            var _token = $('meta[name="csrf-token"]').attr('content');
            Swal.fire({
                title: 'Are you sure?',
                text: "Your has been deleted",
                showCloseButton: true,
                confirmButtonColor: 'red',
                confirmButtonText: 'Confirm'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: "/job/experience_delete",
                        type: "POST",
                        data: {
                            id: edu_id,
                            _token: _token
                        },
                        success: function(resp) {
                            if (resp.success) {
                                window.location.reload();
                            } else {
                                mwz_noti('error', resp.msg);
                                setReloadDataTableJobs();
                            }
                        },
                    });
                }
            })

        }



        str_text_value = function(id, data, clear = true, id_clear = 0, show_txt = true) {
            $("#" + id).val(data);
            if (show_txt) {
                $("#" + id).text(data);
            }
            if (clear) {
                $("#" + id_clear).val("");
            }
        }

        setSaveJobs = function setSaveJobs(st) {
            event.preventDefault(); // tinyMCE.triggerSave();
            if (st == 1) {
                $('#status').val(1);
            }
            // save Employee 
            var frm_data = new FormData($('#jobs_frm')[0]);
            var lang = $("#lang").val();
            $.ajax({
                url: "/job/send",
                type: "POST",
                contentType: false,
                data: frm_data,
                processData: false,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function success(resp) {
                    if (resp.res.success) {
                        if (st == 1) {
                            window.location = "{{ mwz_route('frontend.job') }}";
                        } else {
                            $("#frm_education").toggleClass('d-none');
                            window.location.href = '/' + lang + '/job/edit/' + resp.res.id;
                        }
                    } else {
                        mwz_noti('error', resp.msg);
                    }
                }
            });
        };
        get_provice = function(provinceId) {
            var _token = $('meta[name="csrf-token"]').attr('content');
            if (provinceId != "") {
                console.log(provinceId);
                $.ajax({
                    url: "/job/province",
                    type: "POST",
                    data: {
                        id: provinceId,
                        lang: $("#lang").val(),
                        _token: _token
                    },
                    success: function success(resp) {
                        $('#district_id').html('<option value="">--@lang('frontend::lang.district')--</option>');
                        $('#district_id').append(resp);
                        $("#district_id").removeAttr('disabled');

                        $('#sub_district_id').html('<option value="">--@lang('frontend::lang.sub_district')--</option>');
                        $("#sub_district_id").attr('disabled', true);

                        $("#postal_code").val(null);
                        $("#postal_code").attr('disabled', true);
                    }
                });
            }
        }

        get_district = function(districtId) {
            var _token = $('meta[name="csrf-token"]').attr('content');
            if (districtId != "") {
                $.ajax({
                    url: "/job/district",
                    type: "POST",
                    data: {
                        id: districtId,
                        lang: $("#lang").val(),
                        _token: _token
                    },
                    success: function success(resp) {
                        $('#sub_district_id').html('<option value="">--@lang('frontend::lang.sub_district')--</option>');
                        $('#sub_district_id').append(resp);
                        $("#sub_district_id").removeAttr('disabled');

                        $("#postal_code").val(null);
                        $("#postal_code").attr('disabled', true);
                    }
                });
            }
        }
        get_postal_code = function(id) {
            var _token = $('meta[name="csrf-token"]').attr('content');
            if (id != "") {
                $.ajax({
                    url: "/job/postal/code",
                    type: "POST",
                    data: {
                        id: id,
                        _token: _token
                    },
                    success: function success(resp) {
                        $("#postal_code").val(resp.zip_code);
                        $("#postal_code").removeAttr('disabled');

                    }
                });
            }
        }

        ApplyJob = function(job_name, job_id) {

            //แสดงที่ ฟอร์ม
            $("#position_name").val(job_name);
            $("#position_id").val(job_id);

        }
        clear_form_edu = function() {
            // document.getElementById("form_edu").reset();
            $("#school_name,#study,#education_bg,#form_grad_years,#to_grad_years").val("");
        }

        clear_form_emp = function() {
            $("#company_name,#position,#start_years,#end_years,#des").val("");
        }
    </script>

@endsection