<div class="jwt-modal tw-hidden tw-fixed tw-inset-0 tw-bg-black tw-bg-gray-800 tw-bg-opacity-75 tw-z-[1050]"
tabindex="-1" role="dialog" id="zipcode-info-box">
<div class="jwt-modal-dialog tw-w-full md:tw-max-w-[40%] lg:tw-max-w-[30%] xs:tw-max-w-[80%] tw-mx-auto tw-top-1/4 tw-fixed md:tw-left-[30%] xs:tw-left-[10%]"
role="document">
<div class="jlls-card">
<div class="jlls-card-title tw-flex tw-justify-between tw-items-center">
<span class="jlls-card-title-text md:tw-text-base xs:tw-text-sm">{{ title|trans }}</span>
<button type="button" class="tw-text-white hover:tw-opacity-80 tw-text-2xl tw-leading-none" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="tw-relative tw-p-6 tw-text-center tw-flex tw-flex-col tw-items-center tw-content-center md:tw-text-base xs:tw-text-sm">
<p class="jlls-text">Du kannst nur in dem Umkreis nach Kandidaten suchen, der für deine Stellenanzeigen infrage kommt.</p>
<p class="jlls-text">Willst du auch woanders suchen?</p>
{% if limitedInSearch is defined and limitedInSearch %}
{% set paymentPageUrl = path('account.subscription.jobofferer.choose_and_pay_form') %}
{% set plusEditor = path('account.recurrent_jobs.new_plus_router' ) %}
{% set href = membership_service.userHasActiveMembership(app.user) ? plusEditor : paymentPageUrl %}
<a class="jlls-button-default tw-mt-4"
href="{{ href }}">
{{ buttonText|trans }}
</a>
{% endif %}
</div>
</div>
</div>
</div>