{% extends 'partials/base.html' %}

{% load specializtions_tags %}
{% load thumbnail %}


{% block content %}
    {% include 'partials/header.html' %}
    
    <div class="container mainScore">
        <div class="row">
            <div class="col-lg-12">
                <p class="titleScore">Личный кабинет</p>
            </div>
            
            {% include 'partials/contractor_profile_tabs.html' %}
            
            <div class="buttonGP disTab">
                <div class="btn-group valProject2 val-pro3" role="group" aria-label="...">
                    <button type="button" class="btn btn-default">
                        Группа 1
                        <span><mark>7</mark></span>
                    </button>

                    {% if not contractor.is_owner_team %}
                        <button type="button" class="btn btn-default add-group" data-toggle="modal"
                                data-target="#myModal">
                            + Добавить группу
                        </button>
                    {% endif %}
                </div>

                <!-- Modal -->
                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="myModalLabel">Добавление новой группы</h4>
                            </div>
                            <div class="modal-body">
                                <form method="post" action="{% url 'users:team-create' %}">{% csrf_token %}
                                    <div class="textAreaBlock2 text-nn box-sizing disTab">
                                        <p>Название <span style="color: red">{{ form_team.name.errors.as_text }}</span></p>
                                        <input type="text" class="box-sizing" name="{{ form_team.name.html_name }}">
                                    </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
                                <button type="submit" class="btn btn-primary">Сохранить</button>

                            </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            
            {% if  contractor.is_owner_team %}
                <div class="projectsBlock disTab">
                    <div class="col-lg-12">
                        <div class="col-lg-3 divCol3">
                            <div class="avatar">
                                <div class="avatarInset">
                                    {% thumbnail contractor.avatar "265x264" crop="center" as im %}
                                        <img src="{{ im.url }}" alt="profile-image">
                                    {% endthumbnail %}
                                </div>
                            </div>
    
                            <div class="menuUser disTab">
                                <a href="{% url 'users:contractor-filter' %}" class="add-man">
                                    добавить участника
                                </a>
    
                                <div class="block-users">
                                    <p>Состав группы</p>
    
                                    {% for p in participants %}
    
                                        <div class="message-new">
    
                                            <div class="imgMess">
                                                {% thumbnail p.avatar "60x60" crop="center" as im %}
                                                    <img src="{{ im.url }}" alt="mess-image">
                                                {% endthumbnail %}
                                            </div>
    
                                            <p class="nameMess">
                                                <a href="{% url 'users:contractor-profile' p.pk %}">{{ p.get_full_name }}</a>
                                            </p>
    
                                            <span>Программист</span>
                                        </div>
                                    {% empty %}
                                      В группе пока нет участников
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
    
                        <div class="col-lg-9 divCol9">
                            <div class="col-lg-4">
                                <p class="nameUser">
                                    {{ contractor.team }}
                                </p>
                                <p class="cityUser">Россия, Москва</p>
                                {#                          <p class="navv">На сайте 8 лет и 3 месяца</p>#}
                                <p class="navv">На сайте {{ contractor.team.created }}</p>
                                <p class="navv">
                                    Кол-во человек: <span>{{ participants_count }}</span>
                                </p>
                                <p class="navv">
                                    Выполненных проектов: <span>0</span>
                                </p>
                                <div class="statusUser st-new">Свободен</div>
                                <a href="javascript:void(0)" class="new-prop new-prop2 new-prop3">написать сообщение</a>
                            </div>
    
                            <div class="col-lg-4">
                                {% specialization_team_widget contractor.team.pk %}
                            </div>
    
                            <div class="col-lg-4">
                                {% if contractor.team %}
                                    {% ratings_team_widget contractor.team.pk %}
                                {% endif %}
    
                                {% if contractor.cro %}
                                <div class="sroUser">
                                    <div class="iconSRO"></div>
                                    <p>Есть допуск СРО</p>
                                </div>
                                {% endif %}
                            </div>
                        </div>
    
    
                        <div class="col-lg-9">
                            <div class="profileTabs2">
                                <ul class="nav nav-tabs nav-justified">
                                    <li role="presentation" class="active">
                                        <a href="#tab11" data-toggle="tab">Портфолио</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#tab12" data-toggle="tab">Готовые проекты</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#tab13" data-toggle="tab">Отзывы</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
    
                        <div class="tab-content">
                            <div id="tab11" class="tab-pane fade in active">
    
                                <div class="galleryWork2 disTab col-lg-9">
                                    {% for p in portfolios %}
                                        <div class="col-lg-4">
                                            <div class="insetCol box-sizing disTab">
                                                <div class="imgGal"
                                                     style="background:rgba(0, 0, 0, 0) url('{{ p.get_cover }}') no-repeat scroll center center / cover ;">
                                                    <div class="imgFigure"></div>
                                                </div>
                                            </div>
                                            <div class="insetCol2 box-sizing disTab">
                                                <a href="{% url 'projects:contractor-portfolio-detail' p.pk %}">{{ p }}</a>
                                                <div class="buttonsImg" disTab>
                                                    <a href="{% url 'projects:contractor-portfolio-edit' p.pk %}">
                                                        <div class="insetBI insetBI1">
                                                            <i class="fa fa-pencil"></i>
                                                        </div>
                                                    </a>
                                                    <div class="insetBI insetBI2">
                                                        <i class="fa fa-times"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    {% empty %}
                                      <div class="col-lg-12">
                                        <p style="text-align: center;margin-top: 25px;">Работ в портфолио пока нет</p>
                                      </div>
                                    {% endfor %}
    
                                </div>
{#                                TODO:#}
{#                                <div class="col-lg-9 col-lg-offset-3">#}
{#                                    <div class="linkElse">#}
{#                                        <a href="javascript:void(0)" class="showElse">показать еще</a>#}
{#                                    </div>#}
{#                                </div>#}
                            </div>
    
                            <div id="tab12" class="tab-pane fade">
    
                                <div class="galleryWork2 disTab">
                                    {% for ws in work_sells %}
                                        <div class="col-lg-4">
                                            <div class="insetCol box-sizing disTab">
                                                <div class="imgGal"
                                                     style="background:rgba(0, 0, 0, 0) url('/media/{{ ws.img }}') no-repeat scroll center center / cover ;">
                                                    <div class="imgFigure"></div>
                                                </div>
                                                <div class="cenaImg box-sizing">
                                                    <div class="cenaImgInset">
                                                        {{ ws.budget }} <i class="fa fa-rub"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="insetCol2 box-sizing disTab">
                                                <a href="{% url 'work_sell:detail' ws.pk %}">{{ ws }}</a>
                                            </div>
                                        </div>
                                    {% empty %}
                                      <div class="col-lg-12">
                                        <p style="text-align: center;margin-top: 25px;">Готовых работ пока нет</p>
                                      </div>
                                    {% endfor %}
                                </div>
{#                            TODO#}
{#                                <div class="col-lg-9 col-lg-offset-3">#}
{#                                    <div class="linkElse">#}
{#                                        <a href="javascript:void(0)" class="showElse">показать еще</a>#}
{#                                    </div>#}
{#                                </div>#}
                            </div>
    
                            <div id="tab13" class="tab-pane fade">
                              {% for review in reviews %}
                                <div class="new-comm-44">
                                    <div class="col-lg-12">
                                        <p class="nameComm">
                                            <a href="">{{ review.get_sender }}</a>
                                        </p>
                                        {% if review.project.deal_type == 'secure_deal' %}
                                            <span class="dateComm44">
                                                  Безопасная сделка
                                            </span>
                                        {% endif %}
                                        <div class="stars box-sizing">
                                            <a href="#">положительный отзыв</a>
                                        </div>
                                        <p class="textComm44">
                                            {{ review.text|safe }}
                                        </p>
                                    </div>
                                </div>
                              {% empty %}
                                <div class="new-comm-44">
                                  <p style="text-align: center;">Отзывов пока нет</p>
                                </div>
                              {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}
            
            {% include 'partials/footer.html' %}
        </div>
    </div>
{% endblock %}