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

{% block body %}
    {% include 'partials/call.html.twig' %}

    <div class="about">
        <div class="header">
            {{ package.title }}
            <div class="ui-line orange"></div>
        </div>
        <div class="galery">
            <img src="{{ asset('uploads/photos/' ~ package.firstPhoto.files.large.filename) }}" class="full-size" alt="">
            <div class="wrap">
                {% for photo in package.allOtherPhotos %}
                    <img class="small-size" src="{{ asset('uploads/photos/' ~ photo.files['single-page-small'].filename) }}" alt="">
                {% endfor %}
            </div>
            {#            <img src="{{ asset('uploads/photos/' ~ page.firstPhoto.files.large.filename) }}" class="full-size" alt="">#}
        </div>
        <div class="wrapper">
            <div class="info">
                <div class="title">{{ package.title }}</div>
                <div class="content">
                    {{  package.fullDescription | nl2br }}
                </div>
            </div>
            {#            <div class="galery-2">#}
            {#                {% for photo in page.allOtherPhotos %}#}
            {#                <img src="{{ asset('uploads/photos/' ~ photo.files['single-page-small'].filename) }}" alt="">#}
            {#                {% endfor %}#}
            {#            </div>#}
        </div>
    </div>
{% endblock %}

{% block title %}{{ package.title }}{% endblock %}