{% 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>
                {% endfor %}
            </div>
         {% if is_paginated %}
            <div class="col-lg-12 pagin">
                <nav>
                    <ul class="pagination">
                        {% if page_obj.has_previous %}
                            <li>
                                <a href="?page={{ page_obj.previous_page_number }}" aria-label="Previous">
                                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                </a>
                            </li>
                        {% endif %}
                        {% for page_number in paginator.page_range %}
                            {% if page_number == page_obj.number %}
                                <li class="active"><a href="#">{{ page_number }}</a></li>
                            {% else %}
                                <li><a href="?page={{ page_number }}">{{ page_number }}</a></li>
                            {% endif %}
                        {% endfor %}

                        {% if page_obj.has_next %}
                            <li>
                                <a href="?page={{ page_obj.next_page_number }}" aria-label="Next">
                                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                </a>
                            </li>
                        {% endif %}
                    </ul>
                </nav>
            </div>
        {% endif %}
            {% include 'partials/footer.html' %}
        </div>
    </div>
{% endblock %}