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

{% load humanize %}


{% block content %}
    {% include 'partials/header.html' %}
    
	<div class="container mainScore">
		<div class="row">
			<div class="col-lg-12">
				<p class="titleScore">{{ project.name }}</p>
			</div>
			
			<div class="doneBlock new-done disTab">
				<div class="triangle1"></div>
				
				{% if request.user.is_contractor %}
                    <div class="col-lg-12 new-p">
                        <p>{{ project.budget|intcomma }} <i class="fa fa-rub"></i></p>
                    </div>
                {% endif %}
				
				<div class="col-lg-4">
					<a href="#" class="aLinkExe">
                        <div class="imgExecutor">
                            {% if project.customer.avatar %}
                                <img src="{{ project.customer.avatar.url }}" alt="execitor-image">
                            {% else %}
                                <img src="{% static 'img/profile.jpg' %}" alt="execitor-image">
                            {% endif %}
                        </div>
					</a>
					<p class="nameExecutor">
						<a href="#">{{ project.customer.get_full_name }} [{{ project.customer.username }}]</a>
					</p>
					<p class="navv2">На сайте {{ project.created|naturaltime }}</p>
					
					{% if not request.user.is_contractor %}
                        <ul class="rettList restList3">
                            <li>
                                <a href="javascript:void(0)">Отзывы:
                                    <span> + 0</span>
                                    <small> 0</small>
                                    <mark> - 0</mark>
                                </a>
                            </li>
                        </ul>
                    {% endif %}
				</div>
				
				{% if request.user.is_contractor %}
                    <div class="col-lg-3 retts">
                        <ul class="rettList restList2">
                            <li>Рейтинг: <span> 0</span></li>
                            <li>Безопасные сделки: <span> 0</span></li>
                            <li>
                                <a href="javascript:void(0)">Отзывы:
                                    <span> + 0</span>
                                    <small> 0</small>
                                    <mark> - 0</mark>
                                </a>
                            </li>
                        </ul>
                    </div>
                {% endif %}
                
				<div class="col-lg-2 new-dashed">
					<div class="dashedCol4 dashedCol44 dashedColColor">
						<p class="specUser">
							Специализации:
						</p>
						<div class="insetSpec">
							<span>Интерьеры</span>
						</div>
						<div class="insetSpec">
							<span>Визуализация/3D</span>
						</div>
					</div>
				</div>
				<div class="col-lg-3 retts new-list">
					<ul class="desListPro">
						<li>
							{{ project.created }}
						</li>
						<li>
							{{ project.get_work_type_display }}
						</li>
					</ul>
					
                    {% if project.cro %}
                        <div class="sroUser sroExecutor sroPro">
                            <div class="iconSRO"></div>
                            <p>Есть допуск СРО</p>
                        </div>
                    {% endif %}
				</div>
			</div>
			
			<div class="infoProjectBlock info-new disTab">
				<div class="triangle2"></div>
				<div class="col-lg-10 col-lg-offset-1">
					<ul class="listProjectIn">
						<li>
							<span>Местоположение:</span> {{ project.realty.country }}, {{ project.realty.city }}
						</li>
						<li>
							<span>Классификация здания:</span> {{ project.realty.building_classification }}
						</li>
						<li>
							<span>Вид строительства:</span> {{ project.realty.type_construction }}
						</li>
					</ul>
				</div>
				<div class="col-lg-10 col-lg-offset-1">
					<p class="textProIn">
                         {{ project.text }}
                    </p>
				</div>
				<div class="col-lg-10 col-lg-offset-1">
				    {% if request.user.is_contractor %}
                        <a href="#" class="new-answer">
                            Ответить на проект
                        </a>
                        <div class="polsF1 pols-new disTab">
                            <div class="col-lg-3">
                                <select class="selectpicker">
                                    <option>Бла-бла</option>
                                </select>
                            </div>
                        </div>
                    {% elif request.user.is_customer %}
                        <a href="{% url 'projects:customer-project-edit' pk=project.pk %}?back={{ request.path }}" class="linkProIn linkProIn1">
                            Редактировать
                        </a>
                        
                        <form action="{% url 'projects:customer-project-trash' pk=project.pk %}" method="POST">
                            {% csrf_token %}
                            <input type="hidden" name="next" value="{{ request.path }}">
                            
                            <a href="#" onclick="$(this).closest('form').submit(); return false" class="linkProIn linkProIn2">
                                Снять с публикации
                            </a>
                        </form>
                    {% endif %}
				</div>
                
                
                
                
                
                
                {% if request.user.is_contractor %}
                    <form action="{% url 'projects:contractor-project-answer' pk=pk %}" method="POST">
                        {% csrf_token %}
                        <input type="hidden" name="next" value="{% url 'projects:detail' pk=pk %}">
                        
                        <div class="polsF1 disTab">
                            <div class="col-lg-3">
                                <div class="textAreaBlock2 text-nn box-sizing disTab">
                                    <p>Стоимость</p>
                                    <input type="text" class="box-sizing" name="{{ form.budget.name }}"/>
                                </div>
                            </div>
        
                            <div class="col-lg-3">
                                <div class="textAreaBlock2 text-nn box-sizing disTab">
                                    <p>Бюджет</p>
                                    {{ form.currency }}
                                </div>
                            </div>
        
                            <div class="col-lg-6"></div>
                        </div>
                        <div class="polsF1 disTab">
                            <div class="col-lg-3">
                                <div class="textAreaBlock2 text-nn box-sizing disTab">
                                    <p>Срок</p>
                                    <input type="text" class="box-sizing" name="{{ form.term.name }}"/>
        
                                </div>
                            </div>
        
                            <div class="col-lg-3">
                                <div class="textAreaBlock2 text-nn box-sizing disTab">
                                    <p>Тип срока</p>
                                    {{ form.term_type }}
                                </div>
                            </div>
        
                            <div class="col-lg-6"></div>
                        </div>
                        <div class="polsF1 disTab">
                            <div class="col-lg-9">
                                <div class="textAreaBlock2 text-nn box-sizing disTab">
                                    <p>Текст</p>
                                    <textarea name="{{ form.text.name }}" id="text-new"></textarea>
                                </div>
                            </div>
                            <div class="col-lg-3"></div>
                        </div>
        
                        <div class="polsF1 disTab">
                            <div class="col-lg-9">
                                <div class="textAreaBlock2 text-nn box-sizing disTab">
                                 {% for p in user.portfolio.all %}
                                     <h3>{{ p }}</h3>
                                 {% endfor %}
                                </div>
                            </div>
                            <div class="col-lg-3"></div>
                        </div>
        
                        <div class="polsF1 disTab">
                            <div class="col-lg-3"><input type="submit" value="Создать"/></div>
                        </div>
                    </form>
                    
                    
                    
                    
                    
                {% elif request.user.is_customer %}
                    
                    
                    
                    
                    
                    <div class="exBigBlock disTab">
                        <div class="col-lg-12">
                            <p class="titleEx">Исполнители</p>
                        </div>
                        <div class="col-lg-12 exButton">
                            <div class="btn-group" role="group" aria-label="...">
                                <button type="button" class="btn btn-default">
                                    Новые  <span>+0</span>
                                </button>
                                <button type="button" class="btn btn-default">
                                    Кандидаты  <span>0</span>
                                </button>
                                <button type="button" class="btn btn-default">
                                    Отказал  <span>0</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12 compareBlock">
                        <div class="col-lg-2 col-lg-offset-5">
                            <p>Сравнить кандидатов</p>
                        </div>
                    </div>
                    <div class="col-lg-12 exNew">
                        <p>Новые исполнители</p>
                    </div>
                    <div class="candidateBlock disTab">
                        {% for answer in project.answers.all %}
                            <div class="candidate">
                                <div class="col-lg-4">
                                    <a href="#" class="aLinkExe"><div class="imgExecutor">
                                    <img src="{% static 'img/profile.jpg' %}" alt="execitor-image">
                                </div></a>
                                    <p class="nameExecutor">
                                        <a href="#"> {{ answer.contractor.get_full_name }} []</a>
                                    </p>
                                    <p class="navv2">На сайте {{ answer.contractor.created }}</p>
                                    <div class="statusUser">Свободен</div>
                                </div>
                                <div class="col-lg-3 retts">
                                    <ul class="rettList restList2">
                                        <li>Рейтинг: <span> 0</span></li>
                                        <li>Безопасные сделки: <span> 0</span></li>
                                        <li>
                                            <a href="javascript:void(0)">Отзывы:
                                                <span> + 0</span>
                                                <small> 0</small>
                                                <mark> - 0</mark>
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="sroUser sroExecutor">
                                        <div class="iconSRO"></div>
                                        <p>Есть допуск СРО</p>
                                    </div>
                                </div>
                                <div class="col-lg-2 listCens">
                                    <p>Цена:
                                        <span> {{ answer.cost|intcomma }}</span>
                                        <i class="fa fa-rub"></i>
                                    </p>
                                    <p>
                                        Срок: <span>{{ answer.term }} {{ answer.term_type }}</span>
                                    </p>
                                    <p>Опубликован: {{ answer.created }}</p>
                                </div>
                                <div class="col-lg-3 retts">
            
                                    <a href="{% url 'projects:add-candidate' answer_id=answer.id project_id=project.id %}" class="candLink candLink1">
                                        Кандидат
                                    </a>
                                    <a href="{% url 'projects:offer-order' answer_id=answer.id project_id=project.id %}" class="candLink candLink2">
                                        предложить проект
                                    </a>
                                    <a href="javascript:void(0)" class="candLink candLink3">
                                        отказ
                                    </a>
                                </div>
                                <div class="gallMini disTab">
                                    <div class="col-lg-3">
                                        <div class="insetCol box-sizing disTab">
                                            <div class="imgGal">
                                                <div class="imgFigure"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="commBlock44 disTab">
{#            						<div class="comm44 disTab">#}
{#            							<div class="col-lg-10 col-lg-offset-1">#}
{#            								<p class="nameComm">#}
{#            									Иванов Петр Иванович#}
{#            								</p>#}
{#            								<span class="dateComm44">#}
{#            									13.0.2016 / 21:05#}
{#            								</span>#}
{#            								<div class="stars box-sizing">#}
{#            									<span class="glyphicon glyphicon-star starAct" aria-hidden="true"></span>#}
{#            									<span class="glyphicon glyphicon-star starAct" aria-hidden="true"></span>#}
{#            									<span class="glyphicon glyphicon-star starAct" aria-hidden="true"></span>#}
{#            									<span class="glyphicon glyphicon-star" aria-hidden="true"></span>#}
{#            									<span class="glyphicon glyphicon-star" aria-hidden="true"></span>#}
{#            								</div>#}
{#            								<p class="textComm44">Lorem ipsum dolor sit amet</p>#}
{#            							</div>#}
{#            						</div>#}
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                {% endif %}
			</div>
			
			
            
			{% include 'partials/footer.html' %}
		</div>
	</div>
{% endblock %}