{% 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>
			</div>
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            {% if request.user.is_contractor and request.user.contractor_answers.exists %}
                
                
                
                
                
                {% with answer=request.user.contractor_answers.first %}
                    <div class="b candidateBlock disTab">
                        <div class="candidate">
                            <div class="col-lg-4">
                                <a href="#" class="aLinkExe">
                                    <div class="imgExecutor">
                                        {% if answer.author.avatar %}
                                            <img src="{{ answer.author.avatar.url }}" alt="execitor-image">
                                        {% else %}
                                            <img src="{% static 'img/profile.jpg' %}" alt="execitor-image">
                                        {% endif %}
                                    </div>
                                </a>
                                <p class="nameExecutor">
                                    <a href="#">{{ answer.author.get_full_name }} [{{ answer.author.username }}]</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.budget|intcomma }}</span>
                                    <i class="fa fa-rub"></i>
                                </p>
                                <p>
                                    Срок: <span>{{ answer.term }} {{ answer.get_term_type_display|decap }}</span>
                                </p>
                                <p>Опубликован: {{ answer.created }}</p>
                            </div>
                            <div class="col-lg-3 retts">
                                <a href="{% url 'projects:add-candidate' answer_id=answer.pk project_id=project.pk %}" class="candLink candLink1">
                                    Кандидат
                                </a>
                                <a href="{% url 'projects:offer-order' answer_id=answer.pk project_id=project.pk %}" 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 class="col-lg-3">
                                    <div class="insetCol box-sizing disTab">
                                        <div class="imgGal">
                                            <div class="imgFigure"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="insetCol box-sizing disTab">
                                        <div class="imgGal">
                                            <div class="imgFigure"></div>
                                        </div>
                                    </div>
                                </div>
                                <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.01.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, 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>
                                <div class="comm44 disTab">
                                    <div class="col-lg-10 col-lg-offset-1">
                                        <p class="nameComm nameCommAct">
                                            Иванов Петр Иванович 
                                        </p>
                                        <span class="dateComm44">
                                            13.01.2016 / 21:05
                                        </span>
                                        <p class="textComm44">
                                            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>
                                        <a href="javascript:void(0)" class="answerComm">
                                            Ответить
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endwith %}
                
                
                
                
                
            {% elif request.user.is_contractor %}
                
                
                
                
                
                <form action="{% url 'projects:detail' pk=project.pk %}" method="POST" enctype="multipart/form-data" novalidate>
                    {% csrf_token %}
                    <input type="hidden" name="next" value="{% url 'projects:detail' pk=project.pk %}">
                    
                    <div class="polsF1 disTab">
                        <div class="col-lg-3">
                            <div class="textAreaBlock2 text-nn box-sizing disTab">
                                <p>Стоимость <span style="color: red">{{ form.budget.errors.as_text }}</span></p>
                                <input type="text" class="box-sizing" name="{{ form.budget.html_name }}" value="{{ form.budget.value }}">
                            </div>
                        </div>
                        
                        <div class="col-lg-3">
                            <div class="textAreaBlock2 text-nn box-sizing disTab">
                                {{ form.currency }}
                            </div>
                        </div>
                        
                        <div class="col-lg-3">
                            <div class="textAreaBlock2 text-nn box-sizing disTab">
                                <p>Срок <span style="color: red">{{ form.term.errors.as_text }}</span></p>
                                <input type="text" class="box-sizing" name="{{ form.term.html_name }}" value="{{ form.term.value }}">
                            </div>
                        </div>
                        
                        <div class="col-lg-3">
                            <div class="textAreaBlock2 text-nn box-sizing disTab">
                                {{ form.term_type }}
                            </div>
                        </div>
                    </div>
                    
                    <div class="polsF1 disTab searchF1">
                        <div class="col-lg-9">
                            <div class="textAreaBlock2 text-nn box-sizing disTab">
                                <p>Текст <span style="color: red">{{ form.text.errors.as_text }}</span></p>
                                <textarea name="{{ form.text.html_name }}" id="text-new">{{ form.text.value }}</textarea>
                            </div>
                        </div>
                        <div class="col-lg-3"></div>
                    </div>
                    
                    <div class="polsF1 disTab searchF1">
                        <div class="col-lg-9">
                            <p>Портфолио <span style="color: red">{{ form.portfolios.errors.as_text }}</span></p>
                            
                            <ul>
                                {% for p in request.user.portfolios.all %}
                                    <li>
                                        <input
                                            type="checkbox"
                                            name="{{ form.portfolios.html_name }}"
                                            value="{{ p.pk }}"
                                            {% if p.pk|str in form.portfolios.value %}checked{% endif %}>
                                        
                                        {{ p.name }}
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                    
                    <div class="polsF1 disTab searchF1">
                        <div class="col-lg-9">
                            <div id="fileUploadContainer">
                                <div>
                                    <button type="button" id="fileUploadAddBtn">Добавить файл</button> Не более 10 файлов общим объемом до 500 Мб
                                </div>
                                
                                <ul class="list-new-new">
                                    <li class="file-upload-widget" style="display: none">
                                        <input type="file" name="new_files" class="file-upload-input" style="position: absolute; top: -1000px; left: -1000px">
                                        <span class="file-upload-label"></span>
                                        <a href="#" onclick="return false" class="file-upload-remove-btn">&times;</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    <div class="polsF1 disTab searchF1">
                        <div class="col-lg-9">
                            {{ form.secure_deal_only }} Работаю только по безопасной сделке
                        </div>
                    </div>
                    
                    <div class="polsF1 disTab searchF1">
                        <div class="col-lg-3">
                            <button type="submit">Опубликовать ответ</button>
                        </div>
                    </div>
                    
                    <div class="polsF1 disTab searchF1"></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>+7</span>
                            </button>
                            <button type="button" class="btn btn-default">
                                Кандидаты  <span>7</span>
                            </button>
                            <button type="button" class="btn btn-default">
                                Отказал  <span>7</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">
                    <div class="candidate">
                        <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="#">Иванов Петр Иванович [ivanov_petr]</a>
                            </p>
                            <p class="navv2">На сайте 8 лет и 3 месяца</p>
                            <div class="statusUser">Свободен</div>
                        </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 class="sroUser sroExecutor">
                                <div class="iconSRO"></div>
                                <p>Есть допуск СРО</p>
                            </div>
                        </div>
                        <div class="col-lg-2 listCens">
                            <p>Цена:
                                <span> 35 000</span>
                                <i class="fa fa-rub"></i>
                            </p>
                            <p>
                                Срок: <span>3 недели</span>
                            </p>
                            <p>Опубликован: 22.04.2016</p>
                        </div>
                        <div class="col-lg-3 retts">
                            <a href="javascript:void(0)" class="candLink candLink1">
                                Кандидат
                            </a>
                            <a href="javascript:void(0)" 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 class="col-lg-3">
                                <div class="insetCol box-sizing disTab">
                                    <div class="imgGal">
                                        <div class="imgFigure"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="insetCol box-sizing disTab">
                                    <div class="imgGal">
                                        <div class="imgFigure"></div>
                                    </div>
                                </div>
                            </div>
                            <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.01.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, 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>
                            <div class="comm44 disTab">
                                <div class="col-lg-10 col-lg-offset-1">
                                    <p class="nameComm nameCommAct">
                                        Иванов Петр Иванович 
                                    </p>
                                    <span class="dateComm44">
                                        13.01.2016 / 21:05
                                    </span>
                                    <p class="textComm44">
                                        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>
                                    <a href="javascript:void(0)" class="answerComm">
                                        Ответить
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}
			
			
            
			{% include 'partials/footer.html' %}
		</div>
	</div>
{% endblock %}