{% extends 'base.twig' %}

{% block title %}
    <title>{{ project_title }} - {{ images_data.albumName }}</title>
{% endblock %}

{% block album %}
    <div class="outer-container">
        <div class="container portfolio-page">
            <div class="row">
                <div class="col">
                    <ul class="breadcrumbs flex align-items-center">
                        <li><a href="{{ web_url }}">{{ project_title }}</a></li>
                        <li>{{ images_data.albumName }}</li>
                    </ul><!-- .breadcrumbs -->
                </div><!-- .col -->
            </div><!-- .row -->

            <div class="row">
                {% for image in images_data.assets %}
                    <div class="col-12 col-md-6 col-lg-3">
                        <div class="portfolio-content">
                            <figure>

                                <a href="{{ immich_url }}/api/assets/{{ image.id }}/original" 
                                    class="glightbox" 
                                    data-gallery="immich-gallery"
                                    data-type="image"
                                    data-effect="fade"
                                    data-width="auto"
                                    data-height="90%"
                                    data-zoomable="false"
                                    data-draggable="true">
                                    <img class="fixed-img" src="{{ immich_url }}/api/assets/{{ image.id }}/thumbnail" alt="Test">
                                </a>
                                <ul class="flex flex-wrap justify-content-center">
                                    <li><a href="#">{{ albums.description }}</a></li>

                                </ul>

                            </figure>
                        </div><!-- .portfolio-content -->
                    </div><!-- .col -->
                {% endfor %}
            </div>

        </div><!-- .container -->
    </div><!-- .outer-container -->
{% endblock %}