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

{% 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="col-lg-12">
				<div class="filter clearfix">
					<div class="triangle1"></div>
					<div class="titleF1 disTab">
						<div class="col-lg-3">Тип работ:</div>
						<div class="col-lg-3">Специализации:</div>
						<div class="col-lg-3"></div>
						<div class="col-lg-3"></div>
					</div>
					<div class="polsF1 disTab">
						<div class="col-lg-3">
  							<select class="selectpicker">
								<option>Mustard</option>
								<option>Ketchup</option>
								<option>Relish</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
								<option>Ketchup</option>
								<option>Relish</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
								<option>Ketchup</option>
								<option>Relish</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
								<option>Ketchup</option>
								<option>Relish</option>
							</select>
						</div>
					</div>
					<div class="searchF1">
						<div class="col-lg-6">
							<input type="text" class="searchInp box-sizing" placeholder="Ключевые слова" name="search">
						</div>
						<div class="col-lg-3">
							<a href="javascript:void(0)" class="findReal">
								найти исполнителя
							</a>
						</div>
						<div class="col-lg-3">
							<a href="javascript:void(0)" class="clearSearch">
								Очистить фильт
							</a>
						</div>
					</div>
					<div class="resSearchF1">
						<div class="col-lg-3">
							<p class="titleResF1">Расширенный поиск</p>
							<button class="resButtonF1">
								<span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
							</button>
						</div>
						<div class="col-lg-9">
							<div class="borderS1"></div>
						</div>
					</div>
					<div class="slideRes disTab activeSlide">
					<div class="titleF1 disTab">
						<div class="col-lg-3">Тип работ:</div>
						<div class="col-lg-3">Специализации:</div>
						<div class="col-lg-3"></div>
						<div class="col-lg-3"></div>
					</div>
					<div class="polsF1 disTab">
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
								<option>Ketchup</option>
								<option>Relish</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
								<option>Ketchup</option>
								<option>Relish</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
								<option>Ketchup</option>
								<option>Relish</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
								<option>Ketchup</option>
								<option>Relish</option>
							</select>
						</div>
					</div>
					<div class="sro">
						<div class="col-lg-12">
							<label><input type="checkbox" value="1" name="k"><span></span></label>
   							<p>Требуется допуск (СРО)</p>
						</div>
					</div>
					</div>
				</div>
			</div>
			<div class="col-lg-12">
				<p class="titleScore">Список проектов</p>
				<div class="linkSort">
					<p>Сортировать по:</p>
					<a href="javascript:void(0)" class="activeSort">
						цене
						<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
					</a>
					<a href="javascript:void(0)">
						cорту
						<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
					</a>
					<a href="javascript:void(0)">
						рейтингу
						<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
					</a>
					<a href="javascript:void(0)">
						дате размещения
						<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
					</a>
					<a href="javascript:void(0)">
						ответам
						<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
					</a>
					<a href="javascript:void(0)">
						просмотрам
						<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
					</a>
				</div>
			</div>
			<div class="projectsBlock disTab">
                {% for proj in object_list %}
                    <div class="projectPro clearfix">
                        <div class="col-lg-9 leftPro">
                            <p class="titlePro">
                                <a href="{% url 'projects:detail' pk=proj.pk %}">{{ proj }}</a>
                            </p>
                            <ul class="desPro">
                                <li>
                                    Объект "{{ proj.realty.name }}"
                                </li>
                                <li>
                                    <span>0</span> ответ от имени группы
                                </li>
                            </ul>
                            <p class="textPro">
                                {{ proj.text }}
                            </p>
                            <ul class="listPro">
                                <li>
                                    {{ proj.created }}
                                </li>
                                <li>
                                   0
                                </li>
                                <li>
                                    {{ proj.answers.count }}
                                </li>
                                <li>
                                    {{ proj.user }}
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-3 rightPro">
                            <p class="cenaPro">
                                {{ proj.budget }} <i class="fa fa-rub"></i>
                            </p>
                            <ul>
                                {% if proj.secure_deal %}
                                <li>Безопасная сделка</li>
                                {% endif %}
                                <li>
                                    Стадия: "П"
                                </li>
                                <li>
                                    Отказаться и переместить
                                    в корзину
                                </li>
                            </ul>
                        </div>
                    </div>
                {% endfor %}
			</div>
			<div class="col-lg-12 pagin">
                {% include 'partials/pagination.html' %}
			</div>
			
			{% include 'partials/footer.html' %}
		</div>
	</div>
{% endblock %}