{% extends 'base.html.twig' %}

{% block wrapperStyle %}
    {% if data.brandhub.brandhubCampaign != true %}
        {{ caCustomBg(data.pdata.data) }}
    {% endif %}
{% endblock %}
{% block wrapperClass %}campaignpage refundmodule{% endblock %}

{% block javascript %}
{% endblock %}

{% block brandhubWrapper %}
    {% if data.brandhub.brandhubCampaign %}
        {% include 'includes/brandhubview.html.twig' with {
        data : data
        } %}
    {% endif %}
{% endblock brandhubWrapper %}

{% block body %}
<div class="container clearfix navpadding">
    {{ renderTwigBlock('includes/campaigns/campaign.submenu',{ 'campaignData' : data}) }}

    <div class="col-md-12 col-sm-12 col-xs-12 p0">
        <div class="col-md-9 col-sm-12 col-xs-12">
            <div class="content col-md-12 col-sm-12 col-xs-12 p0">
                <h1 class="col-md-12 mt15 mb15">{{ "REFUND_BTN"|translate }}</h1>

                <div class="col-md-12 pb15 clearfix">
                    <div class="text-left mb20">{{ introText|raw }}</div>
                </div>
                <div class="clearfix"></div>
                {% if success %}
                    <div>{{ success|raw }}</div>
                {% endif %}
                <div class="intro col-md-6">
                    <a class="tips" href="javascript:void(0);" data-toggle="modal" data-target="#tipsrefund">
                        <i class="fa fa-exclamation-circle"></i>
                        <span>{{ "TIPS_REFUND"|translate }}</span>
                    </a>
                </div>
                <div class="col-md-6">
                    {{ conditions|raw }}
                </div>

                <div class="clearfix"></div>
                <div class="col-md-12 p20 overview">
                    {% if loggedin() %}
                        {% if errors %}
                            {{ errors|raw }}
                        {% endif %}

                        {{ viewport|raw }}

                    {% else %}
                        <div class="not-loggedin text-center col-md-12 col-sm-12">
                            <h2 class="col-md-12 col-sm-12">{{ "REGISTER_LOGIN"|translate }}</h2>
                            <p class="col-md-12 col-sm-12">{{ "STR_LOGINFIRST"|translate }}</p>
                            {% set currentPath = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
                            <a href="{{ path('site_login') }}?_target_path={{ currentPath }}"
                               class="loginLink btn btn-primary blue mt10 mb25">
                                {{ "REGISTER_LOGIN"|translate }}</a>
                        </div>
                    {% endif %}
                </div>
            </div>
            {% include 'includes/snippets/tips.modal.html.twig' with {
                module : 'refund',
                title : tips_title,
                content : tips_text
            } %}
        </div>


        {{ renderTwigBlock('includes/campaigns/campaign.sidebar') }}
    </div>
</div>
    <script type="text/javascript">
        function goStepBackWard(step)
        {
            document.formulier.step.value=step;
            document.formulier.submit();
        }

    </script>

{% endblock body %}

{% block readyStateFunction %}

    {% if refund_page %}
        loadJS('{{ regGet('general_jspath') }}cleave.min.js', function(){
            document.querySelectorAll('.maskDec').forEach(function(el) {
                new Cleave(el, {
                    numeral: true,
                    numeralThousandsGroupStyle: 'none',
                    numeralIntegerScale: 2,
                    numeralDecimalMark: '.',
                    numeralPositiveOnly: true,
                    onValueChanged: function (e) {

                    }
                });
            });
        });


        {#loadJS('{{ regGet('general_jspath') }}validation/jquery.validate.min.js', function(){});#}
        {#loadJS('{{ regGet('general_jspath') }}jquery.maskedinput.min.js', function(){#}
            {#$.mask.definitions['~'] = "[+-]";#}
            {#$.mask.definitions['^'] = "[1234567890 ]";#}
            {#$(".maskDec").mask("99.99");#}
        {#});#}
        changeTotal();
    {% endif %}

{% endblock readyStateFunction %}