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

{% block dashboard %}
     <div class="row overview-dashboard-index">
        <div class="col-12 mb-5">
            <div class="card text-center">
                <div class="card-header" style="background-color: #dfc7bb;">
                    Speciale aanbieding
                </div>

{#<blockquote>
                <strong>Eindejaarsactie: </strong> tot en met 15 januari 2025 krijgt u <u>credits aan 0,32€</u>.<br/>
                Uw credits blijven ook na de eindejaarsactie onbeperkt geldig!
                <p> <a href="https://www.promo-tip.nl/dashboard/credit/" class="btn btn-sand">Koop ze hier!</a>
</p>.
            </blockquote>#}
                <div class="card-body">
                    <h5 class="card-title">Activeer uw premium aan voordelige tarieven met credits!</h5>
                    <p class="card-text">Nog geen credits? Geen probleem!</p>
                    <a href="https://www.promo-tip.nl/dashboard/credit/" class="btn btn-sand">Koop ze hier!</a>
                </div>
                <div class="card-footer text-muted">
                    Mis deze kans niet!
                </div>
            </div>
        </div>

        <div class="col-4">
            <a class="btn btn-purple" href="{{ url('dashboard_event') }}">{% trans %}newEvent{% endtrans %}</a>
        </div>
        <div class="col-8 float-right">
            <div class="btn-group float-right">
                <a class="btn btn-purple" href="{{ url('dashboard_index') }}">{% trans %}allEvents{% endtrans %}</a>
                <a class="btn btn-purple" href="{{ url('dashboard_event_active') }}">{% trans %}activeEvents{% endtrans %}</a>
                <a class="btn btn-purple" href="{{ url('dashboard_event_inactive') }}">{% trans %}inactiveEvents{% endtrans %}</a>
            </div>
        </div>
        <div class="col-12">
            {% if ac == 'del-advert' %}
                <div class="alert alert-success mt-2">
                    Advertentie is verwijderd
                </div>
            {% endif %}
            {% if events is defined and events is not empty %}
                <div class="row mt-4">
                    {% for event in events %}
                        {% set eventChannel = '' %}
                        {% set eventChannelTitle = '' %}
                        {% for channel in channels %}
                            {% if (channel.id == event.channel) %}
                                {% set eventChannel = channel.getRoute|replace({'_category' : '_advert'}) %}
                                {% set eventChannelTitle = channel.getName %}
                            {% endif %}
                        {% endfor %}

                        {% set eventCategory = '' %}
                        {% for category in categories %}
                            {% if (category.id == event.category) %}
                                {% set eventCategory = category.getTitleSlug %}
                            {% endif %}
                        {% endfor %}
                        <div class="col-6 col-sm-6 col-lg-4 mb-4">
                            <div class="card h-100 rounded-0">
                                {% set advertLink = url(eventChannel, {category : eventCategory, slug : event.titleSlug }) %}
                                {% set modalToggle = '' %}
                                {% if event.status == 0 %}
                                    {% set advertLink = '#' %}
                                    {% set modalToggle = 'data-toggle="modal" data-target="#advert-payment-%s"'|format(event.id) %}
                                {% endif %}
                                {% if event.photos|first.imageName is defined %}
                                    <a href="{{ advertLink }}" class="a-block-fixed-height" {{ modalToggle|raw }}>
                                        <img
                                                class="img-fluid text-center img-contain-vertical-align"
                                                src="{{ asset('/media/events/' ~ event.photos|first.imageName) | imagine_filter('event_fixed') }}"
                                                alt="{{ event.photos|first.imageAlt }}" /> </a>
                                {% else %}
                                    <a href="{{ advertLink }}" {{ modalToggle|raw }}>
                                        <img class="card-img-top" style="height: 100%; width: 100%; object-fit: contain" src="assets/images/no-image.png" alt=""/></a>
                                {% endif %}

                                <div class="card-body"
                                     style="padding-top: 10px;padding-left: 5px;padding-right: 10px;padding-bottom: 10px;">
                                    <small class="fw-300 text-blue">{{ eventChannelTitle }}</small>
                                    <h5 class="card-title text-uppercase text-truncate text-gray fw-300 m-0 p-0">
                                        <a href="{{ advertLink }}" {{ modalToggle|raw }}
                                           class="text-gray">{{ event.title }}</a>
                                    </h5>
                                    {% for geo in geoPlaces %}
                                        {% if event.geoPlacesId > 0 and geo.id == event.geoPlacesId %}
                                            <small class="font-italic text-blue">{{ geo.locality }}</small>
                                        {% elseif event.geoPlacesId == null and event.company.geoPlacesId > 0 and geo.id == event.company.geoPlacesId %}
                                            <small class="font-italic text-blue">{{ geo.locality }}</small>
                                        {% endif %}
                                    {% endfor %}

                                    <div class="row mt-3">
                                        <div class="col-12 col-sm-6">
                                            <div class="row d-none">
                                                <div class="col-1 p-0"><i class="fa fa-calendar-alt text-pink"></i></div>
                                                <div class="col">
                                                    {% if event.eventStartDate != null %}
                                                        {{ event.eventStartDate|displayDate }}
                                                    {% endif %}
                                                </div>
                                            </div>
                                            <div class="row" style="padding-left: 1em;">
                                                <div class="col-1 p-0"><i class="fa fa-eye text-pink"></i></div>
                                                <div class="col">{{ event.views*1 }}</div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6 d-none">
                                            <div class="row">
                                                <div class="col-1 p-0"><i class="fa fa-clock text-pink"></i></div>
                                                <div class="col">
                                                    {% if event.startHour != null %}
                                                        {{ event.startHour|date('H:i') }}
                                                    {% endif %}
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-1 p-0"></div>
                                                <div class="col">
                                                    {% if event.endHour != null %}
                                                        {{ event.endHour|date('H:i') }}
                                                    {% endif %}
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    {% if event.paymentStatus == 'paid' %}
                                        <div class="row mt-3">
                                            <div class="col">
                                                <strong>Online tot <span style="color:#8C4968">{{ get_premium_ending_date(event) }}</span></strong>
                                            </div>
                                        </div>
                                    {% endif %}

                                    <div class="row mt-3 ml-1">
                                        <div class="col-md-6 col-sm-12 p-0">
                                            <a href="{{ url('dashboard_event', {'id' : event.id}) }}" style="color:#8C4968"><i
                                                        class="fa fa-edit"></i>Wijzigen</a></div>
                                        <div class="col-md-6 col-sm-12 p-0 text-"><a href="{{ url('dashboard_eventadvert_delete', {'id' : event.id}) }}" style="color:#8C4968;" onclick="return confirm('Bent u zeker dat u deze advertentie wenst te verwijderen?');"><i
                                                        class="fa fa-trash"></i>Verwijder</a></div>
                                        {% if event.premium == false %}
                                            <div class="col-md-12 col-sm-12 p-0 mt-3 text-center">
                                                <a class="btn btn-purple btn-make-payment" style="margin-right: 15px;" href="{{ url('dashboard_eventadvert_pay', {'id' : event.id,'advert-type':'premium'}) }}">Activeer premium</a>
                                            </div>
                                        {% endif %}

                                        {% if event.status == 0 and event.getPaymentStatus == 'pending' %}
                                            <div class="col-md-12 col-sm-12 p-0 mt-3 text-center">
                                                <a class="btn btn-purple btn-make-payment" style="margin-right: 15px;" href="{{ url('dashboard_free_event_advert_pay', {'id' : event.id}) }}">Activatie extra advertentie</a>
                                            </div>
                                        {% endif %}
                                    </div>

                                </div>
                            </div>
                        </div>
                        {% if event.status == 0 %}
                            <div class="modal fade" id="advert-payment-{{ event.id }}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">{% trans %}Activate advert{% endtrans %}</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body text-center">
                                            <p>
                                                Deze advertentie is niet actief. Volg deze link om &euro;1 te betalen voor activering van uw extra advertentie.
                                            </p>
                                            <a class="btn btn-purple btn-make-payment" style="margin-right: 15px;" href="{{ url('dashboard_free_event_advert_pay', {'id' : event.id}) }}">Activatie extra advertentie</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {% endif %}
                    {% endfor %}
                </div>
            {% else %}
                <div class="alert alert-warning mt-4">
                    U heeft nog geen advertentie gepubliceerd. <br>Maak gratis uw advertentie aan en start meteen met promoten!
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}