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

{% block title %}About{% endblock %}

{% block body %}

    <div class="row gap-20 masonry pos-r">
        <div class="masonry-sizer col-md-6"></div>
        <div class="masonry-item  w-100">

            <div class="row gap-20">

                <div class="col-md-6">
                    <div class="bgc-white p-20 bd">
                        <h6 class="c-grey-900">About</h6>
                        <hr>
                        <div class="mT-0">
                            <p>Version: <b>{{ productVersion}}</b></p>
                            <p>{{ aboutInfo|raw}}</p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="bgc-white p-20 bd">
                        <h6 class="c-grey-900">Links and Contacts</h6>
                        <hr>
                        <div class="mT-0">
                            <p>Product pages: <a href="http://{{ productWeb }}">{{ productWeb }}</a></p>
                            {% if(isSupportLinkAvailable) %}
                                <p><a href="{{ path('admin_support_redirect') }}">Your Support Link</a></p>
                            {% endif %}
                            <p>General contact: <a href="mailto:{{ productEmail }}">{{ productEmail }}</a></p>
                            <p>EULA: <a href="{{ path('admin_legal_eula') }}">License Agreement for the {{ productName }} software</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row gap-20">

        <div class='col-md-12'>
            <div class="layers bd bgc-white p-20">
                <div class="layer w-100 mB-10">
                    <h6 class="c-grey-900">Release Notes: </h6>
                </div>
                <div class="layer w-100">

                    <table class="table">
                        <thead>
                        <tr>
                            <td style="width:2%;">#</td>
                            <td style="width:8%;">Version</td>
                            <td style="width:8%;">Release Date</td>
                            <td style="width:50%;">Description</td>
                            <td style="width:20%;">Note</td>
                        </tr>
                        </thead>
                        <tbody>

                        {% for item in changeLog %}
                            <tr>
                                <td>{{ item['id'] }}</td>
                                <td><b>{{ item['version'] }}</b></td>
                                <td>{{ item['releaseDate']|date("d.m.Y") }}</td>
                                <td>{{ item['description'] | raw }}</td>
                                <td>{% if(item['beta']) %}Beta{% elseif(item['major'])%}Major{% endif %}</td>
                            </tr>
                        {% endfor %}

                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>

{% endblock body %}