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

{% block content %}
    {% include 'nordmindArtistBundle:Default:profileHeader.html.twig' with {user: user, categories: categories, original: true} %}
    <div class="row clearfix">
        <div class="col-lg-2 col-md-12" style="padding-right: 10px;">
            <p class="main-text">{{ user.city|upper }}
            <p>
            <p class="main-text">
                {%  if user.website %}
                <a href="{{ user.facebook }}" target="_blank">
                    <i class="fab fa-facebook"></i>
                </a>
                {% endif %}
                {% if user.website %}
                <a href="{{ user.instagram }}" target="_blank">
                    <i class="fab fa-instagram"></i>
                </a>
                {% endif %}
                {% if user.email %}
                    <a href="mailto:{{ user.email }}" target="_blank">
                        <i class="fas fa-envelope"></i>
                    </a>
                {% endif %}
                {% if user.website %}
                <a href="{{ user.website }}" target="_blank">
                    <i class="fas fa-globe"></i>
                </a>
                {% endif %}
            </p>
            <p class="main-text">MOB. <a href="tel:{{ user.phone }}" target="_blank">{{ user.phone }}</a>
            </p>
        </div>
        <div class="col-lg-10 col-md-12">
            <div class="grid infinite-scrolling" id="#grid">
                <div class="grid-sizer"></div>
                {% include 'nordmindAppBundle:Default:photoGrid.html.twig' with {'photos': photos} %}
            </div>
        </div>
    </div>
{% endblock content %}
{% block javascript %}
{{ parent() }}
{%  include 'nordmindArtistBundle:Default:photoJs.html.twig' %}
{% endblock javascript %}