{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_head %}
{{ parent() }}
{% if job.jobPostingForGoogle %}
{% sw_include '@CogiRecruiting/storefront/page/recruiting/meta.html.twig' %}
{% endif %}
{% endblock %}
{% block base_content %}
{{ parent() }}
{% set categoryId = app.request.get('categoryId') %}
{% set contactMedia = "" %}
{% set previewMedia = "" %}
{% for item in media %}
{% if (item.id == job.get('contactMediaId')) %}
{% set contactMedia = item %}
{% endif %}
{% if (item.id == job.get('previewMediaId')) %}
{% set previewMedia = item %}
{% endif %}
{% endfor %}
{% if(job.get('previewMediaId')) %}
<div class="mb-4" style="height: 350px; overflow:hidden;border-radius: 3px;">
<img src="{{ previewMedia.url }}" alt="Preview Media" class="mr-2" style="width: 100%;height:auto;">
</div>
{% endif %}
<h1 class="h2" style="word-break: break-word;">{{ job.translated.title }}</h1>
{% if(job.get('location')) %}
<b>{{ 'cogi-recruiting.job.location' | trans }}:</b>
{% if(job.get('street')) %}{{ job.get('street') }}{% endif %}
{% if(job.get('housenumber')) %}{{ job.get('housenumber') }}, {% endif %}
{% if(job.get('zip')) %}{{ job.get('zip') }}{% endif %}
{% if(job.get('place')) %}{{ job.get('place') }}{% endif %} -
{% endif %}
<b>{{ 'cogi-recruiting.job.createdAt' | trans }}
:</b> {{ job.get('createdAt')|format_date('long', locale=app.request.locale) }}
<div class="row mt-2">
<div class="col-auto">
<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#cogi-recruiting-apply" aria-label="{{ 'cogi-recruiting.job.applynow' | trans }}" title="{{ 'cogi-recruiting.job.applynow' | trans }}">
{{ 'cogi-recruiting.job.applynow' | trans }}
</button>
{% if(job.get('contact')) %}
<button class="btn btn-sm" data-toggle="modal" data-target="#cogi-recruiting-contact" aria-label="{{ 'cogi-recruiting.job.needhelp' | trans }}" title="{{ 'cogi-recruiting.job.needhelp' | trans }}">
{% if(contactMedia.url) %}
{% sw_thumbnails 'recruiting-contactperson' with {
media: contactMedia,
sizes: {
'default': '310px'
},
attributes: {
'class': 'cogirecruiting-contactimage',
'alt': 'ContactPerson'
}
} %}
{% endif %}
{{ 'cogi-recruiting.job.needhelp' | trans }}
</button>
<div class="modal fade" id="cogi-recruiting-contact">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">
{{ 'cogi-recruiting.job.contact' | trans }}
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
{% if(contactMedia.url) %}
<div class="col-md-4">
<img src="{{ contactMedia.url }}" alt="ContactPerson image" style="width: 100%;border-radius: 3px">
</div>
{% endif %}
<div class="col-md">
<h2>{{ job.get('contactName') }}</h2>
<p>
{{ 'cogi-recruiting.job.soReach' | trans }}:<br>
{% if(job.get('contactMail')) %}
<b>{{ 'cogi-recruiting.job.mail' | trans }}
:</b> {{ job.get('contactMail') }}<br>
{% endif %}
{% if(job.get('contactTelephone')) %}
<b>{{ 'cogi-recruiting.job.telephone' | trans }}
:</b> {{ job.get('contactTelephone') }}
{% endif %}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
<hr>
<p class="mt-4">
{{ job.translated.description|raw }}
</p>
<div class="text-center">
{{ 'cogi-recruiting.job.interested' | trans }}
<button class="btn mt-2 btn-primary btn-block" aria-label="{{ 'cogi-recruiting.job.applynow' | trans }}" title="{{ 'cogi-recruiting.job.applynow' | trans }}" data-toggle="modal" data-target="#cogi-recruiting-apply">
{{ 'cogi-recruiting.job.applynow' | trans }}
</button>
</div>
<div class="modal fade" id="cogi-recruiting-apply">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">
{{ 'cogi-recruiting.apply.label' | trans }}
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" data-cogi-recruiting-profile>
<form method="post" action="{{ path('frontend.cogirecruiting.api.apply') }}" enctype="multipart/form-data" data-form-csrf-handler="true">
{{ sw_csrf('frontend.cogirecruiting.api.apply') }}
<input type="hidden" value="{{ job.get('id') }}" name="id">
<div class="row">
<div class="col-auto">
<label>{{ 'cogi-recruiting.apply.profile' | trans }} {% if(config('CogiRecruiting.config.CogiRecruitingProfilePictureRequired')) %}*{% endif %}</label>
<div class="cogi-profile-pic-container">
<div class="circle" onclick="document.getElementById('file-upload').click();">
<img id="profile-pic" alt="Profile" src="data:image/png;base64,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">
</div>
<input id="file-upload" name="profile-image" type="file" accept="image/*">
</div>
</div>
<div class="col-md">
<label for="cogi-recruiting-name">{{ 'cogi-recruiting.apply.name' | trans }} *</label>
<input type="text" class="form-control" id="cogi-recruiting-name" name="name" placeholder="{{ 'cogi-recruiting.apply.name' | trans }}..." required>
<br>
<label for="cogi-recruiting-prename">{{ 'cogi-recruiting.apply.prename' | trans }} *</label>
<input type="text" class="form-control" id="cogi-recruiting-prename" name="prename" placeholder="{{ 'cogi-recruiting.apply.prename' | trans }}..." required>
</div>
</div>
<div class="mt-4">
<label for="cogi-recruiting-email">{{ 'cogi-recruiting.apply.email' | trans }} *</label>
<input type="email" class="form-control" id="cogi-recruiting-email" name="email" placeholder="{{ 'cogi-recruiting.apply.email' | trans }}..." required>
</div>
{% if(config('CogiRecruiting.config.CogiRecruitingTelephoneNumber')) %}
<div class="mt-4">
<label for="cogi-recruiting-telephone">{{ 'cogi-recruiting.apply.tel' | trans }} *</label>
<input type="tel" class="form-control" id="cogi-recruiting-telephone" name="telephone" placeholder="{{ 'cogi-recruiting.apply.tel' | trans }}..." required>
</div>
{% endif %}
<div class="mt-4">
<label for="cogi-recruiting-message">{{ 'cogi-recruiting.apply.message' | trans }} *</label>
<textarea rows="10" class="form-control" id="cogi-recruiting-message" name="message" placeholder="{{ 'cogi-recruiting.apply.message' | trans }}..." required></textarea>
</div>
{% if config('CogiRecruiting.config.CogiRecruitingFileUploadDeactivate') == false %}
<div class="mt-4">
<label for="cogi-recruiting-upload">{{ 'cogi-recruiting.apply.upload' | trans }} {% if config('CogiRecruiting.config.CogiRecruitingFileUploadNoRequired') == false %}*{% endif %} <span id="cogi-recruiting-upload-alert" style="color: red; font-weight: bold; display: none" data-original-text="{{ 'cogi-recruiting.apply.sizeLimit' | trans }}"></span> </label>
<input type="file" class="form-control" data-max-size="{{ config('CogiRecruiting.config.CogiRecruitingUploadMaxSize') * 1000000 }}" id="cogi-recruiting-upload" name="upload[]" accept=".png, .pdf" {% if config('CogiRecruiting.config.CogiRecruitingFileUploadNoRequired') == false %}required{% endif %} multiple>
<small>
{{ 'cogi-recruiting.apply.maxSize' | trans }}
: {{ config('CogiRecruiting.config.CogiRecruitingUploadMaxSize') }} MB -
{{ 'cogi-recruiting.apply.allowedExtensions' | trans }}:
.{{ config('CogiRecruiting.config.UploadFileTypes')|split(',')|join(', .') }} -
{{ 'cogi-recruiting.apply.maxAmount' | trans }}
: {{ config('CogiRecruiting.config.UploadFileLimit') }}
</small>
</div>
{% endif %}
<div class="mt-4">
<button class="btn btn-primary cogi-recruiting-btn" type="submit" style="width: 100%" aria-label="{{ 'cogi-recruiting.apply.label' | trans }}" title="{{ 'cogi-recruiting.apply.label' | trans }}">
{{ 'cogi-recruiting.apply.label' | trans }}
</button>
</div>
</form>
</div>
</div>
</div>
</div>
{% endblock %}