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

{% block page_header %}
    <!-- begin page_header -->
    <h1 class="page-header">
        {% if pavilion.flagName %}
            <img src="{{ vich_uploader_asset(pavilion, 'flagFile')|imagine_filter('flag_large') }}"
                 alt=""/>
        {% endif %}
        {% block page_header_title %}
            {{ pavilion.name }}
        {% endblock %}
        <small>
            {% block page_header_subtitle %}
                <span class="{{ system_year.year != system_year.rmcYear ? 'text-danger' : 'text-success' }}">{{ system_year.year }}</span>
            {% endblock %}
        </small>
    </h1>
    <!-- end page_header -->
{% endblock %}

{% block content %}
    {% if not profile %}
        <div class="row">
            <div class="col-12">
                <div class="panel panel-inverse">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            {% if pavilion.flagName %}
                                <img src="{{ vich_uploader_asset(pavilion, 'flagFile')|imagine_filter('flag_large') }}"
                                     alt=""/>
                            {% endif %}
                            Pavilion Profile</h4>
                    </div>
                    <div class="panel-body">
                        <div class="d-flex justify-content-center">
                            <div class="text-center">
                                <h2>There is no profile for this pavilion for the selected year.</h2>
                                <a href="{{ path('edit_profile', {'id':pavilion.id}) }}" class="btn btn-primary btn-lg"><i
                                            class="fa fa-plus"></i> Create One</a>
                                {% if form and form.year.vars.choices|length %}
                                    <fieldset>
                                        <h3 class="mt-3">Or copy profile content from another year:</h3>
                                        <form class="form" method="post">
                                            <div class="input-group">
                                                {{ form_widget(form.year) }}
                                                <div class="input-group-append">
                                                    <button type="submit" class="btn btn-success"><i
                                                                class="fa fa-copy"></i> Copy
                                                    </button>
                                                </div>
                                            </div>
                                            {{ form_rest(form) }}
                                        </form>
                                    </fieldset>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% else %}
        {{ include('Pavilion/_actions.html.twig') }}
        <div class="row">
            <div class="col-6">
                <div class="panel panel-inverse">
                    <div class="panel-heading">
                        <h4 class="panel-title">Pavilion Description</h4>
                    </div>
                    <div class="panel-body">
                        {{ profile.description|striptags|raw|nl2br }}
                    </div>
                </div>
                <div class="panel panel-inverse">
                    <div class="panel-heading">
                        <h4 class="panel-title">Location</h4>
                    </div>
                    <div class="panel-body">
                        <div class="form-group row m-b-15">
                            <label class="col-3">Location</label>
                            {{ profile.location|raw }}
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">Parking &amp; Accessibility</label>
                            {{ profile.parking|raw }}
                        </div>
                    </div>
                </div>
                <div class="panel panel-inverse contactInfo">
                    <div class="panel-heading">
                        <h4 class="panel-title">Contact</h4>
                    </div>
                    <div class="panel-body">
                        <div class="form-group row m-b-15">
                            <label class="col-3">Hosting Organization</label>
                            {{ profile.hostingOrganization|raw }}
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">Association President</label>
                            <div class="col-9">
                                {% if profile.president %}
                                    <strong>{{ profile.president.name|raw }}</strong>
                                    <span>{{ profile.president.phone|raw }}</span> <a
                                        href="mailto:{{ profile.president.email|raw }}">{{ profile.president.email|raw }}</a>
                                    <br/>
                                {% endif %}
                            </div>
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">Pavilion Manager</label>
                            <div class="col-9">
                                {% if profile.manager %}
                                    <strong>{{ profile.manager.name|raw }}</strong>
                                    <span>{{ profile.manager.phone|raw }}</span> <a
                                        href="mailto:{{ profile.manager.email|raw }}">{{ profile.manager.email|raw }}</a>
                                    <br/>
                                {% endif %}
                            </div>
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">Adult Ambassadors</label>
                            <div class="col-9">
                                {% if profile.adultAmb1 %}
                                    <strong>{{ profile.adultAmb1.name|raw }}</strong>
                                    <span>{{ profile.adultAmb1.phone|raw }}</span> <a
                                        href="mailto:{{ profile.adultAmb1.email|raw }}">{{ profile.adultAmb1.email|raw }}</a>
                                {% endif %}
                            </div>
                            <div class="col-9 offset-3">
                                {% if profile.adultAmb2 %}
                                    <strong>{{ profile.adultAmb2.name|raw }}</strong>
                                    <span>{{ profile.adultAmb2.phone|raw }}</span> <a
                                        href="mailto:{{ profile.adultAmb2.email|raw }}">{{ profile.adultAmb2.email|raw }}</a>
                                {% endif %}
                            </div>
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">Youth Ambassadors</label>
                            <div class="col-9">
                                {% if profile.youthAmb1 %}
                                    <strong>{{ profile.youthAmb1.name|raw }}</strong>
                                    <span>{{ profile.youthAmb1.phone|raw }}</span> <a
                                        href="mailto:{{ profile.youthAmb1.email|raw }}">{{ profile.youthAmb1.email|raw }}</a>
                                {% endif %}
                            </div>
                            <div class="col-9 offset-3">
                                {% if profile.youthAmb2 %}
                                    <strong>{{ profile.youthAmb2.name|raw }}</strong>
                                    <span>{{ profile.youthAmb2.phone|raw }}</span> <a
                                        href="mailto:{{ profile.youthAmb2.email|raw }}">{{ profile.youthAmb2.email|raw }}</a>
                                {% endif %}
                            </div>
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">Bar Manager</label>
                            <div class="col-9">
                                {% if profile.barManager %}
                                    <strong>{{ profile.barManager.name|raw }}</strong>
                                    <span>{{ profile.barManager.phone|raw }}</span> <a
                                        href="mailto:{{ profile.barManager.email|raw }}">{{ profile.barManager.email|raw }}</a>
                                    <br/>
                                {% endif %}
                            </div>
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">Food (Kitchen) Manager</label>
                            <div class="col-9">
                                {% if profile.foodManager %}
                                    <strong>{{ profile.foodManager.name|raw }}</strong>
                                    <span>{{ profile.foodManager.phone|raw }}</span> <a
                                        href="mailto:{{ profile.foodManager.email|raw }}">{{ profile.foodManager.email|raw }}</a>
                                    <br/>
                                {% endif %}
                            </div>
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">On-Site Pavilion Contact</label>
                            <div class="col-9">
                                {% if profile.onsiteContact %}
                                    <strong>{{ profile.onsiteContact.name|raw }}</strong>
                                    <span>{{ profile.onsiteContact.phone|raw }}</span> <a
                                        href="mailto:{{ profile.onsiteContact.email|raw }}">{{ profile.onsiteContact.email|raw }}</a>
                                    <br/>
                                {% endif %}
                            </div>
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">Facebook</label>
                            {{ profile.facebook|raw }}
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">Twitter</label>
                            {{ profile.twitter|raw }}
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">Instagram</label>
                            {{ profile.instagram|raw }}
                        </div>
                        <div class="form-group row m-b-15">
                            <label class="col-3">Website</label>
                            {{ profile.website|raw }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="panel panel-inverse">
                    <div class="panel-heading">
                        <h4 class="panel-title">Passport Logo &amp; Images</h4>
                    </div>
                    <div class="panel-body images">
                        {% for image in ['image1File', 'image2File', 'image3File'] %}
                            {% set asset = vich_uploader_asset(profile, image) %}
                            {% if asset %}
                            <div class="profile-image">
                                <img src="{{ asset|imagine_filter('admin_thumbnail') }}"
                                     alt=""/>
                                <p>
                                    <a target="_blank" href="{{ asset }}">
                                        <i class="fa fa-download"></i> Download
                                    </a>
                                </p>
                            </div>
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
                <div class="panel panel-inverse">
                    <div class="panel-heading">
                        <h4 class="panel-title">Menu &amp; Performances</h4>
                    </div>
                    <div class="panel-body">
                        <div class="form-group row m-b-15">
                            <label class="col-3">Performances</label>
                            {{ profile.performances|raw }}
                        </div>
                        {{ profile.menu|raw }}
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-6">
                <div class="panel panel-inverse">
                    <div class="panel-heading">
                        <h4 class="panel-title">Documents</h4>
                    </div>
                    <div class="panel-body files">
                        {% for document in profile.documents %}
                            {% set url = vich_uploader_asset(document, 'documentFile') %}
                            {% set ext = url|split('.')|last %}
                            {% if ext in ['jpg', 'png', 'gif', 'bmp', 'jpeg'] %}
                                {% set ext = 'image' %}
                            {% endif %}
                            <a target="_blank" href="{{ vich_uploader_asset(document, 'documentFile') }}"
                                    {% if document.description %}
                                        title="{{ document.description }}"
                                    {% endif %}
                               class="profile-file">
                                <i class="file-icon fad fa-file-alt fa-file-{{ ext }}"></i>
                                <span>
                                    {{ document }}
                                    {% if document.description %}
                                        <span>
                                            {{ document.description|slice(0, 100) }}...
                                            <i class="fas fa-info-circle"></i>
                                        </span>
                                    {% endif %}
                                </span>
                            </a>
                        {% endfor %}
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="panel panel-inverse">
                    <div class="panel-heading">
                        <h4 class="panel-title">Images</h4>
                    </div>
                    <div class="panel-body images">
                        {% for image in profile.images %}
                            <div class="profile-image">
                                <img src="{{ vich_uploader_asset(image, 'imageFile')|imagine_filter('admin_thumbnail') }}"
                                     alt=""/>
                                <p>
                                    {% if image.description %}
                                        <span title="{{ image.description }}">{{ image.description|slice(0, 30) }}... <i
                                                    class="fas fa-info-circle"></i></span>
                                    {% endif %}
                                    <a target="_blank" href="{{ vich_uploader_asset(image, 'imageFile') }}">
                                        <i class="fa fa-download"></i> Download
                                    </a>
                                </p>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
        {{ include('Pavilion/_actions.html.twig') }}
    {% endif %}
{% endblock %}