{% 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>
            
            
            <form action="{{ request.path }}" method="GET" novalidate>
                <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="От" name="from_budget" class="box-sizing otInp">
                                <input type="text" placeholder="До" name="to_budget" class="box-sizing otInp">
                                <select class="selectpicker2 valul">
                                    <option>&#36;</option>
                                    <option>&#36;</option>
                                    <option>&#36;</option>
                                </select>
                            </div>
                            <div class="col-lg-3">
                            </div>
                            <div class="col-lg-3">
                                <button type="submit" class="findReal">Поиск</button>
                            </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" name="building_classification">
                                        {% for bc in building_classifications %}
                                        <option>{{ bc }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                                <div class="col-lg-3">
                                    <select class="selectpicker">
                                        {% for ct in construction_types %}
                                        <option>{{ ct }}</option>
                                        {% endfor %}
                                    </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.budget }} <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>
                                    <a href="{% url 'work_sell:delete' work.pk %}">
                                    <div class="insetBI insetBI2">
                                        <i class="fa fa-times"></i>
                                    </div>
                                    </a>
                                </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 %}#}
                
                
                <div class="col-lg-12 pagin">
                    {% include 'partials/pagination.html' %}	
                </div>
            </form>
            
            
            {% include 'partials/footer.html' %}
        </div>
    </div>
{% endblock %}