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

{% block page_header_title %}Welcome{% endblock %}
{% block page_header_subtitle %}{% endblock %}

{% block page_header %}
    <!-- begin page_header -->
    <h1 class="page-header"><img src="{{ asset('images/rmc_logo.png') }}" alt="Regina Multicultural Council"/></h1>
    <!-- end page_header -->
{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-8">
            {{ get_content('Welcome')|raw }}
            {% if sponsors|length %}
                <h4 class="caption-title">Our Sponsors</h4>
                <div class="sponsors row">
                    {% for sponsor in sponsors %}
                        <div class="sponsor">
                            <a {{ sponsor.url ? ('href="'~sponsor.url~'" target="_blank"')|raw : '' }}
                                    title="{{ sponsor.name }}">
                                <img src="{{ vich_uploader_asset(sponsor, 'imageFile')|imagine_filter('sponsor_thumbnail') }}"
                                     alt=""/>
                            </a>
                        </div>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
        <div class="col-4">
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <h4 class="panel-title">Pavilions</h4>
                    <div class="btn-group">
                        <a class="btn btn-sm btn-success" href="{{ path('export_all') }}"><i
                                    class="fas fa-file-word"></i> Export</a>
                    </div>
                </div>
                <div class="panel-body">
                    <dl>
                        {% for pavilion in pavilions %}
                            <dd>
                                <a href="{{ path('profile', {'id':pavilion.id}) }}" class="text-secondary">
                                    {% if pavilion.flagName %}
                                        <img src="{{ vich_uploader_asset(pavilion, 'flagFile')|imagine_filter('flag') }}"
                                             alt=""/>
                                    {% else %}
                                        <i class="align-middle fa fa-flag fa-2x text-{{ cycle(['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'purple'], loop.index0) }}"></i>
                                    {% endif %}
                                    {{ pavilion }}</a>
                            </dd>
                        {% endfor %}
                    </dl>
                </div>
            </div>
        </div>
    </div>
{% endblock %}