{% extends 'base.html.twig' %}
{% block head %}
{% endblock %}
{% block body %}
<!-- HEADING -->
<div class="container-fluid d-flex align-items-end bg-blue sctn-heading">
<div class="row px-5">
<div class="col-12">
<p class="text-white text-uppercase ttl">ticketing</p>
</div>
<div class="col-xl-6 col-md-8 col-12 mb-5 mt-2">
<p class="text-white txt">ConseguĆ aquĆ tus <span class="clr-green">NFT Tickets</span> para acudir a los Talleres Pre y Post Congreso y al Congreso.</p>
</div>
</div>
</div>
<!-- SUBTITLE - NEXT EVENTS -->
<div class="container-fluid">
<div class="row pt-5 px-5">
<div class="col-12">
<p class="sttl">Talleres Pre y Post Congreso y Congreso</p>
</div>
</div>
</div>
<!-- EVENTS CARDS -->
<div class="conatiner-fluid px-4">
<div class="row pt-4 pb-5 px-5 d-flex justify-content-md-start justify-content-center">
{% for event in events %}
<div class="card-event me-4 mb-4">
<div class="row pt-3">
<div class="card-event-img">
<a href="{{ path('event-tickets') }}?event={{event.id}}">
<img src="{{ event.images.thumb }}">
</a>
</div>
</div>
<div class="row py-4">
{% if event.soldOut %}
<a class="d-flex justify-content-center" href="#">
<button class="btn-md blue">Finalizado</button>
</a>
{% else %}
<a class="d-flex justify-content-center" href="{{ path('event-tickets') }}?event={{event.id}}">
<button class="btn-md blue">Ver tickets</button>
</a>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
<script>
{% for message in app.session.flashbag.get('success') %}
swal({
title: "",
text: "{{ message }}",
type: "success"
});
{% endfor %}
{% for message in app.session.flashbag.get('notice') %}
swal({
title: "Error",
text: "{{ message }}",
type: "error"
});
{% endfor %}
</script>
{% endblock %}