{% extends ajax-suffix ? "@gantry-admin/partials/ajax.html.twig" : "@gantry-admin/partials/base.html.twig" %}

{% block gantry %}
    <div class="g-grid overview-header">
        <div class="g-block">
            <h2 class="theme-title">
                {% if gantry.theme.icon %}<i class="fa fa-{{ gantry.theme.icon }}"></i>{% endif %} {{ gantry.theme.title }}
            </h2>
            <span class="theme-version">v{{ gantry.theme.version }}</span>
            <div>{{ 'GANTRY5_PLATFORM_BY'|trans }} <a href="{{ gantry.theme.author.link }}" aria-label="Template Author's Website" tabindex="1">{{ gantry.theme.author.name }}</a></div>
        </div>
        <div class="g-block">
            <span class="float-right">
                <button class="button button-back-to-conf"><i class="fa fa-fw fa-arrow-left"></i> <span>{{ 'GANTRY5_PLATFORM_BACK_SETUP'|trans }}</span></button>
                <a href="{{ gantry.theme.support.link }}" class="button button-primary"><i class="fa fa-support"></i> <span>{{ 'GANTRY5_PLATFORM_SUPPORT'|trans }}</span></a>
                <a href="{{ gantry.theme.documentation.link }}" class="button button-primary"><i class="fa fa-book"></i> <span>{{ 'GANTRY5_PLATFORM_DOCUMENTATION'|trans }}</span></a>
            </span>
        </div>
    </div>

    <div class="g-grid overview-details">
        <div class="g-block size-35">
             <img src="{{ url(info.thumbnail) }}" class="preview-image" alt="">
        </div>

        <div class="g-block">
            <p>Construction is a modern, minimalistic template that fits perfectly in any business/corporate website. It comes with a wide variety of custom particles that makes it one of the easiest templates to work with. Construction comes with naturally integrated UIkit framework which makes it one of the most powerful templates on the web!</p>
            <ul class="overview-list">
                <li><i class="fa fa-asterisk"></i>Clean, minimalistic design</li>
                <li><i class="fa fa-asterisk"></i>Fast and lightweight</li>
                <li><i class="fa fa-asterisk"></i>Includes preset styles and outlines</li>
                <li><i class="fa fa-asterisk"></i>UIkit Framework naturally integrated</li>
                <li><i class="fa fa-asterisk"></i>ScrollReveal.js for OnScroll Animations</li>
                <li><i class="fa fa-asterisk"></i>And much, much more...</li>
            </ul>
        </div>
    </div>

    {% include '@gantry-admin/partials/gantry-details.html.twig' %}
{% endblock %}
