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

{% block title %}{{ 'Mijn dashboard | Promotip'|trans }}{% endblock %}

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

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

{% block dashboard %}

    {% set beforeMsgPay = 'Wilt u de advertentie "' %}
    {% set endMsgPay = '" activeren als premium advertentie?' %}
    <div class="custom-premium-info">
        <blockquote class="customBlockquote">
            <p>Big Premium-advertenties worden prominent weergegeven bovenaan op de homepagina.</p>
            <p>Op deze manier krijgt uw advertentie <strong>maximale zichtbaarheid en bereik</strong>!</p>
        </blockquote>
    </div>

    <div class="custom-payment-prompt bg-light mt-4 py-3 px-3">
        <p>{{ beforeMsgPay ~ premiumEventAdvert.title ~ endMsgPay }}</p>
        <p><small>(Betalen via Bancontact, Ideal of Paypal)</small></p>
    </div>

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

        <div class="custom-form-group">
            <div class="custom-form-check">
                <input class="custom-form-check-input" type="radio" name="payment_duration" id="oneWeek" value="ONE_WEEK">
                <label class="custom-form-check-label" for="oneWeek">
                    Een week in de kijker (€6,25)
                </label>
            </div>
        </div>
        <div class="custom-form-group">
            <div class="custom-form-check">
                <input class="custom-form-check-input" type="radio" name="payment_duration" id="twoWeeks" value="TWO_WEEKS">
                <label class="custom-form-check-label" for="twoWeeks">
                    Twee weken in de kijker (€12,50)
                </label>
            </div>
        </div>
        <div class="custom-form-group">
            <div class="custom-form-check">
                <input class="custom-form-check-input" type="radio" name="payment_duration" id="oneMonth" value="ONE_MONTH">
                <label class="custom-form-check-label" for="oneMonth">
                    Een maand in de kijker (€25,00)
                </label>
            </div>
        </div>

        <button type="submit" class="custom-btn btn-lg btn-primary btn-block mb-5">Doorgaan naar betalen</button>
    </form>

{% endblock %}