<div class="modal fade" data-component="ShowFileInput" id="vacancyApplyModal" tabindex="-1" role="dialog" aria-labelledby="vacancyApplyModal"
aria-hidden="true">
<div class="modal-dialog modal-lg" role="document" data-component="LinkedinImport">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title">{{ 'Apply for'|trans }} "{{ vacancy.title }}"</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><a class="fal fa-times"></a></span>
</button>
</div>
{% if vacancy.canApply %}
{{ form_start(form, {'attr': {'data-component': 'Form'}}) }}
<div class="modal-body">
{% if config_setting('site_applicant_apply_via_linkedin') and linkedin_client_id and linkedin_client_secret %}
<div class="w-100 text-center mb-5">
<a href="#" class="is-btn is-background-color-accent import-linkedin">
<i class="fab fa-linkedin"></i> {{ 'Import from linkedin'|trans }}
</a>
</div>
{% endif %}
{% include 'pages/partials/application_form_decorator.html.twig' %}
</div>
<div class="modal-footer button-set h-align h-align-center">
<button data-loader="{{ asset('assets/contentbox/spinner-black.svg') }}" data-action="Apply" class="is-btn is-background-color-accent" type="submit" id="submit_btn">
{{ 'Send'|trans }}
</button>
</div>
{{ form_end(form) }}
{% else %}
{% block unavailable_message %}
<div class="modal-body">
<p>{{ 'Applying to this vacancy is disabled'|trans }}</p>
</div>
{% endblock %}
{% endif %}
</div>
</div>
</div>