[viewBag]
==
<?php
function onStart()
{
    $this['extendId'] = 0;//microtime(true);
}
?>
==
{% put scripts %}
<script>
$( "#newsletterForm{{ extendId }}" ).on('ajaxAlways', function() {
    $("#loading{{ extendId }}").css("display","none");
});

$( "#newsletterForm{{ extendId }}" ).submit(function( event ) {
    //alert( "Handler for .submit() called." );
    $("#loading{{ extendId }}").css("display","block");
    //alert("Got here");
    $('#newsletterForm{{ extendId }}').request('{{ __SELF__ }}::onFormSubmit', {
        flash: 1,
        success: function(data) {
        this.success(data).done(function() {
            //alert("Succuess");
            const elemToHideMain = document.querySelectorAll("#newsletterForm{{ extendId }} .hide-js");
            //alert("hidding now");
            elemToHideMain.forEach(function(element) {
              element.style.display = 'none';
            });
            //$('html, body').animate({
            //    scrollTop: ($("body").offset().top)
            //}, 200);
            $("#{{ __SELF__ }}_forms_flash").html("Thank you for subscribing to Caribbean Travel & Tours! We look forward to inspiring you.");
            $("#{{ __SELF__ }}_forms_flash").addClass("alert alert-success");
        });},
        //error: function (request, status, error) {
        //    alert(request.responseText);
        //    $("#loading{{ extendId }}").css("display","none");
        //}
    });
  event.preventDefault();
});
</script>
{% endput %}
<form id="newsletterForm{{ extendId }}" class="">
<div class="row">
    <div class="col-12 d-flex">
        {{ form_token() }}
        <input class="form-control hide-js" name="Email" placeholder="Enter email address" required />
        <button type="submit" class="hide-js" data-attach-loading><span id="loading{{ extendId }}" style="display: none"><i class="fa fa-spinner fa-spin"></i></span> Subscribe {{ idextent }}{{ __SELF__.idextent }}</button>
    </div>
    <div class="col-12">
        <div id="{{ __SELF__ }}_forms_flash" class=""></div>
    </div>
    <div class="col-12 hide-js">
        {% partial '@recaptcha' %}
    </div>
</div>
</form>