{% extends 'partials/base.html' %}
{% load staticfiles %}
{% load thumbnail %}
{% block content %}

	<div class="wrTop disTab">
		<div class="container-fluid topMain">
			<div class="row">
				<div class="col-lg-3">
					<div class="logo" onClick="window.location='/'"></div>
				</div>
				<div class="col-lg-7">
					<ul class="mainMenu">
						<li class="icon_tm1">
							<a href="javascript:void(0)">Биржа проектов</a>
							<span></span>
						</li>
						<li class="icon_tm2">
							<a href="javascript:void(0)">Поиск исполнителей</a>
							<span></span>
						</li>
						<li class="icon_tm3">
							<a href="javascript:void(0)">Работы на продажу</a>
							<span></span>
						</li>
					</ul>
				</div>
				<div class="col-lg-2">
					<div class="imgProfile">
						<img src="img/profile.jpg" alt="profile-image">
					</div>
					<div class="infoProfile disTab">
		  				<div class="btn-group" role="group">
		    				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		      					<span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
		    				</button>
		    				<ul class="dropdown-menu menu-drop-new">
		      					<li class="icon_mm1">
		      						<a href="#">
		      							Войти заказчиком
		      							<span></span>
		      						</a>
		      					</li>
		      					<li class="icon_mm2">
		      						<a href="#">
		      							Войти исполнителем
		      							<span></span>
		      						</a>
		      					</li>
		      					<li class="icon_mm3">
		      						<a href="#">
		      							Сообщения
		      							<span></span>
		      						</a>
		      					</li>
		      					<li class="icon_mm4">
		      						<a href="#">
		      							Счет
		      							<span></span>
		      						</a>
		      					</li>
		      					<li class="icon_mm5">
		      						<a href="#">
		      							Настройки
		      							<span></span>
		      						</a>
		      					</li>
		      					<li class="icon_mm6">
		      						<a href="#">
		      							FAQ
		      							<span></span>
		      						</a>
		      					</li>
		    				</ul>
		  				</div>
		  			</div>
		  			<div class="rating">
		  				<div class="ratingInset"></div>
		  				<div class="iconRating"></div>
		  			</div>
		  			<p class="ratingPer">45%</p>
				</div>
			</div>
		</div>
	</div>
	<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>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>

							</select>
						</div>
					</div>
					<div class="titleF1 titleF2 disTab">
						<div class="col-lg-4">Тип работ:</div>
						<div class="col-lg-8">Специализации:</div>
					</div>
					<div class="searchF1 polsF1 polsFF">
						<div class="col-lg-4">
							<input type="text" placeholder="От" class="box-sizing otInp">
							<input type="text" placeholder="До" class="box-sizing otInp">
							<select class="selectpicker2 valul">
								<option>&#36;</option>
								<option>&#36;</option>
								<option>&#36;</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>

							</select>
						</div>
						<div class="col-lg-3">
							<a href="javascript:void(0)" class="findReal">
								найти исполнителя
							</a>
						</div>
						<div class="col-lg-2">
							<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 polsF2 disTab">
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
							</select>
						</div>
						<div class="col-lg-3">
							<select class="selectpicker">
								<option>Mustard</option>
							</select>
						</div>
					</div>
					</div>
				</div>
			</div>
			<div class="galleryWork disTab">
                {% for work in object_list %}
				<div class="col-lg-3">
					<div class="insetCol box-sizing disTab">
                       <a href="{% url 'work_sell:detail' work.pk %}">
                        {% thumbnail work.img "265x265" crop="center" as im %}
						<div class="imgGal" style="background: url('{{ im.url }}') no-repeat center;">
							<div class="imgFigure"></div>
						</div>
                        {% endthumbnail %}
                       </a>
						<div class="cenaImg box-sizing">
							<div class="cenaImgInset">
								{{ work.price }} <i class="fa fa-rub"></i>
							</div>
						</div>
					</div>
					<div class="insetCol2 box-sizing disTab">
						<p>{{ work }}</p>


						<div class="buttonsImg" disTab>
							<div class="insetBI insetBI1">
								<i class="fa fa-pencil"></i>
							</div>
							<div class="insetBI insetBI2">
								<i class="fa fa-times"></i>
							</div>
						</div>
					</div>
				</div>
                    <div class="col-lg-3">
					<div class="insetCol box-sizing disTab">
                        {% thumbnail work.img "265x265" crop="center" as im %}
						<div class="imgGal" style="background: url('{{ im.url }}') no-repeat center;">
							<div class="imgFigure"></div>
						</div>
                        {% endthumbnail %}
						<div class="cenaImg box-sizing">
							<div class="cenaImgInset">
								{{ work.price }} <i class="fa fa-rub"></i>
							</div>
						</div>
					</div>
					<div class="insetCol2 box-sizing disTab">
						<p>{{ work }}</p>


						<div class="buttonsImg" disTab>
							<div class="insetBI insetBI1">
								<i class="fa fa-pencil"></i>
							</div>
							<div class="insetBI insetBI2">
								<i class="fa fa-times"></i>
							</div>
						</div>
					</div>
				</div>
                    				<div class="col-lg-3">
					<div class="insetCol box-sizing disTab">
                        {% thumbnail work.img "265x265" crop="center" as im %}
						<div class="imgGal" style="background: url('{{ im.url }}') no-repeat center;">
							<div class="imgFigure"></div>
						</div>
                        {% endthumbnail %}
						<div class="cenaImg box-sizing">
							<div class="cenaImgInset">
								{{ work.price }} <i class="fa fa-rub"></i>
							</div>
						</div>
					</div>
					<div class="insetCol2 box-sizing disTab">
						<p>{{ work }}</p>


						<div class="buttonsImg" disTab>
							<div class="insetBI insetBI1">
								<i class="fa fa-pencil"></i>
							</div>
							<div class="insetBI insetBI2">
								<i class="fa fa-times"></i>
							</div>
						</div>
					</div>
				</div>
                {% endfor %}
			</div>
			<div class="col-lg-12 pagin">
				<nav>
					<ul class="pagination">
				    	<li>
				      	<a href="#" aria-label="Previous">
				        	<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				      	</a>
				    	</li>
				    	<li class="active"><a href="#">1</a></li>
				    	<li><a href="#">2</a></li>
				    	<li><a href="#">3</a></li>
				    	<li><a href="#">4</a></li>
				    	<li><a href="#">5</a></li>
				    	<li>...</li>
				    	<li><a href="#">17</a></li>
				    	<li>
				      	<a href="#" aria-label="Next">
				        	<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				      	</a>
				    	</li>
					</ul>
				</nav>
			</div>
            {% include 'partials/footer.html' %}
		</div>
	</div>
{% endblock %}