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

{% block content %}
    {% include 'partials/header.html' %}
    {% load staticfiles %}
    {% load humanize %}
	<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.price | intcomma }} <i class="fa fa-rub"></i></p>
				</div>
				<div class="col-lg-4">
					<a href="#" class="aLinkExe"><div class="imgExecutor">
						<img src="img/profile.jpg" alt="execitor-image">
					</div></a>
					<p class="nameExecutor">
						<a href="#">{{ project.user.get_full_name }} [ivanov_petr]</a>
					</p>
					<p class="navv2">На сайте {{ project.created | naturaltime }}</p>
				</div>
				<div class="col-lg-3 retts">
					<ul class="rettList restList2">
						<li>Рейтинг: <span> 1245</span></li>
						<li>Безопасные сделки: <span> 5</span></li>
						<li>
							<a href="javascript:void(0)">Отзывы:
								<span> + 385</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> Коттедж
						</li>
						<li>
							<span>Вид строительства:</span> Новое
						</li>
					</ul>
				</div>
				<div class="col-lg-10 col-lg-offset-1">
					<p class="textProIn">
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
                    </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>Mustard</option>
								<option>Ketchup</option>
								<option>Relish</option>
							</select>
						</div>
					</div>
				</div>


                <form method="post">
                {{ 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.cost.name }}"/>

                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="textAreaBlock2 text-nn box-sizing disTab">
                            <p>Бюджет</p>
                            {{ form.cost_type }}
                        </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-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="img/profile.jpg" alt="execitor-image">
					</div></a>
						<p class="nameExecutor">
							<a href="#">{{ answer.user.get_full_name }} [ivanov_petr]</a>
						</p>
						<p class="navv2">На сайте 8 лет и 3 месяца</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 class="sroUser sroExecutor">
							<div class="iconSRO"></div>
							<p>Есть допуск СРО</p>
						</div>
					</div>
					<div class="col-lg-2 listCens">
						<p>Цена:
							<span> {{ answer.cost }}</span>
							<i class="fa fa-rub"></i>
						</p>
						<p>
							Срок: <span>{{ answer.term }} недели</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 %}