{% extends 'admin/admin_base.html.twig' %}
{% block title %}Site Select{% endblock %}
{% block body %}
    <div class="vh-60 vw-100 d-flex justify-content-center align-items-center">
        {% for item in site %}
            <div class="col-md-3">
                {% if item.isEnabled|default == 1 %}
                    {% set style = 'border-success' %}
                    {% set dnone = '' %}
                {% else %}
                    {% set style = 'border-danger opacity-50' %}
                    {% set dnone = 'd-none' %}
                {% endif %}
                <div class="border {{ style }} bg-white rounded d-flex flex-column align-items-center p-3">
                    {% set logoImg = item.settings.logo|default %}
                    {% set dir = getParameters('site_logo_dir') %}
                    <img style="backface-visibility: hidden;" height="50" src="{{ asset(dir~logoImg) }}" alt="">
                    <p class="mt-2 h5">{{ item.title }}</p>
                    <div class="d-flex mt-2">
                        <a href="{{ path('admin_site_page',{'site':item.alias}) }}"
                           class="btn btn-sm {{ dnone }} btn-icon mr-1 btn-outline-primary ajax-modal"
                           data-toggle="tooltip" data-placement="bottom" title data-original-title="Inhalt anzeigen">
                            <i class="feather icon-eye"></i>
                        </a>
                        <a data-ajax-modal
                           data-href="{{ path('admin_site_edit',{'id':item.id}) }}"
                           href="javascript:"
                           class="btn btn-sm btn-icon btn-outline-warning ajax-modal"
                           data-toggle="tooltip" data-placement="bottom" title data-original-title="Bearbeiten">
                            <i class="feather icon-edit"></i>
                        </a>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}