@extends('admin.layouts.main')

@section('title')
    Job
@endsection

@section('content')

    <main>

        <loading :active.sync="isLoading"></loading>

        <div class="two-col">

            @include("admin.common.sidebar")

            <div class="right-sec detail-page" v-cloak>

                <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::get('panel')]) }}">{{ @trans('job.jobs') }}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{ @trans('job.detail') }}</li>
                    </ol>
                </nav>
				<div class="bg-white profile-header">
                    <div class="profile-detail">
                        <div class="job-details">
                            <div class="about">
                                <h2 class="job-name">{{ $job->title }}</h2>
                                <div class="candidate-tags">
                                    <span class="badge badge-pill green">{{ $job->company->name }}</span>
                                    <span class="badge badge-pill green">{{ $job->posted_at_formatted }}</span>
                                    @if($job->status == 'opened' || $job->status == 'reopened')
                                        <span class="badge badge-pill green">{{ $job->status_formatted }}</span>
                                    @else
                                        <span class="badge badge-pill orange">{{ $job->status_formatted }}</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="ml-auto detail-statistics">
                            <div class="stat text-center">
                                <span>@{{ stats.applied}}</span>
                                <p>Applicants</p>
                            </div>
                            <div class="stat text-center">
                                <span>@{{ stats.candidates}}</span>
                                <p>Candidates</p>
                            </div>
                            <div class="stat text-center">
                                <span>@{{ stats.rejected}}</span>
                                <p>Rejected</p>
                            </div>
                            <div class="stat text-center">
                                <span>@{{ stats.hired }} / @{{ stats.vacancies }}</span>
                                <p>Hired</p>
                            </div>
                        </div>
                        @if($job->status != 'closed' && $job->status != 'paused')
                            <div class="detail-actions text-right">
                                <a href="javascript:void(0)" class="btn btn-em" @click="openJobCloseModal">Close Job</a>
                            </div>
                        @endif
                        @if($job->status == 'closed' || $job->status == 'paused')
                            <div class="detail-actions text-right">
                                <a href="{{ route('admin.jobs.reopen',['panel' => session('panel'), 'id' => $job->id ]) }}"
                                class="btn btn-em">Re-Open</a>
                            </div>
                        @endif
                    </div>
                    <div class="d-flex justify-content-between">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link" :class="{active:current_tab=='info'}"
                                @click="tab('info')">{{@trans('job.job_description')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" :class="{active:current_tab=='applicants'}"
                                @click="tab('applicants')">{{@trans('job.applicants')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" :class="{active:current_tab=='candidates'}"
                                @click="tab('candidates')">{{@trans('job.candidate_progress')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" :class="{active:current_tab=='docs'}"
                                @click="tab('docs')">{{@trans('job.documents')}}</a>
                            </li>
                        </ul>
                        @if ($job && $job->project && $job->project->first() && $job->project->first()->permissions && $job->project->first()->permissions['read'])
                            <a href="{{ route('admin.project.tabs', ['panel' => Session::get('panel'), 'id' => $job->project->first()->id]) }}"
                                class="btn btn-bordered btn-sm mr-5 mt-2" title="{{ $job->project->first()->name }}" target="_blank">
                                <span class="project-tab-name-truncate">{{ $job->project->first()->name }}</span>
                                <i class="material-icons ml-2 cursor-pointer">open_in_new</i>
                            </a>
                        @endif
                    </div>
                </div>


                <div class="detail-content mt-4">
                    <!-- Tab panes -->
                    <div class="tab-content box">
                        <input type="hidden" id="jobId" name="jobId" value="{{ $job->id }}"/>
                        @include('admin.modules.job.show_tab_description')
                        @include('admin.modules.job.show_tab_applications')
                        @include('admin.modules.job.show_tab_candidates')
                        @include('admin.modules.job.show_tab_docs')
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@push('pageJs')
    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
    <script>
        // applicants tab
        var index_json_applicants =
            "{{route('admin.applicants.index_json_applicants',['id' => $job->id,'panel' => Session::get('panel') ])}}";
        var having_eligible_applicants =
            "{{route('admin.applicants.having_eligible_applicants',['id' => $job->id,'panel' => Session::get('panel') ])}}";
        var other_eligible_users =
            "{{route('admin.candidates.indexJson',['id' => $job->id,'panel' => Session::get('panel') ])}}";
        var add_other_eligible_user =
            "{{route('admin.applicants.add_applicant',['id' => $job->id,'panel' => Session::get('panel') ])}}";
        var remove_applicants =
            "{{route('admin.applicants.remove_applicants',['id' => $job->id,'panel' => Session::get('panel') ])}}";
        var shortlist_applicants =
            "{{route('admin.applicants.shortlist_applicants',['id' => $job->id,'panel' => Session::get('panel') ])}}";
        var preview_shortlist_applicants =
            "{{route('admin.applicants.preview_shortlist_applicants',['id' => $job->id,'panel' => Session::get('panel') ])}}";
        var preview_job_close_mail =
            "{{route('admin.applicants.previewJobCloseMail',['id' => $job->id,'panel' => Session::get('panel') ])}}";

        var job_stats = "{{route('admin.jobs.stats',['id' => $job->id,'panel' => Session::get('panel') ]) }}";

        var shortlisted_applicants_index =
            "{{route('admin.applicants.shortlisted_applicants_index',['id' => $job->id,'panel' => Session::get('panel') ])}}";

        // cv feedback
        var cv_feedback =
            "{{route('admin.applicants.cvFeedbackPost',['id' => $job->id,'panel' => Session::get('panel') ])}}";

        // interview feedback
        var interview_feedback =
            "{{route('admin.applicants.interviewFeedbackPost',['id' => $job->id,'panel' => Session::get('panel') ])}}";

        // hire candidates
        var hire_candidates =
            "{{route('admin.applicants.hireCandidates',['id' => $job->id,'panel' => Session::get('panel') ])}}";

        //send documents
        var send_candidate_documents =
            "{{route('admin.applicants.sendDocuments',['panel' => Session::get('panel'),'id' => $job->id ])}}";

        //preview send document
        var preview_send_candidate_documents =
            "{{route('admin.applicants.previewSendDocumentMail',['panel' => Session::get('panel'),'id' => $job->id ])}}";

        //preview job offer letter
        var preview_job_offer_letter_mail =
            "{{route('admin.applicants.previewJobOfferLetterMail',['panel' => Session::get('panel'),'id' => $job->id ])}}";

        // document type list
        var document_list = "{{route('document_types.sendable') }}";

        // job close
        var job_close = "{{route('admin.jobs.close',['id' => $job->id,'panel' => Session::get('panel') ]) }}";

        // referees
        var referees_json = "{{ route('admin.candidates.refereeJson',['panel' => session('panel'), 'id' => $id]) }}";
        var send_mail = "{{ route('admin.candidates.sendRefereeMail',['panel' => session('panel'), 'id' => $id]) }}";


        // master data
        var strengths_index = "{{ route('strengths.index_json') }}";

        var file_size_limit = "{{ config('custom.upload.size_limit') }}"

        const clientContacts = {
        @foreach($companyContacts as $contact)
        {{ $contact->id }}:
        '{{ $contact->first_name }} {{ $contact->last_name }}',
        @endforeach
        }

        // super senior permission
        @if(!Auth::user()->hasPermission('candidate-senior-read'))
        var haventSuperSeniorPermission = true;
        @else
        var haventSuperSeniorPermission = false;
        @endif

        function initApplicantTab() {
            $('[data-toggle="tooltip"]').tooltip()
            $(".table-data .table-responsive").freezeTable({
                'columnNum': 3,
                'scrollable': true,
            });
            // JS for highlight column and row on Table hover start
            $(".table-data table td").hover(function () {
                    $(this).parents('table').find('td:nth-child(' + ($(this).index() + 1) + ')').add($(this).parent())
                        .addClass('highlight');
                },
                function () {
                    $(this).parents('table').find('td:nth-child(' + ($(this).index() + 1) + ')').add($(this).parent())
                        .removeClass('highlight');
                });

            commonFreezeTable();
        }

        function commonFreezeTable() {
            $(document).on('click', '.candidate-custom-checkbox', function() {
                if($(this).is(':checked')) {
                    $('#'+ $(this).attr('id') + '.candidate-custom-checkbox').prop('checked', true);
                    setTimeout(() => {
                        $('#'+ $(this).attr('id'))[0].dispatchEvent(new Event('change'))
                    }, 0);
                } else {
                    $('#'+ $(this).attr('id') + '.candidate-custom-checkbox').prop('checked', false);
                    setTimeout(() => {
                        $('#'+ $(this).attr('id'))[0].dispatchEvent(new Event('change'))
                    }, 0);
                }
            });

            $(document).on('click', '.candidate-custom-all-checkbox', function(e) {
                if($(this).is(':checked'))
                    $('#applicant_select_all.candidate-custom-all-checkbox').prop('checked', true);
                else
                    $('#applicant_select_all.candidate-custom-all-checkbox').prop('checked', false);

                setTimeout(() => {
                    app.selectAllCandidate(e)
                }, 0);
            });


        }

        function initCandidatePageLoad() {
            $('[data-toggle="tooltip"]').tooltip('dispose');
            $('[data-toggle="tooltip"]').tooltip();
        }

        function initSendDocuments() {

            $(document).on('click', '#frmAttach .adder', function () {

                var block = `<div class="set attach-list-row cloned">
                        <div class="form-group documentFileNameClass">
                            <label class="control-label">Upload File</label>
                            <div class="custom-file w-100 file-type-new">
                                <input type="file" class="custom-file-input w-100 fileInput" name="document[]">
                                <label class="custom-file-label bg-white form-control text-left d-flex">Choose
                                    file...</label>
                                <span class="attachment-bg"><img src="{{ asset('img/admin/ic-attachment-dark.svg') }}"
                                        alt="ic-attachment" /></span>
                            </div>
                            <span class="m-0 xs-font-size showDocumentFileName"></span>
                        </div>
                        <div class="align-items-start d-flex">
                            <div class="form-group mb-0 mr-2">
                                <label class="control-label">Document Name</label>
                                <input type="text" class="form-control titleInput" name="title[]" />
                            </div>
                            <a href="javascript:void(0)" class="mt-4 px-1 pt-3 pb-2 act text-center remover"><span
                                    class="material-icons gray">clear</span></a>
                        </div>
                        <hr />
                    </div>
                    `;
                $(block).insertAfter($('#frmAttach').find('.attach-list-row:last'));
                reindex();
                addFrmAttachPlaceHolder();
            });

            $(document).on('click', '#frmAttach .remover', function () {
                $(this).closest('.attach-list-row').remove();
                reindex();
            });

            function addFrmAttachPlaceHolder() {

                $docTypeId = $('#frmAttach #docTypeId').val();
                if ($docTypeId == 2) {
                    $('#frmAttach .titleInput').attr('placeholder', 'Company Name / Payslip Month & Year');
                } else if ($docTypeId == 3) {
                    $('#frmAttach .titleInput').attr('placeholder', 'ID Document Name / Month & Year of ID');
                } else if ($docTypeId == 4) {
                    $('#frmAttach .titleInput').attr('placeholder', 'e.g. Exp Certificate / Month & Year');
                } else if ($docTypeId == 5) {
                    $('#frmAttach .titleInput').attr('placeholder', 'e.g. Cisco CCNA 200-301 Certified / Month & Year');
                }
            }

            function reindex() {
                var blocks = $('#frmAttach .attach-list-row');
                $.each(blocks, function (index, value) {
                    $(value).find('.custom-file-input').attr('name', 'document[' + index + ']');
                    $(value).find('.form-control').attr('name', 'title[' + index + ']');

                    $.validator.messages.extension = 'Valid files are PDF, Word, Excel, Images (png/jpg)';
                    $.validator.addClassRules("titleInput", {
                        required: true
                    });

                    $.validator.addClassRules("fileInput", {
                        required: true,
                        extension: 'doc|docx|odt|pdf|xls|xlsx|jpeg|jpg|png',
                        filesize: '{{ config("custom.upload.size_limit") }}'
                    });

                });
            }

            $('#attachModal').on('hidden.bs.modal', function (e) {
                $('#frmAttach').find('.cloned').remove();
                $('#frmAttach').trigger('reset');
                $('#frmAttach').find('.invalid-feedback').remove();
                $('.showDocumentFileName').empty();
                $('#frmAttach').find('.custom-file-input').removeClass('is-invalid');
                $('#frmAttach').find('.form-control').removeClass('is-invalid');
            });

            $('#attachModal').on('show.bs.modal', function (e) {
                var candiateId = $(e.relatedTarget).attr('data-candidate-id');
                var docTypeId = $(e.relatedTarget).attr('data-doc-type-id');
                $('#frmAttach #candidateId').val(candiateId);
                $('#frmAttach #docTypeId').val(docTypeId);

                if ($(e.relatedTarget).attr('data-doc-type-id') == 2) {
                    $('#frmAttach .title1').text('Upload your payslip documents');
                    $('#frmAttach .title2').text('You can upload multiple payslips at a time. Valid files are PDF, Word, Excel, Images (png/jpg)');
                } else if ($(e.relatedTarget).attr('data-doc-type-id') == 3) {
                    $('#frmAttach .title1').text('Upload your Identification documents');
                    $('#frmAttach .title2').text('You can upload multiple identifications at a time. Valid files are PDF, Word, Excel, Images (png/jpg)');
                } else if ($(e.relatedTarget).attr('data-doc-type-id') == 4) {
                    $('#frmAttach .title1').text('Upload your previous employment documents');
                    $('#frmAttach .title2').text('You can upload multiple employment docs at a time. Valid files are PDF, Word, Excel, Images (png/jpg)');
                } else if ($(e.relatedTarget).attr('data-doc-type-id') == 5) {
                    $('#frmAttach .title1').text('Upload additional documents');
                    $('#frmAttach .title2').text('You can upload multiple additional docs at a time. Valid files are PDF, Word, Excel, Images (png/jpg)');
                }

                addFrmAttachPlaceHolder();
            });

            $('.custom-control-input').on('change', function () {
                $('#error' + $(this).attr('data-candidate-id')).hide();
            });

            $(document).on('change', '#frmAttach input[type="file"]', function (e) {
                $(this).parents('.documentFileNameClass').find('.showDocumentFileName').text(e.target.files[0].name);
            });

            $("#frmAttach").validate({
                rules: {
                    'document[]': {
                        required: true,
                        extension: 'doc|docx|odt|pdf|xlsx|xls|jpeg|jpg|png',
                        filesize: '{{ config("custom.upload.size_limit") }}'
                    },
                    'title[]': {
                        required: true
                    }
                },
                messages: {
                    'document[]': {
                        required: "This field is required.",
                        extension: 'Valid files are PDF, Word, Excel, Images (png/jpg)',
                    },
                    title: {
                        required: 'This field is required.'
                    }
                },
                errorElement: 'span',
                errorClass: 'invalid-feedback mt-0',
                errorPlacement: function (error, element) {
                    if (element.type == 'input') {
                        error.insertAfter(element.sibling(a));
                    } else {
                        if (element.prop('type') === 'file') {
                            error.appendTo(element.parent().parent());
                        } else {
                            if (element.is('#fb-userId')) {
                                el = $(".name-opt .dropdown-menu").parent();
                                error.insertAfter(el);
                            } else {
                                error.insertAfter(element);
                            }
                        }
                    }
                }
            });

            $('#frmAttach').on('submit', function (e) {
                e.preventDefault();
                if ($('#frmAttach').valid()) {
                    var formData = new FormData(this);
                    var docId = $('#frmAttach #docTypeId').val()
                    var candidateId = $('#frmAttach #candidateId').val()

                    $('#frmAttach .submitfrmAttach').attr('disabled', true);
                    $('#frmAttach .submitfrmAttach').val('Uploading...');

                    $.ajax({
                        type: 'POST',
                        url: "{{ route('admin.applicants.uploadDocuments', ['panel'=> session('panel'), 'id'=>$job->id]) }}",
                        data: formData,
                        cache: false,
                        contentType: false,
                        processData: false,
                        beforeSend: function () {
                            //showLoader();
                        },
                        success: function (response) {
                            $('.showDocumentFileName').empty();
                            var res = response;
                            $.each(res, function (key, value) {
                                var html = '<tr class="tr_' + candidateId + '_' + value.id + '">\
                                                <td class="pl-0">\
                                                    <div class="form-group mb-0">\
                                                        <div class="custom-control custom-checkbox">\
                                                            <input type="checkbox"\
                                                                class="custom-control-input"\
                                                                id="doc_' + value.id + '"\
                                                                name="upload_doc_id[]"\
                                                                value="' + value.id + '"\
                                                                data-candidate-id="' + candidateId + '">\
                                                            <label class="custom-control-label"\
                                                                for="doc_' + value.id + '"></label>\
                                                        </div>\
                                                    </div>\
                                                </td>\
                                                <td class="display-info">' + value.title + '</td>\
                                                <td class="display-info">' + value.uploaded_by.full_name + '</td>\
                                                <td class="display-info">' + moment(value.updated_at).format('Do MMM YY') + '</td>\
                                                <td class="text-right">\
                                                    <a href="' + value.candidate_document_link + '"\
                                                        title="Download" class="mr-2" target="_blank">\
                                                        <i class="material-icons">get_app</i></a>\
                                                        <a href="javascript:void(0)"\
                                                        data-candidate-id="' + candidateId + '"\
                                                        data-doc-type-id="' + docId + '"\
                                                        upload-id="' + value.id + '"\
                                                        data-filename="' + value.orig_file_name + '"\
                                                        href="#editAttachModal" data-toggle="modal"\
                                                        data-target="#editAttachModal">\
                                                        <i class="material-icons">edit</i></a>\
                                                </td>\
                                            </tr>';
                                $('.tbody_' + candidateId + '_' + value.document_type_id).append(html);
                                $('.tbody_' + candidateId + '_' + value.document_type_id).parents('.table-responsive').removeClass('hidden');
                                $('.tbody_' + candidateId + '_' + value.document_type_id).parents('.table-responsive').next('p').remove();
                                Snackbar.show({
                                    pos: 'bottom-right',
                                    text: "Document uploaded successfully",
                                    actionText: 'Okay'
                                });

                            });

                            $('#frmAttach .submitfrmAttach').attr('disabled', false);
                            $('#frmAttach .submitfrmAttach').val('Submit');
                            $("#frmAttach").trigger('reset');
                            $('#attachModal').modal('hide');
                            //hideLoder();
                        }
                    });
                }
            });


            // edit attachment methods
            $('#editAttachModal').on('hidden.bs.modal', function (e) {
                $('#editFrmAttach').trigger('reset');
                $('#editFrmAttach').find('.invalid-feedback').remove('span');
                $('#editFrmAttach').find('.custom-file-input').removeClass('is-invalid');
                $('#editFrmAttach').find('.form-control').removeClass('is-invalid');
            });

            $('#editAttachModal').on('show.bs.modal', function (e) {
                var candiateId = $(e.relatedTarget).attr('data-candidate-id');
                var docTypeId = $(e.relatedTarget).attr('data-doc-type-id');
                var uploadId = $(e.relatedTarget).attr('upload-id');
                $('#editFrmAttach #candidateId').val(candiateId);
                $('#editFrmAttach #docTypeId').val(docTypeId);
                $('#editFrmAttach #uploadId').val(uploadId);

                var link = $(e.relatedTarget).prev('a').attr('href');
                var filename = $(e.relatedTarget).attr('data-filename');
                var title = $(e.relatedTarget).closest('tr').find("td:eq(1)").text();
                $('#editFrmAttach .documentFileName').text(filename);
                $('#editFrmAttach .editTitleInput').val(title);

                if ($(e.relatedTarget).attr('data-doc-type-id') == 2) {
                    $('#editFrmAttach .title1').text('Edit payslip document');
                    $('#editFrmAttach .title2').text('Valid files are PDF, Word, Excel, Images (png/jpg)');
                    $('#editFrmAttach .editTitleInput').attr('placeholder', 'Company Name / Payslip Month & Year');
                } else if ($(e.relatedTarget).attr('data-doc-type-id') == 3) {
                    $('#editFrmAttach .title1').text('Edit Identification document');
                    $('#editFrmAttach .title2').text('Valid files are PDF, Word, Excel, Images (png/jpg)');
                    $('#editFrmAttach .editTitleInput').attr('placeholder', 'ID Document Name / Month & Year of ID');
                } else if ($(e.relatedTarget).attr('data-doc-type-id') == 4) {
                    $('#editFrmAttach .title1').text('Edit previous employment document');
                    $('#editFrmAttach .title2').text('Valid files are PDF, Word, Excel, Images (png/jpg)');
                    $('#editFrmAttach .editTitleInput').attr('placeholder', 'e.g. Exp Certificate / Month & Year');
                } else if ($(e.relatedTarget).attr('data-doc-type-id') == 5) {
                    $('#editFrmAttach .title1').text('Edit  additional document');
                    $('#editFrmAttach .title2').text('Valid files are PDF, Word, Excel, Images (png/jpg)');
                    $('#editFrmAttach .editTitleInput').attr('placeholder', 'e.g. Cisco CCNA 200-301 Certified / Month & Year');
                }
            });

            $(document).on('change', '#editFrmAttach input[type="file"]', function (e) {
                $(this).parents('.documentFileNameClass').find('.documentFileName').text(e.target.files[0].name);
            });

            $("#editFrmAttach").validate({
                rules: {
                    'document[]': {
                        extension: 'doc|docx|odt|pdf|xls|xlsx|jpeg|jpg|png',
                        filesize: '{{ config("custom.upload.size_limit") }}',
                    },
                    'title[]': {
                        required: true
                    }
                },
                messages: {
                    document: {
                        required: 'This field is required',
                        extension: 'Valid files are PDF, Word, Excel, Images (png/jpg)',
                    },
                    title: {
                        required: 'This field is required'
                    }
                },
                errorElement: 'span',
                errorClass: 'invalid-feedback mt-0',
                errorPlacement: function (error, element) {
                    if (element.type == 'input') {
                        error.insertAfter(element.sibling(a));
                    } else {
                        if (element.prop('type') === 'file') {
                            error.appendTo(element.parent().parent());
                        } else {
                            error.insertAfter(element);
                        }
                    }
                }
            });

            $('#editFrmAttach').on('submit', function (e) {
                e.preventDefault();
                if ($('#editFrmAttach').valid()) {
                    var formData = new FormData(this);
                    var docId = $('#editFrmAttach #docTypeId').val()
                    var candidateId = $('#editFrmAttach #candidateId').val()
                    var uploadId = $('#editFrmAttach #uploadId').val()

                    $('#editFrmAttach .submitfrmEditAttach').attr('disabled', true);
                    $('#editFrmAttach .submitfrmEditAttach').val('Uploading...');

                    $.ajax({
                        type: 'POST',
                        url: "{{ route('admin.applicants.uploadDocuments', ['panel'=> session('panel'), 'id'=>$job->id]) }}",
                        data: formData,
                        cache: false,
                        contentType: false,
                        processData: false,
                        beforeSend: function () {
                            //showLoader();
                        },
                        success: function (response) {
                            $('.showDocumentFileName').empty();
                            var res = response;
                            $.each(res, function (key, value) {
                                var html = '<tr class="tr_' + candidateId + '_' + value.id + '">\
                                                <td class="pl-0">\
                                                    <div class="form-group mb-0">\
                                                        <div class="custom-control custom-checkbox">\
                                                            <input type="checkbox"\
                                                                class="custom-control-input"\
                                                                id="doc_' + value.id + '"\
                                                                name="upload_doc_id[]"\
                                                                value="' + value.id + '"\
                                                                data-candidate-id="' + candidateId + '">\
                                                            <label class="custom-control-label"\
                                                                for="doc_' + value.id + '"></label>\
                                                        </div>\
                                                    </div>\
                                                </td>\
                                                <td class="display-info">' + value.title + '</td>\
                                                <td class="display-info">' + value.uploaded_by.full_name + '</td>\
                                                <td class="display-info">' + moment(value.updated_at).format('Do MMM YY') + '</td>\
                                                <td class="text-right">\
                                                    <a href="' + value.candidate_document_link + '"\
                                                        title="Download" class="mr-2" target="_blank">\
                                                        <i class="material-icons">get_app</i></a>\
                                                        <a href="javascript:void(0)"\
                                                        data-candidate-id="' + candidateId + '"\
                                                        data-doc-type-id="' + docId + '"\
                                                        upload-id="' + uploadId + '"\
                                                        data-filename = "' + value.orig_file_name + '"\
                                                        href="#editAttachModal" data-toggle="modal"\
                                                        data-target="#editAttachModal">\
                                                        <i class="material-icons">edit</i></a>\
                                                </td>\
                                                </tr>';
                                $('.tr_' + candidateId + '_' + value.id).replaceWith(html);
                                Snackbar.show({
                                    pos: 'bottom-right',
                                    text: "Document updated successfully",
                                    actionText: 'Okay'
                                });

                            });
                            $('#editFrmAttach .submitfrmEditAttach').attr('disabled', false);
                            $('#editFrmAttach .submitfrmEditAttach').val('Submit');
                            $("#editFrmAttach").trigger('reset');
                            $('#editAttachModal').modal('hide');
                            //hideLoder();
                        }
                    });
                }
            });


        }

        function initUploadContractForm() {
            var today = new Date();
            var $date = $('#frmUploadContract .dateselect').datepicker({
                autoHide: true,
                format: 'dd/mm/yyyy',
                zIndex: 2048,
                // startDate: today.getDate() + '/' + (today.getMonth() + 1) + '/' + today.getFullYear(),
            });

            $(document).on('change', '#frmUploadContract input[type="file"]', function (e) {
                $(this).parents('.documentFileNameClass').find('.filename').text(e.target.files[
                    0].name);
            });

        }

        function initInterviewFeedbackForm() {

            $("body").on("click", '#addDocBtn', function () {
                $(".add-doc-popover").toggle();
            });
            $(".remove-name").click(function () {
                if ($(".add-doc-popover").is(":visible")) {
                    $('#newDocumentName').val("");
                    $(".add-doc-popover").hide();
                }
            });

            var today = new Date();
            var $date = $('#frmInterviewFeedback #date').datepicker({
                autoHide: true,
                format: 'dd/mm/yyyy',
                zIndex: 2048,
                startDate: today.getDate() + '/' + (today.getMonth() + 1) + '/' + today.getFullYear(),
            });

            $('.time_picker').timepicker({
                'timeFormat': 'H:i:s',
                'scrollDefault': 'now'
            });

            $('.status').on('change', function () {
                var result = $('.status:checked').val();

                if (result == 'next_interview_requested') {
                    $('.interviewBlock').show();
                    $('.documentBlock').hide();
                    $('.reasonBlock').hide();
                    $('.offerBlock').hide();
                } else if (result == 'document_requested') {
                    $('.interviewBlock').hide();
                    $('.documentBlock').show();
                    $('.reasonBlock').hide();
                    $('.offerBlock').hide();
                } else if (result == 'on_hold') {
                    $('.interviewBlock').hide();
                    $('.documentBlock').hide();
                    $('.reasonBlock').hide();
                    $('.offerBlock').hide();
                } else if (result == 'reject_static_reason') {
                    $('.interviewBlock').hide();
                    $('.documentBlock').hide();
                    $('.reasonBlock').hide();
                    $('.offerBlock').hide();
                } else if (result == 'rejected') {
                    $('.interviewBlock').hide();
                    $('.documentBlock').hide();
                    $('.reasonBlock').show();
                    $('.offerBlock').hide();
                } else if (result == 'offer_made') {
                    $('.interviewBlock').hide();
                    $('.documentBlock').hide();
                    $('.reasonBlock').hide();
                    $('.offerBlock').show();
                }
            });

            $('.on_time').on('change', function () {

                var result = $(this).val();
                if (result == 'yes' || result == 'no') {
                    $('.showBlock').show();
                    $('.status').trigger('change');
                } else if (result == 'no_show') {
                    $('.showBlock').hide();
                }
            });

            $(".type").on('change', function () {

                if ($(this).val() == 'Face To Face') {
                    $('.skype-block').hide();
                    $('.telephone-block').hide();
                    $('.inhouse-block').show();
                } else if ($(this).val() == 'Skype') {
                    $('.skype-block').show();
                    $('.telephone-block').hide();
                    $('.inhouse-block').hide();
                } else if ($(this).val() == 'Telephone') {
                    $('.skype-block').hide();
                    $('.telephone-block').show();
                    $('.inhouse-block').hide();
                }
            });

            $('.docCheck').on('change', function () {
                if ($(this).is(':checked')) {
                    $(this).parent('.custom-control').next('.note').removeClass('hidden')
                } else {
                    $(this).parent('.custom-control').next('.note').addClass('hidden')
                }

            })

        }

        function initRemoveApplicant() {

            $('.reason').change(function () {
                $(this).parents('.reasons').find('.invalid-feedback').remove();
            })

            $(".table-data .table-responsive").freezeTable('update');

            commonFreezeTable();
        }

        function initClosingJob() {
            $('.reason').change(function () {
                $(this).parents('.reasons').find('.invalid-feedback').remove();
            });
        }

        function initCvFeedbackForm() {
            var today = new Date();
            var $date = $('#date').datepicker({
                autoHide: true,
                format: 'dd/mm/yyyy',
                zIndex: 2048,
                startDate: today.getDate() + '/' + (today.getMonth() + 1) + '/' + today.getFullYear(),
            });

            $('.time_picker').timepicker({
                'timeFormat': 'H:i:s',
                'scrollDefault': 'now'
            });

            $('.proceed_interview').on('change', function () {

                var result = $(this).val();
                if (result == 'No') {
                    $('.interviewBlock').hide();
                    $('.rejectBlock').show();
                } else {
                    $('.interviewBlock').show();
                    $('.rejectBlock').hide();
                }
            });

            $(".type").on('change', function () {

                if ($(this).val() == 'Face To Face') {
                    $('.skype-block').hide();
                    $('.telephone-block').hide();
                    $('.inhouse-block').show();
                } else if ($(this).val() == 'Skype') {
                    $('.skype-block').show();
                    $('.telephone-block').hide();
                    $('.inhouse-block').hide();
                } else if ($(this).val() == 'Telephone') {
                    $('.skype-block').hide();
                    $('.telephone-block').show();
                    $('.inhouse-block').hide();
                }
            });

            $.validator.addMethod("timeGreaterThanCurrentCV", function (value, element) {
                if($('#date').val() == ''){
                    return true;
                }
                var date = $('#date').val().split('/');
                var dateYmd = date[1] + '/' + date[0] + '/' + date[2];
                var dateTime = new Date(dateYmd + ' ' + value);
                var today = new Date();
                return today < dateTime;
            }, 'Invalid time');

            $('#frmCvFeedback').validate({
                errorElement: 'span',
                errorClass: 'invalid-feedback',
                rules: {
                    date: {
                        required: function (element) {
                            return $("#frmCvFeedback .proceed_interview:checked").val() == 'Yes';
                        }
                    },
                    time: {
                        required: function (element) {
                            return $("#frmCvFeedback .proceed_interview:checked").val() == 'Yes';
                        },
                        timeGreaterThanCurrentCV: true,
                    },
                    location: {
                        required: function (element) {
                            return $("#frmCvFeedback .proceed_interview:checked").val() == 'Yes' && $(
                                "#frmCvFeedback .type").val() == 'Face To Face';
                        }
                    },
                    skype: {
                        required: function (element) {
                            return $("#frmCvFeedback .proceed_interview:checked").val() == 'Yes' && $(
                                "#frmCvFeedback .type").val() == 'Skype';
                        }
                    },
                    telephone: {
                        required: function (element) {
                            return $("#frmCvFeedback .proceed_interview:checked").val() == 'Yes' && $(
                                "#frmCvFeedback .type").val() == 'Telephone';
                        }
                    },
                    other_reason: {
                        required: function (element) {
                            return ($("#frmCvFeedback .proceed_interview:checked").val() == 'No' && $('.reason')
                                .val() == "");
                        }
                    },
                },
                messages: {
                    date: {
                        required: 'Date is required'
                    },
                    time: {
                        required: 'Time is required'
                    },
                    location: {
                        required: 'Location is required'
                    },
                    skype: {
                        required: 'Virtual Address is required'
                    },
                    telephone: {
                        required: 'Telephone is required'
                    },
                    other_reason: {
                        required: 'Reason is required'
                    }
                }
            });
        }

        @if(Session::has('message'))
        Snackbar.show({
            pos: 'bottom-right',
            text: "{!! session('message') !!}",
            actionText: 'Okay'
        });
        @endif
    </script>
    <script type="text/javascript" src="{{ asset('js/admin/job/show.js') }}"></script>
@endpush

@push('pageModals')

    @include('admin.components.modal_delete_js')
    @include('admin.modules.job.modals.attach');


    {{-- applicant tabs --}}
    @include('admin.modules.job.modals.add_applicant');
    @include('admin.modules.job.modals.remove_applicant');
    @include('admin.modules.job.modals.shortlist_applicants');
    @include('admin.modules.job.modals.cv_feedback_form');

    @include('admin.modules.job.modals.interview_feedback_info_with_history');
    @include('admin.modules.job.modals.interview_feedback_form');

    @include('admin.modules.job.modals.upload_contract');
    @include('admin.modules.job.modals.job_close');

    @include('admin.modules.job.modals.send_documents')
    @include('admin.modules.job.modals.add_multiple_interview')

    {{-- Previews --}}
    @include('admin.modules.job.previews.preview_component')
    @include('admin.modules.job.previews.preview_client_contact_mail')
    @include('admin.modules.job.previews.preview_interview_schedule_mail')
    @include('admin.modules.job.previews.preview_job_offer_letter_mail');
    @include('admin.modules.job.previews.preview_send_document')
    @include('admin.modules.job.previews.preview_job_close_mail')
    @include('admin.modules.job.previews.preview_job_close_with_reason')





@endpush