{% extends 'partials/base.html' %}
{% load staticfiles %}
{% load thumbnail %}
{% 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">
                            <input type='hidden' class="-spec-select -spec-select-level-1" style="width: 100%">
                        </div>
                        <div class="col-lg-3">
                            <input type='hidden' class="-spec-select -spec-select-level-2" style="width: 100%">
                        </div>
                        <div class="col-lg-3">
                            <input type='hidden' class="-spec-select -spec-select-level-3" style="width: 100%">
                        </div>
                        <div class="col-lg-3">
                             <input type='hidden' class="-spec-select -spec-select-level-4" style="width: 100%">
                        </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>
                                <a href="{% url 'work_sell:edit' work.pk %}">
                                   <div class="insetBI insetBI1">
                                       <i class="fa fa-pencil"></i>
                                   </div>
                                </a>
                                <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 %}