{% extends "layout.twig" %}

{% block content %}
    <div class="plain-content">
        <div class="container">
            <div id="mainContent">
                <div class="col-12 mt-4">
                    <div class="row uw-blog-card px-3 px-md-0 py-0">
                        <div class="col-12 mx-auto px-0 uw-blog-info uw-blog-info-inner">
                            <div class="row">
                                <div class="col-12 col-md-9">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="col-12 px-0"><h2><a href="{{ entry.getUrl() }}">{{ entry.title }}</a></h2></div>
                                            <div class="col-12 px-0 mt-3 mb-4">
                                                <div class="ub-blog-date">{{ entry.postDate|date("d mm yy") }}</div>
                                                {% for tags in entry.postTags.all() %}
                                                    <a href="{{ url('blog/tags/' ~ tags.slug) }}" class="uw-blog-tag mr-1">{{ tags.title }}</a>
                                                {% endfor %}
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <strong>{{ entry.summary }}</strong>
                                        {{ entry.fullContent }}
                                    </div>
                                </div>
                                <div class="col-12 col-md-3 blog-images mobile-no">
                                    <div class="row">
                                        {% for image in entry.image.all() %}
                                            <div class="col-12">
                                                <img src="{{ image.getUrl() }}" alt="{{ entry.title }}" class="img-fluid">
                                            </div>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {#<div class="col-12">#}

                    {#{% if  entry.image.one() %}#}
                        {#<div>#}
                            {#{% set image = entry.image.one() %}#}
                            {#{% set thumb = {#}
                                {#mode: 'fit',#}
                                {#width: 120,#}
                            {#} %}#}
                            {#<img src="{{ image.getUrl(thumb) }}" width="{{ image.getWidth(thumb) }}" height="{{ image.getHeight(thumb) }}" alt="{{ entry.title }}">#}
                        {#</div>#}
                    {#{% endif %}#}
                    {#<div>{{ entry.title }}</div>#}
                    {#{{ entry.postDate|date("d/m/Y") }}#}
                    {#<div>#}
                        {#{% for tags in entry.postTags.all() %}#}
                            {#<a href="{{ url('blog/tags/' ~ tags.slug) }}">{{ tags.title }}</a>#}
                        {#{% endfor %}#}
                    {#</div>#}
                    {#<div>{{ entry.fullContent }}</div>#}

                {#</div>#}
            </div>
        </div>
    </div>
{% endblock %}