{% extends "base.html.twig" %}
{% block body %}
    <section>
        <div class="container">
            <div class="col-12 col-lg-10">
                <h1 class="main-title">{{ category.name }}</h1>
            </div>
        </div>
    </section>
    {% if get_call_for_papers_parameters(category)|length > 0 %}
        <section>
            <div class="container">
                <div class="call-for-papers">
                    {% for parameter in get_call_for_papers_parameters(category) %}
                        <div class="project-detail__section">
                            <h5 class="project-detail__section-heading"> {{ parameter.parameterGroup.name }}</h5>
                            <div class="project-detail__section-content">
                                {{ parameter.data }}
                            </div>
                        </div>
                    {% endfor %}
                </div>
                {#
                <div class="d-flex gap-5 mt-1">
                  <a href="#" class="btn btn-icon btn-download">
                      <div class="btn-icon__icon ">
                          <img src="{{ asset('/build/svg/yellow-download-icon.svg')}}" alt="yellow-download-icon">
                      </div>
                      Vytisknout (PDF)
                  </a>
                  <a href="../cs/vademecum" class="btn btn-icon btn-primary mt-5">
                      Vstup do vademeca
                      <svg class="btn-icon__arrow-right">
                          <use href="{{ asset('/build/svg/_btn-icons.svg#arrowRight')}}"></use>
                      </svg>
                  </a>
              </div>
                #}
            </div>
        </section>
    {% endif %}
    <section>
        <div class="container">
            {{ category.html|raw }}
        </div>
    </section>

    {% if get_category_uploads_by_group_type(category, 1)|length > 0 %}
        <section class="container">
            <h2>{% trans %}prilohy{% endtrans %}</h2>
            <ul class="list-icone list-icone--download">
                {% for file in get_category_uploads_by_group_type(category, 1) %}
                    <li class="list-icone__item">
                        <a href="{{ asset(file.path) }}" target="_blank" rel="noopener" {% if file.extension != 'pdf' %}download{% endif %}>
                            {% if file.shortDescription %}
                                {{ file.shortDescription }}
                            {% else %}
                                {{ file.originalName }}
                            {% endif %}
                            {% if file.extension %}
                                (<span class="text-uppercase">{{ file.extension }}</span>)
                            {% endif %}
                        </a>
                    </li>
                {% endfor %}
            </ul>
        </section>
    {% endif %}

    {% if get_category_uploads_by_group_type(category, 0)|length > 0 and has_gallery(category) %}
        <section class="container">
            <h2>{% trans %}fotogalerie{% endtrans %}</h2>
            <div class="gallery-grid">
                {% for image in get_category_uploads_by_group_type(category, 0) %}
                    <div class="gallery-grid__item">
                        <a href="{{ asset(image.path) }}" class="gallery-grid__detail glightbox" data-gallery="gallery1" {% if image.shortDescription %}data-glightbox="description: .custom-desc{{ image.id }}"{% endif %}>
                            <img class="gallery-grid__photo" src="{{ asset(image.path) }}" alt="Obrázek z galerie" {% if image.shortDescription %}title="{{ image.shortDescription }}{% endif %}">
                        </a>
                        {% if image.shortDescription %}
                            <div class="glightbox-desc custom-desc{{ image.id }}">
                                <p>{{ image.shortDescription }}</p>
                            </div>
                        {% endif %}
                    </div>
                {% endfor %}
            </div>
        </section>
    {% endif %}
    {{ include('/web/pages/_related.html.twig', {category: category}) }}
{% endblock %}