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

{% load staticfiles %}
{% load humanize %}


{% block content %}
    {% include 'partials/header.html' %}
    
	<div class="container mainScore">
		<div class="row">
			<div class="col-lg-12">
				<p class="titleScore">{{ project }}</p>
			</div>
			<div class="doneBlock new-done disTab">
				<div class="triangle1"></div>
				<div class="col-lg-12 new-p">
					<p>{{ project.budget | intcomma }} <i class="fa fa-rub"></i></p>
				</div>
				<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="#">{{ project.customer.get_full_name }} [{{ project.customer }}]</a>
					</p>
					<p class="navv2">На сайте {{ project.created | naturaltime }}</p>
				</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>
				<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>
							13.0.2016
						</li>
						<li>
							Техническое сопровождение
						</li>
					</ul>
					<div class="sroUser sroExecutor sroPro">
						<div class="iconSRO"></div>
						<p>Есть допуск СРО</p>
					</div>
				</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> 
						</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">
					<a href="javascript:void(0)" class="new-answer">
						Ответить на проект
					</a>
					<div class="polsF1 pols-new disTab">
						<div class="col-lg-3">
							<select class="selectpicker">
								<option value="{{ user.id }}">Ответ от своего имени</option>
                                <option value="{{ user.team.id }}">{{ user.team.name }}</option>
							</select>
						</div>
					</div>
				</div>


                <form action="{% url 'projects:contractor-project-answer' pk=pk %}" method="POST">
                <input type="hidden" name="next" value="{% url 'projects:detail' pk=pk %}">
                {{ form.errors }}
                {% csrf_token %}
                <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>
			</div>
			<div class="candidateBlock disTab">
                {% for answer in project.answers.all %}
				<div class="candidate can-new">
					<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 }} [{{ answer.contractor }}]</a>
						</p>
						<p class="navv2">{{ answer.contractor.created }}</p>
					</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>
                        {% if answer.contractor.cro %}
						<div class="sroUser sroExecutor">
							<div class="iconSRO"></div>
							<p>Есть допуск СРО</p>
						</div>
                        {% endif %}

					</div>
					<div class="col-lg-2 listCens">
						<p>Цена:
							<span> {{ answer.budget }}</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="" class="candLink candLink3">
							отказ
						</a>
					</div>
					<div class="commBlock44 comm-new 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">#}
{#                                   Text#}
{#								</p>#}
{#							</div>#}
{#						</div>#}
					</div>
				</div>
                {% endfor %}
			</div>
			<div class="col-lg-12 pagin">
                {% include 'partials/pagination.html' %}
			</div>

			{% include 'partials/footer.html' %}
		</div>
	</div>
{% endblock %}