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

{% load staticfiles %}

{% block content %}
    {% include 'partials/header.html' %}
    
	<div class="container mainScore">
		<div class="row">
			<div class="col-lg-12">
				<p class="titleScore">Личный кабинет</p>
			</div>
			
			<div class="profileTabs">
				<ul class="nav nav-tabs nav-justified">
  					<li role="presentation">
  						<a href="#">Поиск исполнителей</a>
  					</li>
  					
  					<li role="presentation" class="active">
  						<a href="#">Мои группы</a>
  						<div class="roundsCount">
  							<div class="countR">1</div>
  							<div class="countG">2</div>
  						</div>
  					</li>
  					
  					<li role="presentation">
  						<a href="#">Открытые проекты</a>
  						<span class="desPresent">
  							в процессе обсуждения
  						</span>
  						<div class="roundsCount">
  							<div class="countR">1</div>
  							<div class="countG">2</div>
  						</div>
  					</li>
  					
  					<li role="presentation">
  						<a href="#">Проекты в работе</a>
  						<div class="roundsCount">
  							<div class="countG">2</div>
  						</div>
  					</li>
				</ul>
			</div>
			
			<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>
  					
  					<button type="button" class="btn btn-default add-group">
  						+ Добавить группу
  					</button>
				</div>
			</div>
			
			<div class="projectsBlock disTab">
				<div class="col-lg-12">
					<div class="col-lg-3 divCol3">
                        <div class="avatar">
                            <div class="avatarInset">
                                <img src="img/profile.jpg" alt="profile-image">
                            </div>
                        </div>
                        
                        <div class="menuUser disTab">
                            <a href="javascript:void(0)" class="add-man">
                                добавить участника
                            </a>
                            
                            <div class="block-users">
                                <p>Состав группы</p>
                                
                                <div class="message-new">
                                    <div class="imgMess">
                                        <img src="img/mess.png" alt="mess-image">
                                    </div>
                                    
                                    <p class="nameMess">
                                        <a href="#">Иванов Петр Иванович</a>
                                    </p>
                                    
                                    <span>Программист</span>
                                </div>
                                
                                <div class="message-new">
                                    <div class="imgMess">
                                        <img src="img/mess.png" alt="mess-image">
                                    </div>
                                    
                                    <p class="nameMess">
                                        <a href="#">Иванов Петр Иванович</a>
                                    </p>
                                    
                                    <span>Программист</span>
                                </div>
                            </div>
                        </div>
                    </div>
					
					<div class="col-lg-9 divCol9">
						<div class="col-lg-4">
							<p class="nameUser">
								Название группы
							</p>
							<p class="cityUser">Россия, Москва</p>
							<p class="navv">На сайте 8 лет и 3 месяца</p>
							<p class="navv">
								Кол-во человек: <span>4</span>
							</p>
							<p class="navv">
								Выполненных проектов: <span>78</span>
							</p>
							<div class="statusUser st-new">Label</div>
							<a href="javascript:void(0)" class="new-prop new-prop2 new-prop3">написать сообщение</a>
						</div>
						
						<div class="col-lg-4">
							<div class="dashedCol4">
								<p class="specUser">
									Специализации:
								</p>
								<div class="insetSpec">
									<span>Интерьеры</span>
									<span>2-й</span>
								</div>
								<div class="insetSpec">
									<span>Визуализация/3D</span>
									<span>45-й</span>
								</div>
								<div class="insetSpec">
									<span>Экстерьеры</span>
									<span>10-й</span>
								</div>
								<div class="insetSpec">
									<span>Архитектура</span>
									<span>3-й</span>
								</div>
								<div class="insetSpec">
									<span>3D Моделирование</span>
									<span>100-й</span>
								</div>
							</div>
						</div>
						
						<div class="col-lg-4">
							<ul class="rettList">
								<li><a href="javascript:void(0)">Рейтинг: <span> 1245</span></a></li>
								<li><a href="javascript:void(0)">Безопасные сделки: <span> 5</span></a></li>
								<li>
									<a href="javascript:void(0)">
										Отзывы: 
										<span> + 385</span>
										<small> 0</small>
										<mark> - 0</mark>
									</a>
								</li>
							</ul>
							
							<div class="sroUser">
								<div class="iconSRO"></div>
	   							<p>Есть допуск СРО</p>
							</div>
						</div>
					</div>
					
					<div class="col-lg-9">
						<div class="profileTabs2">
							<ul class="nav nav-tabs nav-justified">
	  							<li role="presentation" class="active">
	  								<a href="#">Портфолио</a>
	  							</li>
	  							<li role="presentation">
	  								<a href="#">Готовые проекты</a>
	  							</li>
	  							<li role="presentation">
	  								<a href="#">Резюме / Квалификация</a>
	  							</li>
	  							<li role="presentation">
	  								<a href="#">Отзывы</a>
	  							</li>
							</ul>
						</div>
					</div>
					
					<div class="col-lg-9">
						<p class="addWork">Добавить работу</p>
					</div>
					
					<div class="galleryWork2 gw-new disTab">
                        <div class="col-lg-4">
                            <div class="insetCol box-sizing disTab">
                                <div class="imgGal">
                                    <div class="imgFigure"></div>
                                </div>
                            </div>
                            <div class="insetCol2 box-sizing disTab">
                                <p>
                                    Визуализация 
                                    загородного
                                    дома 1500m2
                                </p>
                                <div class="buttonsImg" disTab>
                                    <div class="insetBI insetBI1">
                                        <i class="fa fa-pencil"></i>
                                    </div>
                                    <div class="insetBI insetBI2">
                                        <i class="fa fa-times"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-lg-4">
                            <div class="insetCol box-sizing disTab">
                                <div class="imgGal">
                                    <div class="imgFigure"></div>
                                </div>
                            </div>
                            <div class="insetCol2 box-sizing disTab">
                                <p>
                                    Визуализация 
                                    загородного
                                    дома 1500m2
                                </p>
                                <div class="buttonsImg" disTab>
                                    <div class="insetBI insetBI1">
                                        <i class="fa fa-pencil"></i>
                                    </div>
                                    <div class="insetBI insetBI2">
                                        <i class="fa fa-times"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
				</div>
			</div>
			
			{% include 'partials/footer.html' %}
		</div>
	</div>
{% endblock %}