{% extends "Includes/layout.html.twig" %}

{% block body %}
    <main class="row main mx-0" id="job_view" v-cloak>
        <section class="content-area p-r-l-6 fade-in">
            <div class="pb-4 mb-3 container-fluid rounded-2 px-0 page-header">
                <p class="pb-2 text-primary" v-if="canUserSeeJobGroup">
                    {{ 'Create, edit and manage your jobs and job groups'|trans }}
                </p>
                <p class="pb-2 text-primary" v-else>
                    {{ 'Create, edit and manage your jobs'|trans }}
                </p>

                {% if not isProfileComplete and not isAdvertiserPending %}
                    <div class="alert alert-danger text-center">
                        <i class="fas fa-exclamation-triangle"></i>
                        <span>{{ 'Your profile is not complete'|trans }}</span>
                        <a href="{{ path('advertiser_edit', { advertiser: advertiser.id }) }}"
                           class=" py-2 px-2 font-600 text-underline rounded-2 cursor-pointer">
                            {{ 'Please complete your company profile'|trans }}
                        </a>
                    </div>

                {% elseif isAdvertiserPending and advertiserPending.status == "pending" %}
                    <div class="alert alert-warning text-center">
                        <i class="fad fa-hourglass-half"></i>
                        <span class="">{{ 'Your profile is waiting for validation'|trans }}</span>

                    </div>
                {% elseif isAdvertiserPending and advertiserPending.status == "reported" %}
                    <div class="alert alert-danger text-center d-flex justify-content-center">
                        <i class="fad fa-exclamation-circle fa-2x mr-2"></i>
                        <span class="my-auto ">{{ 'Your profile was reported !'|trans }} </span>
                        <a href="{{ path('advertiser_edit', { advertiser: advertiser.id }) }}"
                           class=" py-2 px-2 font-600 text-underline rounded-2 cursor-pointer d-block">
                            {{ 'Please update your company profile'|trans }}
                        </a>
                    </div>
                {% endif %}

                <div class="border-bottom position-relative d-flex nav nav-tabs">

                    <a :class="[activePanel === 'jobs' ? 'active' : '', 'btn-tab nav-link']"
                       id="jobsTab" @click="switchPanel('jobs')" href="#jobs">
                        {{ 'Catalog'|trans }}
                    </a>
                    <a :class="[activePanel === 'jobGroup' ? 'active' : '', 'btn-tab nav-link']" v-if="canUserSeeJobGroup"
                       id="jobGroupsTab" @click="switchPanel('jobGroup')" href="#jobGroup">
                        {{ 'Groups'|trans }}
                    </a>
                    <a :class="[activePanel === 'jobDupli' ? 'active' : '', 'btn-tab nav-link']" v-if="canUserSeeJobDupli"
                       id="jobDupliTab" @click="switchPanel('jobDupli')" href="#jobDupli">
                        {{ 'Duplications'|trans }}
                    </a>
                    <a :class="[activePanel === 'jobImport' ? 'active' : '', 'btn-tab nav-link']" v-if="canUserSeeJobImport"
                       id="jobImportTab" @click="switchPanel('jobImport')" href="#jobImport">
                        {{ 'Quality'|trans }}
                    </a>
                    <a :class="[activePanel === 'jobFeed' ? 'active' : '', 'btn-tab nav-link']" v-if="canUserSeeJobFeed"
                       id="jobFeedTab" @click="switchPanel('jobFeed')" href="#jobFeed">                        {{ 'Job Feed'|trans }}
                    </a>
                    <a :class="[activePanel === 'scrapping' ? 'active' : '', 'btn-tab nav-link']" v-if="canUserSeeScrapping"
                       id="scrappingTab" @click="switchPanel('scrapping')" href="#scrapping">
                        {{ 'Scrapping'|trans }}
                    </a>
                    <a :class="[activePanel === 'facebookCatalog' ? 'active' : '', 'btn-tab nav-link']" v-if="canUserSeeFacebookCatalog"
                       id="facebookCatalogTab" @click="switchPanel('facebookCatalog')" href="#facebookCatalog">
                        {{ 'Facebook Catalog'|trans }}
                    </a>
                    <button v-show="activePanel === 'jobGroup'" class="btn btn-primary text-white rounded-30 px-4 py-2 my-auto ml-auto" @click="openJobGroupPanel(0)">
                        {{ 'Create a job group'|trans }}
                    </button>

                    {% if is_granted('ROLE_DAF_JOB_MANAGE') %}
                        <button v-if="activePanel === 'jobs'" class="btn btn-primary rounded-30 px-4 py-2 border border-primary cursor-pointer my-auto ml-auto"
                                @click="openJobPanel(null, false)">{{ 'Create an offer'|trans }}
                        </button>
                    {% endif %}

                    <button v-if="activePanel === 'jobDupli' && canUserSeeJobDupli" class="btn btn-primary rounded-30 px-4 py-2 border border-primary cursor-pointer my-auto ml-auto"
                            @click.prevent="openNewDupliPanel(false)">{{ 'Create a duplication'|trans }}
                    </button>

                    <button-multiple :content-position="'right'" v-if="canUserSaveAndCreate" class="my-auto ml-auto">
                        <template v-slot:main-btn>
                            <button type="button" class="btn btn-primary rounded-30 px-4 py-2 border border-primary cursor-pointer"
                                :disabled="isLoading" @click="triggerSave(null, false)">
                                {{ 'Save'|trans }}
                            </button>
                        </template>
                        <template v-slot:extra-btn>
                            <button type="button" class="btn btn-primary rounded-30 px-4 py-2 border border-primary cursor-pointer"
                                    :disabled="isLoading" @click="openModalComment">{{ 'Save with a comment'|trans }}
                            </button>
                        </template>
                    </button-multiple>

                    <button v-if="activePanel === 'facebookCatalog' && canUserSeeFacebookCatalog" class="btn btn-primary rounded-30 px-4 py-2 border border-primary cursor-pointer my-auto ml-auto"
                            :disabled="isLoading" @click="generateFbJobfeed()">{{ 'Generate facebook job feed'|trans }}
                    </button>
                </div>
            </div>
            <div class="container-fluid">

                {# ################## JOBS PANEL ################## #}
                <template v-if="activePanel === 'jobs'">
                    {{ include('Job/job.html.twig') }}
                    {{ include('Job/job_panel.html.twig') }}
                    {{ include('Job/job_moderation.html.twig') }}
                </template>

                {# ################## JOBS DUPLI PANEL ################## #}
                <template v-if="activePanel === 'jobDupli' && canUserSeeJobDupli">
                    {{ include('Job/job_duplication.html.twig') }}
                    {{ include('Job/job_dupli_create.html.twig') }}
                </template>

                {# ################## JOBS IMPORT PANEL ################## #}
                <template v-if="activePanel === 'jobImport' && canUserSeeJobImport">
                    {{ include('Job/job_feed.html.twig') }}
                </template>

                {# ################## JOB GROUPS PANEL ################## #}
                <template v-if="activePanel === 'jobGroup' && canUserSeeJobGroup">
                    {{ include('Job/job_group.html.twig') }}
                </template>

                {# ################## JOB FEED CONFIG PANEL ################## #}
                <template v-if="activePanel === 'jobFeed' && canUserSeeJobFeed">
                    {{ include('Job/job_feed_config.html.twig') }}
                </template>

                {# ################## JOB FEED CONFIG PANEL ################## #}
                <template v-if="activePanel === 'scrapping' && canUserSeeScrapping">
                    {{ include('Job/scrapping_config.html.twig') }}
                </template>

                {# ################## JOB FEED CONFIG PANEL ################## #}
                <template v-if="activePanel === 'facebookCatalog' && canUserSeeFacebookCatalog">
                    {{ include('Job/facebook_catalog.html.twig') }}
                </template>

            </div>

            <save-and-comment v-if="canUserSaveAndCreate || canUserSeeJobGroup || activePanel === 'jobs'"
                              name-with-comment="{{ 'Save with a comment'|trans }}"
                              :is-linked-brief="false"
                              :e-save-with-comment="triggerSave"
            ></save-and-comment>
        </section>

        <div :class="[showJobPanel || showNewDupliPanel || showJobGroupPanel || showModerationPanel || showFeedConfigPanel ? 'show' : '', 'modal-backdrop']"
             style="visibility: visible !important;" id="modal-backdrop" ref="modalBackdrop"
             v-show="showJobPanel || showNewDupliPanel || showJobGroupPanel || showModerationPanel || showFeedConfigPanel"></div>

        <span class="d-none invisible twig-data-advertiser-id" data-advertiser-id="{{ advertiser.id|json_encode }}"></span>
        <span class="d-none invisible twig-data-advertiser-name" data-advertiser-name="{{ advertiser.name|json_encode }}"></span>
        <span class="d-none invisible twig-data-advertiser-name" data-advertiser-name="{{ advertiser.name }}"></span>
        <span class="d-none invisible twig-data-advertiser-static-path" data-advertiser-static-path="{{ advertiser.staticpath|json_encode }}"></span>
        <span class="d-none invisible twig-data-job-categories" data-job-categories="{{ jobCategories|json_encode }}"></span>
        <span class="d-none invisible twig-data-experiences" data-experiences="{{ experiences|json_encode }}"></span>
        <span class="d-none invisible twig-data-educations" data-educations="{{ educations|json_encode }}"></span>
        <span class="d-none invisible twig-data-contracts" data-contracts="{{ contracts|json_encode }}"></span>
        <span class="d-none invisible twig-data-tech-expert-choices" data-tech-expert-choices="{{ techExpertChoices|json_encode }}"></span>
        <span class="d-none invisible twig-data-available-filter-contracts" data-available-filter-contracts="{{ availableFilterContracts|json_encode }}"></span>
        <span class="d-none invisible twig-data-currencies" data-currencies="{{ currencies|json_encode }}"></span>
        <span class="d-none invisible twig-data-advertiser-currency" data-advertiser-currency="{{ advertiser.currency|json_encode|upper }}"></span>
        <span class="d-none invisible twig-data-salary-chrono-unit" data-salary-chrono-unit="{{ salaryChronoUnit|json_encode }}"></span>
        <span class="d-none invisible twig-data-salary-gross-net" data-salary-gross-net="{{ salaryGrossNet|json_encode }}"></span>
        <span class="d-none invisible twig-data-is-role-saas" data-is-role-saas="{{ is_granted('ROLE_SAAS') and is_granted('ROLE_BACKEND') == false ? 1 : 0 }}"></span>
        <span class="d-none invisible twig-data-user-roles" data-user-roles="{{ app.user.roles|json_encode }}"></span>
        <span class="d-none invisible twig-data-is-granted-role-backend" data-is-granted-role-backend="{{ is_granted('ROLE_BACKEND') ? 1 : 0 }}"></span>
        <span class="d-none invisible twig-data-is-granted-role-it" data-is-granted-role-it="{{ is_granted('ROLE_IT') ? 1 : 0 }}"></span>
        <span class="d-none invisible twig-data-is-granted-role-daf-job-manage" data-is-granted-role-daf-job-manage="{{ is_granted('ROLE_DAF_JOB_MANAGE') ? 1 : 0 }}"></span>
        <span class="d-none invisible twig-data-is-granted-role-job-ia" data-is-granted-role-job-ia="{{ is_granted('ROLE_JOB_IA') ? 1 : 0 }}"></span>
        <span class="d-none invisible twig-data-get-job-group" data-job-group="{{ jobGroupList|json_encode }}"></span>
        <span class="d-none invisible twig-data-job-creation-interface-params" data-job-creation-interface-params="{{ jobCreationInterfaceParams|json_encode }}"></span>

        <span class="d-none invisible twig-data-path-ajax-job-jobimport-stats-get" data-path-ajax-job-jobimport-stats-get="{{ path('ajax_job_jobimport_stats_get', {advertiser: advertiser.id}) }}"></span>

        <span class="d-none invisible twig-data-path-ajax-job-jobgroup-matching" data-path-ajax-job-jobgroup-matching="{{ path('ajax_job_jobgroup_matching', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-jobgroup-export-matching" data-path-ajax-job-jobgroup-export-matching="{{ path('ajax_job_jobgroup_export_matching', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-jobgroup-get-all" data-path-ajax-job-jobgroup-get-all="{{ path('ajax_job_jobgroup_get_all', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-jobgroup-upsert" data-path-ajax-job-jobgroup-upsert="{{ path('ajax_job_jobgroup_upsert', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-jobgroup-delete" data-path-ajax-job-jobgroup-delete="{{ path('ajax_job_jobgroup_delete', {'advertiser': advertiser.id, 'jobgroup': ':jgid'}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-jobgroup-get" data-path-ajax-job-jobgroup-get="{{ path('ajax_job_jobgroup_get', {'advertiser': advertiser.id, 'jobgroup': ':jobgroupId'}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-jobgroup-chart-get" data-path-ajax-job-jobgroup-chart-get="{{ path('ajax_job_jobgroup_chart_get', {advertiser: advertiser.id, jobgroup: ':jobgroupId'}) }}"></span>

        <span class="d-none invisible twig-data-path-ajax-job-export" data-path-ajax-job-export="{{ path('ajax_job_export', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-get" data-path-ajax-job-get="{{ path('ajax_job_get', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-details-get" data-path-ajax-job-details-get="{{ path('ajax_job_details_get', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-feedstat-get" data-path-ajax-job-feedstat-get="{{ path('ajax_job_feedstat_get', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-search-city" data-path-ajax-job-search-city="{{ path('job_search_city', {advertiser: advertiser.id}) }}"></span>

        <span class="d-none invisible twig-data-path-ajax-job-by-id" data-path-ajax-job-by-id="{{ path('ajax_job_by_id', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-get-detail-dept" data-path-ajax-get-detail-dept="{{ path('ajax_get_detail_dept', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-get-detail-city" data-path-ajax-get-detail-city="{{ path('ajax_get_detail_city', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-dupli-get" data-path-ajax-dupli-get="{{ path('ajax_dupli_get', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-dupli-update" data-path-ajax-dupli-update="{{ path('ajax_dupli_update', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-dupli-toggle" data-path-ajax-dupli-toggle="{{ path('ajax_dupli_toggle', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-dupli-validate" data-path-ajax-dupli-validate="{{ path('ajax_dupli_validate', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-dupli-delete" data-path-ajax-dupli-delete="{{ path('ajax_dupli_delete', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-dupli-simulate" data-path-ajax-dupli-simulate="{{ path('ajax_dupli_simulate', {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-country-get" data-path-ajax-country-get="{{ path('ajax_country_get') }}"></span>
        <span class="d-none invisible twig-data-path-ajax-city-get" data-path-ajax-city-get="{{ path('ajax_city_get') }}"></span>

        <span class="d-none invisible twig-data-path-ajax-job-feed-config-get" data-path-ajax-job-feed-config-get="{{ path('ajax_job_feed_config_get', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-feed-config-delete" data-path-ajax-job-feed-config-delete="{{ path('ajax_job_feed_config_delete', {ppcFeed: ':ppcFeedId'}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-save-feed-config" data-path-ajax-job-save-feed-config="{{ path('ajax_job_feed_config_save', {ppcFeed: ':ppcFeedId'}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-download-ftp-feed" data-path-ajax-job-download-ftp-feed="{{ path('ajax_job_download_ftp_config', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-airflow-task-state-get" data-path-ajax-job-airflow-task-state-get="{{ path('ajax_get_airflow_task_state') }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-test-xslt" data-path-ajax-job-test-xslt="{{ path('ajax_testing_xslt') }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-save-xslt" data-path-ajax-job-save-xslt="{{ path('ajax_update_XSLT') }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-upload-csv-file" data-path-ajax-job-upload-csv-file="{{ path('ajax_job_uplaod_csv_file') }}"></span>

        <span class="d-none invisible twig-data-path-ajax-job-scrapping-config-get" data-path-ajax-job-scrapping-config-get="{{ path('ajax_job_scrapping_config_get', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-scrapping-save" data-path-ajax-job-scrapping-save="{{ path('ajax_job_scrapping_save', {advertiser: advertiser.id}) }}"></span>

        <span class="d-none invisible twig-data-path-ajax-job-facebook-catalog-get" data-path-ajax-job-facebook-catalog-get="{{ path('ajax_job_facebook_catalog_get', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-facebook-catalog-generate-link" data-path-ajax-job-facebook-catalog-generate-link="{{ path('ajax_job_facebook_catalog_generate_link') }}"></span>

        <span class="d-none invisible twig-data-path-ajax-job-pending-update" data-path-ajax-job-pending-update="{{ path('ajax_job_pending_update', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-update" data-path-ajax-job-update="{{ path('ajax_job_update', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-create" data-path-ajax-job-create="{{ path('ajax_job_create', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-delete" data-path-ajax-job-delete="{{ path('ajax_job_delete', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-description-generate" data-path-ajax-job-description-generate="{{ path('ajax_job_description_generate', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-skills-get" data-path-ajax-job-skills-get="{{ path('ajax_job_skills_generate', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-candidate-persona-get" data-path-ajax-job-candidate-persona-get="{{ path('ajax_job_candidate_persona_generate', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-candidate-persona-update" data-path-ajax-candidate-persona-update="{{ path('ajax_advertiser_persona_update', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-title-generate" data-path-ajax-job-title-generate="{{ path('ajax_job_title_generate', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-description-generate-options-get" data-path-ajax-job-description-generate-options-get="{{ path('ajax_job_description_generate_options_get', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-goldenjob-field-defaultvalue-update" data-path-ajax-goldenjob-field-defaultvalue-update="{{ path('advertiser_parameters_golden_job_default_field_update', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-company-advantage-update" data-path-ajax-company-advantage-update="{{ path('ajax_advertiser_company_advantage_update', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-apply-question-generate" data-path-ajax-job-apply-question-generate="{{ path('ajax_job_apply_question_generate', {advertiser: advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-mercure-discovery-job-quiz" data-path-mercure-discovery-job-quiz="{{ path('job_quiz_mercure_disovery', {advertiser: advertiser.id}) }}"></span>

        <span class="d-none invisible twig-data-path-logui-details" data-path-logui-details="{{ path('logui_details') }}"></span>

        <span class="d-none invisible twig-data-path-task-create" data-path-task-create="{{ path('ajax_task_create') }}"></span>
        <span class="d-none invisible twig-data-path-task-upload" data-path-task-upload="{{ path('ajax_task_upload') }}"></span>
        <span class="d-none invisible twig-data-path-task-update" data-path-task-update="{{ path('ajax_task_update') }}"></span>
        <span class="d-none invisible twig-data-path-task-default-get" data-path-task-default-get="{{ path('ajax_task_default_get') }}"></span>
        <span class="d-none invisible twig-data-path-task-labels-get" data-path-task-labels-get="{{ path('ajax_task_labels_get') }}"></span>
        <span class="d-none invisible twig-data-path-task-user-list" data-path-task-user-list="{{ path('ajax_task_user_list') }}"></span>
        <span class="d-none invisible twig-data-path-task-spend-time-add" data-path-task-spend-time-add="{{ path('ajax_task_spend_time_add') }}"></span>
        <span class="d-none invisible twig-data-path-ajax-jobgroup-tasks-get" data-path-ajax-jobgroup-tasks-get="{{ path('ajax_jobgroup_tasks_get') }}" ></span>
        <span class="d-none invisible twig-data-path-ajax-job-daf-get" data-path-ajax-job-daf-get="{{ path('ajax_job_daf_list_get', {advertiser: advertiser.id}) }}" ></span>

        <span class="d-none invisible twig-data-path-ajax-get-questions-ats-quiz" data-path-ajax-get-questions-ats-quiz="{{ path("ajax_get_questions_ats_quiz", {'advertiser': advertiser.id }) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-update-questions-quiz" data-path-ajax-update-questions-quiz="{{ path("ajax_update_questions_quiz", {'advertiser': advertiser.id }) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-get-answers-ats-quiz" data-path-ajax-get-answers-ats-quiz="{{ path("ajax_daf_custom_question_answers_get", {'advertiser': advertiser.id}) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-new-question-ats-quiz" data-path-ajax-new-question-ats-quiz="{{ path("ajax_daf_custom_question_new_save", {'advertiser': advertiser.id }) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-question-update-status-ats-quiz" data-path-ajax-question-update-status-ats-quiz="{{ path("ajax_daf_custom_questions_status_update", {'advertiser': advertiser.id }) }}"></span>

        <span class="d-none invisible twig-data-path-ajax-new-answer-ats-quiz" data-path-ajax-new-answer-ats-quiz="{{ path("ajax_daf_custom_answer_new_save", {'advertiser': advertiser.id }) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-answer-update-status-ats-quiz" data-path-ajax-answer-update-status-ats-quiz="{{ path("ajax_daf_custom_answer_status_update", {'advertiser': advertiser.id }) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-update-answers-ats-quiz" data-path-ajax-update-answers-ats-quiz="{{ path("ajax_daf_custom_answer_update", {'advertiser': advertiser.id }) }}"></span>
        <span class="d-none invisible twig-data-path-ajax-job-quiz-display-update" data-path-ajax-job-quiz-display-update="{{ path("ajax_job_quiz_display_update", {'advertiser': advertiser.id, 'job': ':idj' }) }}"></span>

    </main>
{% endblock %}

{% block specificJS %}
    {{ encore_entry_script_tags('job-index') }}
{% endblock %}