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

{% block title %}{% trans %} My dashboard | Promotip {% endtrans %}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('dashboard') }}
    {{ encore_entry_link_tags('dropzone') }}
    <link rel="stylesheet" href="{{ asset('build/css/upsale.css') }}">
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('dropzone') }}
    {{ encore_entry_script_tags('dashboard_events') }}
{% endblock %}

{% block dashboard %}

    {% set beforeMsgPay = 'Wilt u uw extra advertentie "' %}
    {% set endMsgPay = '" activeren?' %}
<div><blockquote class="modernBlockquote overview-dashboard-index">
        <strong>Je hebt het limiet aan gratis advertenties voor de afgelopen 7 dagen bereikt.</strong>
        Voor slechts 1,00€ activeer je deze advertentie voor 30 dagen publicatie. Bereik meer klanten en vergroot je zichtbaarheid – eenvoudig en voordelig!
    </blockquote>
</div>

<div class="bg-beige mt-4 pb-2 pt-2 pl-2 overview-dashboard-index">
    {{ beforeMsgPay ~ eventAdvert.title ~ endMsgPay }} <br>(Betalen via Bancontact, Ideal of Paypal)</div>


<form method="POST" id="paymentForm">
    <input type="hidden" name="token" value="{{ csrf_token('event-pay') }}"/>
    <input type="hidden" id="entity" name="entity" value="{{ eventAdvert.id }}">
    <input type="hidden" id="entity_name" name="entity_name" value="{{ eventAdvert.title }}">

    <div class="row overview-dashboard-index">
        <div class="col-12 ml-auto">
            <div class="row mt-4">
                    <div class="col col-sm-6 col-lg-4 mb-4 mx-auto">
                        <div class="pop-option bg-transparent">&nbsp;</div>
                        <div class="text-center">
                            <input type="radio" class="upsale_radio_button" name="payment_duration" value="ONE_MONTH_FREE_ADVERT" id="ONE_MONTH_FREE_ADVERT">
                            <label for="ONE_MONTH_FREE_ADVERT">
                                <div class="box-upsale-item">
                                    <h3>Activatie extra advertentie</h3>
                                    <hr class="d-block d-xs-none"/>
                                    <p class="mt-4 mb-2">Activatie 30 dagen</p>
                                    <strong>1€</strong>
                                    <p class="text-uppercase">Kies optie</p>
                                </div>
                            </label>
                        </div>
                    </div>
            </div>
        </div>
    </div>

        <input type="hidden" name="token" value="{{ csrf_token('event-pay') }}"/>
        <input type="hidden" id="entity" name="entity" value="{{ eventAdvert.id }}">
        <input type="hidden" id="entity_name" name="entity_name" value="{{ eventAdvert.title }}">

        {% if userCredit is defined and userCredit is not null and userCredit >= minimumBalance %}
            <div class="bg-beige mt-4 pb-2 pt-2 pl-2 overview-dashboard-index">
                Wilt u uw extra advertentie met <strong>credits</strong> activeren?
            </div>

            {% if userCredit <= 1 %}
                <div class="alert alert-warning mt-3 overview-dashboard-index" role="alert">
                    U heeft momenteel niet genoeg credits voor de activatie met credits. <br>Indien gewenst kunt u uw saldo opwaarderen via het tabblad "credits" in het menu.
                </div>
            {% endif %}
      
            {% if userCredit >= minimumBalance * 2 %}
              <div class="row overview-dashboard-index">
                <div class="col-12 ml-auto">
                <div class="row mt-4">
                    <div class="col col-sm-6 col-lg-4 mb-4 mx-auto">
                        <div class="pop-option bg-transparent">&nbsp;</div>
                        <div class="text-center">
                            <input type="radio" class="upsale_radio_button" name="payment_duration" value="CREDIT_ONE_MONTH_FREE_ADVERT" id="CREDIT_ONE_MONTH_FREE_ADVERT">
                            <label for="CREDIT_ONE_MONTH_FREE_ADVERT">
                                <div class="box-upsale-item">
                                    <h3>Activatie extra advertentie</h3>
                                    <hr class="d-block d-xs-none"/>
                                    <p class="mt-4 mb-2">Activatie 30 dagen</p>
                                    <strong>1 credit</strong>
                                    <p class="text-uppercase">Kies optie</p>
                                </div>
                            </label>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            {% endif %}
        {% endif %}
        <button type="submit" class="btn btn-lg p-2 btn-pink btn-block mb-5 overview-dashboard-index">Doorgaan naar betalen</button>
    </form>

    {% endblock %}