{% extends 'frontend/common/index.html.twig' %}
{% block title %}{{ title }}{% endblock %}
{% block body %}
{% include('frontend/common/widgets/header.html.twig') %}
<section class="items-grid section">
<div class="container">
{% if categories|length == 0 %}
<div class="row">
<div class="col-12">
<div class="section-title">
<h2 class="wow fadeInUp" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">Brak wyników</h2>
<p class="wow fadeInUp" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
Aktualnie nie znaleziono żadnych kategorii, gdzie możesz napisać podanie ¯\_(ツ)_/¯
</p>
</div>
</div>
</div>
{% else %}
<div class="single-head">
<div class="row">
{% for category in categories %}
{% if category.getQuestions()|length > 0 %}
<div class="col-lg-4 col-md-6 col-12">
<div class="single-grid wow fadeInUp" data-wow-delay=".2s">
<div class="image">
<a href="{{ path("app_apps_form", {"id": category.getId()}) }}" class="thumbnail"><img src="{% if category.getImage() %}{{ asset('assets/uploads/' ~ category.getImage()) }}{% else %}{{ asset("assets/images/items-grid/default-photo2.png") }}{% endif %}" alt="#" /></a>
</div>
<div class="content">
<div class="top-content">
<h3 class="title">
<a href="{{ path("app_apps_form", {"id": category.getId()}) }}">{{ category.getName() }}</a>
</h3>
<ul class="info-list">
<li>
<a href="javascript:void(0)"><i class="lni lni-timer"></i> Złożonych podań: {{ category.getApplications()|length }}</a>
</li>
</ul>
<hr class="mx-2">
<div class="button">
{% if app.user %}
<a class="btn w-100" href="{{ path("app_apps_form", {"id": category.getId()}) }}">Napisz podanie</a>
{% else %}
<a class="btn w-100" href="{{ path("app_login") }}">Aby napisać podanie zaloguj się</a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
</div>
</section>
{% include('frontend/common/widgets/footer.html.twig') %}
{% endblock %}