{% extends twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Search/Flight/flightSearch_index.html.twig') %}
{% block modal %}
{{ parent() }}
{# This is the modal only for login, register, etc #}
<div id="js-modalLogin" class="modal fade modalLogin js-loginUser">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close close-login" data-dismiss="modal">
<span aria-hidden="true">×</span><span class="sr-only">Close</span>
</button>
<h4 class="modal-title js-modalErrorTitle">
Bienvenido a Aviatur.com
</h4>
</div>
<div id="js-ajaxLogin" class="modal-body">
<div class="wrapper-susy">
<div class="col-12 sm-12">
{% for type, messages in app.session.flashBag.all %}
{% for message in messages %}
<div class="{{type}}">
{{message|trans({},'FOSUserBundle') }}
</div>
{% endfor %}
{% endfor %}
{% block fos_user_content %}
{% endblock fos_user_content %}
</div>
<div class="col-4 sm-12 text-center sp-offset--big hide">
{% if 'user_security_login' in app.request.get('_route') %}
<div class="sp-vinset">¿Aún no tiene cuenta?</div>
<a href="/register" class="btn">Registrarse</a>
{% elseif 'user_registration_register' in app.request.get('_route') %}
<div class="sp-vinset login-ct">¿Ya tiene cuenta?</div>
<a href="/login" class="btn login-ct">Ingresar</a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock modal %}
{% block javascripts_bottom %}
{{ parent() }}
<script type="text/javascript">
jQuery(document).ready(function () {
var $datepickerInput = jQuery('.js-datepicker'),
$dateTarget = jQuery('#' + $datepickerInput.data('datetarget')),
inputDate = $dateTarget.val();
if (inputDate) {
$datepickerInput.val(jQuery.datepicker.formatDate('dd/mm/yy', AVutil.getFullDate(inputDate), {}));
}
$datepickerInput.datepicker({
dateFormat: "dd/mm/yy",
showOn: "focus",
minDate: "-118y",
maxDate: "today",
defaultDate: inputDate,
changeMonth: true,
changeYear: true,
yearRange: "-118y:today",
onSelect: function (dateText, inst) {
var cur = -1;
cur = (new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)).getTime();
var dateDisplay = jQuery.datepicker.formatDate('dd/mm/yy', new Date(cur), {});
var dateInput = jQuery.datepicker.formatDate('yy-mm-dd', new Date(cur), {});
jQuery(this).val(dateDisplay);
$dateTarget.val(dateInput);
},
beforeShow: function (input, inst) {
jQuery(this).datepicker('setDate', jQuery(input).val());
inst.dpDiv.addClass('ui-datepicker-modal');
}
});
if (window.location.pathname.match(/login|register|password-resset|check-email|send-email|reset/ig)) {
jQuery('.js-loginUser').modal();
}
$dateTarget.attr('type', 'hidden'); // force hidden type, please
});
</script>
{% endblock %}