@extends('front.modules.cv_builder.main')
@section('title')CV Builder - Executive CV @endsection

@section('secondary_content')
<div>
    <div class="container">
        <div class="row cv-row">
            <div class="col-lg-10 offset-lg-1">
                <div class="box bg-white px-0 pt-0 pdf-box">
                    <table style="table-layout: auto;">
                        <tr>
                            <td style="width: 100%; background-color: #F7941C; height: 10px;"></td>
                        </tr>
                    </table>
                    <table style="table-layout: auto;">
                        <tr>
                            <td style="padding: 0 35px;">
                                <table>
                                    <tr>
                                        <td class="text-center" style="width: 100%;">
                                            <h1 v-if="userDetails.full_name">@{{ userDetails.full_name }}
                                                <a  href="javascript:void(0)" class="pdf-btn" style="float: right;" @click="openContactDetails">Update<img 
                                                    src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" class="ml-1" /></a></h1>
                                            <h1 v-else>Your Name</h1>
                                            <p><template v-if="userDetails.locations &&  userDetails.locations.country_id && userDetails.locations.city_id">@{{ userDetails.locations.cities.name }}, @{{ userDetails.locations.countries.name }}</template>
                                                <template v-else>Your Address</template> 
                                                | <a href="javascript:void(0)" v-if="userDetails.profiles && 
                                                userDetails.profiles.gender">@{{ userDetails.profiles.gender | upperCase }}</a><a href="javascript:void(0)" v-else>Your Gender</a>, <a href="javascript:void(0)" v-if="userDetails.profiles && 
                                                userDetails.profiles.gender">@{{ userDetails.profiles.birth_date | dateFormat('MMMM D Y') }}</a><a href="javascript:void(0)" v-else>Your Date Of Birth</a> | <a href="javascript:void(0)" v-if="userDetails.email">@{{ userDetails.email }}</a>
                                                <a href="javascript:void(0)" v-else>Your primary email address</a> | <a href="javascript:void(0)" v-if="userDetails.mobile">@{{ userDetails.mobile }}</a> 
                                                <a href="javascript:void(0)" v-else>Your primary mobile number</a>
                                            </p>
                                            <div class="alert alert-dismissible fade show alert-danger m-0 p-0" 
                                                v-if="(!$v.userDetails.required  || $v.userDetails.locations.$error ||
                                                        !$v.userDetails.profiles.gender.required || 
                                                        !$v.userDetails.profiles.birth_date.required) 
                                                        && cv_footer.formSubmit"
                                                        :class="{ 'cv--input--error': (!$v.userDetails.required  || $v.userDetails.locations.$error ||
                                                        !$v.userDetails.profiles.gender.required || !$v.userDetails.profiles.birth_date.required)}">
                                                <button type="button" class="close contact-close pt-0" onClick="$(this).closest('.alert').hide()"
                                                style="left:auto; margin-left: -35px">×</button>
                                                <strong>Contact details is mandatory to fill up.</strong>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="text-center" style="width: 100%;">
                                            <h2 style="padding: 0 17px 5px; border-bottom: 2px solid #FFA63E; display: inline-block; margin: auto;">{{ trans('cv_builder.profile') }}</h2>
                                            <a style="float: right;" class="pdf-btn" href="javascript:void(0)" @click="openProfProfile">Update <img 
                                                src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" class="ml-1" /></a>
                                                <div class="alert alert-dismissible fade show alert-danger m-0" 
                                                v-if="(!$v.userDetails.required || !$v.userDetails.profiles.cv_profile_bio.required) && cv_footer.formSubmit"
                                                    :class="{ 'cv--input--error': (!$v.userDetails.profiles.cv_profile_bio.required)}">
                                                <button type="button" class="close" onClick="$(this).closest('.alert').hide()"
                                                    style="left:auto; margin-left: -35px">×</button>
                                                <strong>{{ trans('cv_builder.profile') }} detail is mandatory to fill up.</strong>
                                            </div>
                                            <p class="text-justify" style="border-bottom: 1px solid #CCD2DC; padding-bottom: 28px; margin-top: 15px;" v-if="userDetails.profiles && userDetails.profiles.cv_profile_bio"> @{{ userDetails.profiles.cv_profile_bio }} </p>
                                                <p class="text-justify" style="border-bottom: 1px solid #CCD2DC; padding-bottom: 28px; margin-top: 15px;" v-else-if="userCvDetails && userCvDetails.cv_profile_bio"> @{{ userCvDetails.cv_profile_bio }} </p>
                                                <p class="text-justify" style="border-bottom: 1px solid #CCD2DC; padding-bottom: 28px; margin-top: 15px;" v-else>Write a strong opening summary of who you are, your 
                                                    skills, achievements and career goals. A good Profile is 4 – 6 sentences long <br/>
                                                    e.g I am a highly-skilled Human Resource Manager with 10 years’ experience in the Banking Industry. I possess a wide skill set, including learning and development, 
                                                    through working on developing a training program for banking personnel, Performance Management through managing a team of more than 200 employees. I am looking to 
                                                    secure a challenging role with a strategic focus in an international corporate company.
                                                </p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table class="body-part">
                                                <tr>
                                                    <td class="left-body">
                                                        <table class="block">
                                                            <tr>
                                                                <td>
                                                                    <h2>{{ trans('cv_builder.skills') }}
                                                                        <a style="float: right;" @click="openCvModal('addUserSkills')" 
                                                                        v-if="userDetails && userDetails.skills && userDetails.skills.length < 8"class="pdf-btn action" href="javascript:void(0)">Add<img 
                                                                            src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" class="ml-1" /></a>
                                                                    </h2>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="border">
                                                                    <span>&nbsp;</span>
                                                                    <div class="alert alert-dismissible fade show alert-danger m-0" v-if="(!$v.userDetails.required || $v.userDetails.skills.$error) 
                                                                            && cv_footer.formSubmit" :class="{ 'cv--input--error': ($v.userDetails.skills.$error)}">
                                                                        <button type="button" class="close" onClick="$(this).closest('.alert').hide()">×</button>
                                                                        <strong>Skills detail is mandatory to fill up.</strong>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <p v-if="userDetails.skills && userDetails.skills.length == 0">Highlight your key skills and provide your key achievements in 
                                                                        that particular skill</p>
                                                                    <ul>
                                                                        <template v-if="userDetails.skills && userDetails.skills.length > 0">
                                                                            <template v-for="(skill, index) in userDetails.skills">
                                                                                <li>@{{ skill.skill }}<br/>
                                                                                    <a href="javascript:void(0)" class="action" @click="editUserSkill(index)"><img 
                                                                                        src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" /></a>
                                                                                    <a href="javascript:void(0)" class="action" style="margin-left:14px;" @click="confirm(skill.id, 'skillForm', 'skills', 'removeUserSkill')"><img 
                                                                                        src="{{ asset('img/cv_builder/function_cv/close.svg') }}" alt="close" /></a>
                                                                                </li>
                                                                            </template>
                                                                        </template>
                                                                        <template v-else>
                                                                            <li>Eg; Cost Control</li>
                                                                            <li>Eg; Research</li>
                                                                        </template>
                                                                    </ul>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                        <table class="block">
                                                            <tr>
                                                                <td>
                                                                    <h2>{{ trans('cv_builder.education') }}
                                                                        <a style="float: right;" class="pdf-btn action" href="javascript:void(0)" @click="addNewEducation">Add New<img 
                                                                            src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" class="ml-1" /></a>
                                                                    </h2>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="border">
                                                                    <span>&nbsp;</span>
                                                                    <div class="alert alert-dismissible fade show alert-danger m-0" v-if="(!$v.userDetails.required || $v.userDetails.educations.$error) 
                                                                        && cv_footer.formSubmit" :class="{ 'cv--input--error': ($v.userDetails.educations.$error)}">
                                                                        <button type="button" class="close" onClick="$(this).closest('.alert').hide()">×</button>
                                                                        <strong>Education detail is mandatory to fill up.</strong>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <template v-if="userDetails.educations && userDetails.educations.length > 0">
                                                                <template v-for="(detail, index) in userDetails.educations">                                                                            
                                                                    <tr>
                                                                        <td style="padding-bottom: 20px;">
                                                                            <p style="margin-bottom: 0;"><b>@{{ detail.title }} • <template v-if="detail.currently_studing == 1">Present</template>
                                                                                <template v-else>@{{ detail.end_date | dateFormat('MM/Y') }}</template></b></p>
                                                                            <p style="margin-bottom: 0;">@{{ detail.institutions.name }}, @{{ detail.countries.name }}</p>
                                                                            <a href="javascript:void(0)" class="action" @click="editUserEduction(index)"><img src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" /></a>
                                                                            <a href="javascript:void(0)" class="action" @click="confirm(detail.id, 'education', 'educations', 'removeUserEducation')"><img src="{{ asset('img/cv_builder/function_cv/close.svg') }}" alt="close" /></a>
                                                                        </td>
                                                                    </tr>
                                                                </template>
                                                            </template>
                                                            <template v-else>
                                                                <tr>
                                                                    <td style="padding-bottom: 20px;">
                                                                        <p style="margin-bottom: 0;">Add your education history</p>
                                                                    </td>
                                                                </tr>
                                                            </template>
                                                        </table>
                                                        <table class="block">
                                                            <tr>
                                                                <td>
                                                                    <h2>{{ trans('cv_builder.certifications') }}
                                                                        <a style="float: right;" class="pdf-btn action" href="javascript:void(0)" @click="addCertificateModal">Add New<img 
                                                                            src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" class="ml-1" /></a>
                                                                    </h2>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="border">
                                                                    <span>&nbsp;</span>
                                                                </td>
                                                            </tr>
                                                            <template v-if="userDetails.certificates && userDetails.certificates.length > 0">
                                                                <template v-for="(certificate, index) in userDetails.certificates">
                                                                        <tr>
                                                                            <td style="padding-bottom: 20px;">
                                                                                <p style="margin-bottom: 0;"><b>@{{ certificate.name }},</b> <template v-if="certificate.institutions && certificate.institutions.name">
                                                                                        @{{ certificate.institutions.name }} -</template> <template v-if="!certificate.is_ongoing">@{{ certificate.end_date | dateFormat('MM/Y') }}</template><template v-else>Present</template></p>
                                                                                <a href="javascript:void(0)" class="action" @click="editUserCertificate(index)"><img src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" /></a>
                                                                                <a href="javascript:void(0)" class="action" @click="confirm(certificate.id, 'certificate', 'certificates', 'removeUserCertificate')"><img src="{{ asset('img/cv_builder/function_cv/close.svg') }}" alt="close" /></a>
                                                                            </td>
                                                                        </tr>
                                                                </template>
                                                            </template>
                                                            <template v-else>
                                                                <tr>
                                                                    <td style="padding-bottom: 20px;">
                                                                        <p style="margin-bottom: 0;">Input other courses you have gained 
                                                                            certification in throughout your career. E.g CPA, ACCA, PMP</p>
                                                                    </td>
                                                                </tr>
                                                            </template>
                                                        </table>
                                                        <table class="block">
                                                            <tr>
                                                                <td>
                                                                    <h2>{{ trans('cv_builder.additionalInformation') }}</h2>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="border">
                                                                    <span>&nbsp;</span>
                                                                    <div class="alert alert-dismissible fade show alert-danger m-0" v-if="(!$v.userDetails.required || $v.userDetails.languages.$error) 
                                                                        && cv_footer.formSubmit" :class="{ 'cv--input--error': ($v.userDetails.languages.$error)}">
                                                                        <button type="button" class="close" onClick="$(this).closest('.alert').hide()">×</button>
                                                                        <strong>Language detail is mandatory to fill up.</strong>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <template v-if="userDetails.languages && userDetails.languages.length > 0">
                                                                    <td>
                                                                        <p style="margin-bottom: 0;"><b>Languages:</b><span style="float: right;"><a href="javascript:void(0)" class="action" 
                                                                            @click="editUserLanguage"><img src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" /></a></p>
                                                                        <p>
                                                                        <template v-for="(language, index) in userDetails.languages">
                                                                            @{{ language.name | upperCase}}<template v-if="userDetails.languages.length-1 != index">,</template>
                                                                        </template>
                                                                        </p>
                                                                    </td>
                                                                </template>
                                                                <template v-else>
                                                                    <td>
                                                                        <p style="margin-bottom: 0;"><b>Language:</b><span style="float: right;"><a href="javascript:void(0)" class="action" 
                                                                            @click="editUserLanguage"><img src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" /></a>
                                                                        </span></p>
                                                                        <p>Eg. French, English, Swahili</p>
                                                                    </td>
                                                                </template>
                                                            </tr>
                                                            <tr>
                                                                <template v-if="userDetails.interests && userDetails.interests.length > 0">
                                                                    <td>
                                                                        <p style="margin-bottom: 0;"><b>Interests:</b><span style="float: right;"><a href="javascript:void(0)" 
                                                                            class="action" @click="openCvModal('editUserInterestsModal')"><img src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" /></a>
                                                                        </span></p>
                                                                        <p>
                                                                            <template v-for="(interest, index) in userDetails.interests">
                                                                                @{{ interest.name | upperCase}}<template v-if="userDetails.interests.length-1 != index">,</template>
                                                                            </template>
                                                                        </p>
                                                                    </td>
                                                                </template>
                                                                <template v-else>
                                                                    <td>
                                                                        <p style="margin-bottom: 0;"><b>Interests:</b><span style="float: right;"><a href="javascript:void(0)" class="action" 
                                                                            @click="openCvModal('editUserInterestsModal')"><img src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" /></a>
                                                                        </span></p>
                                                                        <p>Add your hobbies and interest, be relevant and truthful</p>
                                                                    </td>
                                                                </template>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td class="right-body">
                                                        <table class="block">
                                                            <tr>
                                                                <td>
                                                                    <h2>{{ trans('cv_builder.experience_summary') }}</h2>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="border">
                                                                    <span>&nbsp;</span>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <p class="bold">{{ trans('cv_builder.industry') }}:</p>
                                                                    <p>
                                                                        <template v-if="expSummary && expSummary.industry && expSummary.industry.length > 0">
                                                                            <template v-for="(industry, index) in expSummary.industry">
                                                                                @{{ industry.name }}: @{{ industry.days }} 
                                                                                <template v-if="index != expSummary.industry.length - 1">|</template>
                                                                            </template>
                                                                        </template>
                                                                        <template v-else>Your Job {{ trans('cv_builder.industry') }}</template>
                                                                    </p>
                                                                    <p class="bold">{{ trans('cv_builder.function') }}:</p>
                                                                    <p>
                                                                        <template v-if="expSummary && expSummary.category && expSummary.category.length > 0">
                                                                            <template v-for="(category, index) in expSummary.category">
                                                                                @{{ category.name }}: @{{ category.days }} 
                                                                                <template v-if="index != expSummary.category.length - 1">|</template>
                                                                            </template>
                                                                        </template>
                                                                        <template v-else>Your Job {{ trans('cv_builder.function') }}</template>
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                        <table class="block">
                                                            <tr>
                                                                <td>
                                                                    <h2>{{ trans('cv_builder.experience') }}
                                                                        <a style="float: right;" class="pdf-btn action" href="javascript:void(0)" @click="addCareerSummary">Add New<img 
                                                                            src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" class="ml-1" /></a>
                                                                    </h2>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="border">
                                                                    <span>&nbsp;</span>
                                                                    <div class="alert alert-dismissible fade show alert-danger m-0" v-if="(!$v.userDetails.required || !$v.userDetails.experiences.required
                                                                      || !$v.userDetails.experiences.minLength) 
                                                                        && cv_footer.formSubmit" :class="{ 'cv--input--error': (!$v.userDetails.experiences.required || !$v.userDetails.experiences.minLength)}">
                                                                        <button type="button" class="close" onClick="$(this).closest('.alert').hide()">×</button>
                                                                        <strong>At least 3 Experience detail is mandatory to fill up.</strong>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <template v-if="userDetails.experiences && userDetails.experiences.length > 0">
                                                                <template v-for="(detail, index) in userDetails.experiences" v-if="index < 3">
                                                                    <tr>
                                                                        <td>
                                                                            <p v-if="detail.city && detail.commancompanies && detail.commancompanies.country"><b>@{{ detail.commancompanies.name }}</b> <i>@{{ detail.city.name }}, @{{ detail.commancompanies.country.name }}</i><span 
                                                                                style="float: right;"><a href="javascript:void(0)" class="action" @click="editCareerSummary(index)"><img 
                                                                                    src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" /></a><a href="javascript:void(0)" class="action" 
                                                                                    @click="confirm(detail.id, 'careerSummary', 'experiences', 'removeUserCareerSummary')"><img 
                                                                                    src="{{ asset('img/cv_builder/function_cv/close.svg') }}" alt="close" /></a></span>
                                                                            </p>
                                                                            <p class="bold d-flex align-items-center justify-content-between"><b>@{{ detail.positiontitle }}</b><span 
                                                                                class="text-nowrap">@{{ detail.start_date | dateFormat('MM/Y') }} - <template v-if="detail.is_current == 1">Present</template><template
                                                                                v-else>@{{ detail.end_date | dateFormat('MM/Y') }}</template></span>
                                                                            </p>
                                                                            <div class="alert alert-dismissible fade show alert-danger m-0" v-if="(!$v.userDetails.required || !$v.userDetails.experiences.required || 
                                                                                !$v.userDetails.experiences.$each[index].achievement_summary.minLength || !$v.userDetails.experiences.$each[index].achievement_summary.required) && cv_footer.formSubmit"
                                                                                :class="{ 'cv--input--error': (!$v.userDetails.experiences.$each[index].achievement_summary.minLength || !$v.userDetails.experiences.$each[index].achievement_summary.required)}">
                                                                                    <button type="button" class="close" onClick="$(this).closest('.alert').hide()">×</button>
                                                                                    <strong>Experience Achievement detail is mandatory to fill up.</strong>
                                                                            </div>
                                                                            <p class="pb-3 text-justify">
                                                                                <template v-if="detail.achievement_summary && detail.achievement_summary.length > 0">
                                                                                    <template v-for="(summary, index) in detail.achievement_summary"> 
                                                                                        •  @{{ summary.summary }}
                                                                                    </template>
                                                                                </template>
                                                                                {{-- <template v-else>
                                                                                    •  Lorem Ipsum 1
                                                                                    •  Lorem Ipsum 2
                                                                                    •  Lorem Ipsum 3
                                                                                </template> --}}
                                                                            </p>
                                                                        </td>
                                                                    </tr>
                                                                </template>
                                                            </template>
                                                            <template v-else>
                                                                <tr>
                                                                    <td><p class="text-justify">Input your work experience including promotions within an organization and consultancy work.  
                                                                        Make sure you input all of your experience, even if you worked somewhere for a short period of time</p></td>
                                                                </tr>
                                                            </template>
                                                        </table>
                                                        <table class="block" v-if="userDetails.experiences && userDetails.experiences.length > 3">
                                                            <tr>
                                                                <td>
                                                                    <h2>{{ trans('cv_builder.other_experience') }}</h2>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="border">
                                                                    <span>&nbsp;</span>
                                                                </td>
                                                            </tr>
                                                            <template v-if="userDetails.experiences && userDetails.experiences.length > 0">
                                                                <template v-for="(detail, index) in userDetails.experiences" v-if="index > 2">
                                                                    <tr>
                                                                        <td style="padding-bottom: 10px;">
                                                                            <p class="bold">@{{ detail.positiontitle }}<span 
                                                                                style="float: right;"><a href="javascript:void(0)" class="action" @click="editCareerSummary(index)"><img 
                                                                                    src="{{ asset('img/cv_builder/function_cv/edit.svg') }}" alt="edit" /></a><a href="javascript:void(0)" class="action" 
                                                                                    @click="confirm(detail.id, 'careerSummary', 'experiences', 'removeUserCareerSummary')"><img 
                                                                                    src="{{ asset('img/cv_builder/function_cv/close.svg') }}" alt="close" /></a></p>
                                                                            <p v-if="detail.city && detail.commancompanies && detail.commancompanies.country">@{{ detail.commancompanies.name }}, @{{ detail.city.name }}, @{{ detail.commancompanies.country.name }} 
                                                                                • @{{ detail.start_date | dateFormat('MM/Y') }} - <template v-if="detail.is_current == 1">Present</template><template
                                                                                v-else>@{{ detail.end_date | dateFormat('MM/Y') }}</template></p>
                                                                            <div class="alert alert-dismissible fade show alert-danger m-0" v-if="(!$v.userDetails.required || !$v.userDetails.experiences.required || 
                                                                                !$v.userDetails.experiences.$each[index].achievement_summary.minLength || !$v.userDetails.experiences.$each[index].achievement_summary.required) && cv_footer.formSubmit"
                                                                                :class="{ 'cv--input--error': (!$v.userDetails.experiences.$each[index].achievement_summary.minLength || !$v.userDetails.experiences.$each[index].achievement_summary.required)}">
                                                                                    <button type="button" class="close" onClick="$(this).closest('.alert').hide()">×</button>
                                                                                    <strong>Experience Achievement detail is mandatory to fill up.</strong>
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                </template>
                                                            </template>
                                                            <template v-else>
                                                                <tr>
                                                                    <td><p class="text-justify">Please add all the relevant work experience you have had; include your entire work history, promotions within organisations, 
                                                                        consultancy work, memberships and advisory roles.</p></td>
                                                                </tr>
                                                            </template>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="text-align: center;">
                                            <a href="javascript:void(0)" class="btn">www.empower.co.tz</a>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <cv-builder-footer cvtype="executive_cv" id="executive_cv" publish_id="publish_executive_cv"
        preview_id="preview_executive_cv" template_id="4"></cv-builder-footer>
</div>
@endsection

@push('pageCss')
    <link href="https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap" rel="stylesheet" />
    @include('front.modules.cv_builder.executive_cv.common')
@endpush

@push('secondary_pageJs')
    <script>
        var previewCv = "{{ route('front.cv_builder.preview_cv') }}";
        var getExperienceSummaryData = "{{ route('front.cv_builder.get_experience_summary') }}";
    </script>
    <script type="text/javascript" src="{{ asset('js/front/cv_builder/executive_cv.js') }}"></script>
@endpush

@push('secondary_pageModals')
    @include('front.modules.cv_builder.executive_cv.modals.contact_details')
@endpush