{% load staticfiles %}
{% load thumbnail %}

<div class="wrTop {% if request.user.is_authenticated %} disTab {% endif %}">
    <div class="container-fluid topMain">
        <div class="row">
            <div class="col-lg-3">
                <div class="logo" onClick="window.location='/'"></div>
            </div>
            
            {% if request.user.is_authenticated %}
                <div class="col-lg-7">
                    <ul class="mainMenu">
                        <li class="icon_tm1">
                            <a href="{% url 'projects:project-filter' %}">Биржа проектов</a>
                            <span></span>
                        </li>
                        
                        {% if request.user.is_contractor %}
                            <li class="officeList icon_tml">
                                <a href="{% url 'users:contractor-office' pk=request.user.pk %}">Мой офис</a>
                                <span></span>
                            </li>
                        {% endif%}

                        {% if request.user.is_customer %}
                            <li class="icon_tm2">
                                <a href="{% url 'users:contractor-filter' %}">Поиск исполнителей</a>
                                <span></span>
                            </li>
                            <li class="icon_tm3">
                                <a href="#">Работы на продажу</a>
                                <span></span>
                            </li>
                        {% endif %}
                    </ul>
                </div>
            {% else %}
                <div class="col-lg-7">
                    <ul class="mainMenu">
                        <li class="icon_tm1">
                            <a href="{% url 'projects:project-filter' %}">Биржа проектов</a>
                            <span></span>
                        </li>
                        <li class="icon_tm2">
                            <a href="{% url 'users:contractor-filter' %}">Поиск исполнителей</a>
                            <span></span>
                        </li>
                        <li class="icon_tm3">
                            <a href="#">Работы на продажу</a>
                            <span></span>
                        </li>
                    </ul>
                </div>
            {% endif %}
            
            {% if request.user.is_authenticated %}
                <div class="col-lg-2">
                    <div class="imgProfile">
                        {% if request.user.is_contractor %}
                            <a href="{% url 'users:contractor-profile' pk=request.user.pk %}">
                                {% thumbnail request.user.avatar "75x75" crop="center" as im %}
                                    <img src="{{ im.url }}" alt="profile-image">
                                {% endthumbnail %}
                            </a>
                        {% elif request.user.is_customer %}
                            <a href="{% url 'users:customer-profile-open-projects' pk=request.user.pk %}">
                                {% thumbnail request.user.avatar "75x75" crop="center" as im %}
                                    <img src="{{ im.url }}" alt="profile-image">
                                {% endthumbnail %}
                            </a>
                        {% endif %}
                    </div>
                    
                    <div class="infoProfile disTab">
                        <div class="btn-group" role="group">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
                            </button>
                            <ul class="dropdown-menu menu-drop-new">
                                <li class="icon_mm1">
                                    <a href="{% url 'auth_login' %}">
                                        Войти заказчиком
                                        <span></span>
                                    </a>
                                </li>
                                <li class="icon_mm2">
                                    <a href="{% url 'auth_login' %}">
                                        Войти исполнителем
                                        <span></span>
                                    </a>
                                </li>
                                <li class="icon_mm3">
                                    <a href="#">
                                        Сообщения
                                        <span></span>
                                    </a>
                                </li>
                                <li class="icon_mm4">
                                    <a href="#">
                                        Счет
                                        <span></span>
                                    </a>
                                </li>
                                <li class="icon_mm5">
                                    <a href="#">
                                        Настройки
                                        <span></span>
                                    </a>
                                </li>
                                <li class="icon_mm6">
                                    <a href="#">
                                        FAQ
                                        <span></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    
                    {% if request.user.is_contractor %}
                        <div class="rating">
                            <div class="ratingInset"></div>
                            <div class="iconRating"></div>
                        </div>
                        <p class="ratingPer">45%</p>
                    {% endif %}
                </div>
            {% else %}
                <div class="col-lg-2">
                    <a href="{% url 'registration_register' %}" class="reg">Регистрация</a>
                    <div class="lock"></div>
                </div>
            {% endif %}
        </div>
    </div>
</div>