{% extends '@IGACoreBundle/layout.html.twig' %}

{% block head_style %}
    {{ parent() }}
    {{ encore_entry_link_tags('content') }}
    {{ encore_entry_link_tags('form') }}
{% endblock head_style %}

{% block head_script %}
    {{ parent() }}
    {{ encore_entry_script_tags('content') }}
    {{ encore_entry_script_tags('form') }}
{% endblock head_script %}

{% block title %}{{ 'Refer and Earn Credits'|phrase|lower|capitalize }}{% endblock title %}

{% block page_header_h1 %}{{ 'Refer and Earn Credits'|phrase|lower|capitalize }}{% endblock page_header_h1 %}

{% block content %}

    <p>
    <div class="pull-right">
        <a href="{{ path('iga_user_referred_list', { 'cultureString': userLanguage.cultureString } ) }}" class="btn btn-primary">{{ 'See Referred People'|phrase }}</a>
    </div>
    {{ 'Refer people to this site and earn credits to spend on this site'|phrase }}.
</p>

<div class="row-fluid">

    <div class="col-1">&nbsp;</div>
    <div class="col-10">
        {% include "@ContactBundle/Form/refer.html.twig" %}
    </div>
    <div class="col-1">&nbsp;</div>

</div>

{% endblock content %}

{% block foot_script %}
    {{ parent() }}
    <script language="Javascript">

        var counter = 0;

        function addRecipient() {

            var oneRecipient = $('#addNewRecipient').html();
            oneRecipient = findAndReplace(oneRecipient, 'Counter', counter);
            oneRecipient = findAndReplace(oneRecipient, 'not-required', 'required');

            var allRecipients = $('#recipients').html();
            allRecipients += oneRecipient;
            $('#recipients').html(allRecipients);

            counter += 1;
        }

        $(document).ready(function () {

            addRecipient();

            $('#btnAddRecipient').click(function () {
                addRecipient();
                return false;
            });
        });
    </script>
{% endblock foot_script %}