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

{% block content %}
    {% include 'partials/header.html' %}

    <div class="container mainScore">
        <div class="row">
            <div class="col-lg-12 allProjects">
                <p class="titleScore">Новый заказ</p>
            </div>

            <form method="post">
                {% csrf_token %}
                    {{ form_project.errors }}
                    {{ form_realty.errors }}
            <div class="chatBlock new-rass new-rass2 disTab">
                <div class="col-lg-9">
                    <p class="new-pp new-pp3">Формирование заказа</p>
                    <div class="textAreaBlock2 text-nn box-sizing disTab">
                        <p>Название заказа</p>
                        <input type="text" class="box-sizing" name="{{ form_project.name.name }}">
                    </div>
                    <div class="textAreaBlock2 text-nn box-sizing disTab">
                        <p>Подробно опишите задание</p>
                        <textarea name="{{ form_project.text.name }}" id="text-new"></textarea>
                    </div>
                </div>
                <div class="col-lg-3 wrChat1">
                    <div class="messageBlock box-sizing disTab">
                        <p>Дополнительно</p>
                    </div>
                    <div class="col-lg-12 documentsChat">
                            <div class="upload">
                                <input type="file" name="upload"/>
                                <p>+ добавить файл (до 100 файлов)</p>
                            </div>
                        <ul class="list-new-new">
                            <li>
                                Архитерурное 2.jpg
                                <span>7мб</span>
                                <div></div>
                            </li>

                        </ul>
                    </div>
                    <p class="type-work">Тип работы:</p>
                    <div class="mail-block type-work-inset">
                        <div class="inset-mb">
                            <label><input type="radio" value="1" name="{{ form_project.type_work.name }}"><span></span></label>
                            <p>Проектирование</p>
                        </div>
                        <div class="inset-mb">
                            <label><input type="radio" value="2" name="{{ form_project.type_work.name }}"><span></span></label>
                            <p>Техническое сопровождение</p>
                        </div>
                    </div>
                    <div class="textAreaBlock2 box-sizing disTab">
                        <a href="javascriptt:void(0)" class="new-link new-lw">+ Добавить раздел</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 new-filter">
                <div class="filter clearfix">
                    <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" disabled>
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <select class="selectpicker" disabled>
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <select class="selectpicker" disabled>
                            </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" class="box-sizing surr">
                            <select class="selectpicker2 valul">
                                <option>&#36;</option>
                                <option>&#36;</option>
                                <option>&#36;</option>
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <select class="selectpicker">
                                <option>За проект</option>
                                <option>Ketchup</option>
                                <option>Relish</option>
                            </select>
                        </div>
                        <div class="col-lg-5 dog-new">
                            <label><input type="checkbox" name="dogovor"><span></span></label>
                            <p>или по договоренности</p>
                        </div>
                    </div>
                    <div class="searchF1 polsF1 polsFF make-new">
                        <label><input type="checkbox" name="dogovor"><span></span></label>
                        <p>Сделать для исполнителей обязательным для заполнения поля цена и срок</p>
                    </div>
                    <div class="titleF1 titleF2 disTab">
                        <div class="col-lg-12">Способ оплаты</div>
                    </div>
                    <div class="searchF1 polsF1 polsFF radio-afer">
                        <div class="col-lg-6">
                            <label><input type="radio" name="afer"><span></span></label>
                            <p class="text-afer">
                                Безопасная сделка (с резервированием бюджета)
                            </p>
                            <p class="des-afer">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro vel suscipit eaque
                                quidem voluptate aperiam enim aut libero, excepturi architecto maxime, placeat maiores,
                                odio itaque, ex consectetur dignissimos dicta officia.
                            </p>
                        </div>
                        <div class="col-lg-6">
                            <label><input type="radio" name="afer"><span></span></label>
                            <p class="text-afer">
                                Прямая оплата Исполнителю на его кошелек/счет
                            </p>
                            <p class="des-afer">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro vel suscipit eaque
                                quidem voluptate aperiam enim aut libero, excepturi architecto maxime, placeat maiores,
                                odio itaque, ex consectetur dignissimos dicta officia.
                            </p>
                        </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">
                                    {% for realty in realty_list %}
                                        <option>{{ realty.name }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-lg-3">
                                <input type="text" name="{{ form_realty.name.name }}" class="box-sizing surr surr2">
                            </div>
                            <div class="col-lg-3">
                                <select class="selectpicker" name="{{ form_realty.building_classification.name }}">
                                    <option>Mustard</option>
                                    <option>Ketchup</option>
                                    <option>Relish</option>
                                </select>
                            </div>
                            <div class="col-lg-3">
                                <select class="selectpicker" name="{{ form_realty.type_construction.name }}">
                                    <option>Mustard</option>
                                    <option>Ketchup</option>
                                    <option>Relish</option>
                                </select>
                            </div>
                        </div>
                        <div class="titleF1 disTab">
                            <div class="col-lg-12">Местоположение:</div>
                        </div>
                        <div class="polsF1 polsF2 disTab">
                            <div class="col-lg-3">
                                <select class="selectpicker">
                                    <option>Россия</option>
                                    <option>Украина</option>
                                    <option>Белоруссия</option>
                                </select>
                            </div>
                            <div class="col-lg-3">
                                <select class="selectpicker">
                                    <option>Москва</option>
                                    <option>Санкт-Петербург</option>
                                    <option></option>
                                </select>
                            </div>
                            <div class="col-lg-6 make-new">
                                <label><input type="checkbox" name="dogovor"><span></span></label>
                                <p>Требуется допуск СРО</p>
                            </div>
                        </div>

                        <div class="searchF1 polsF1 polsFF links-filter">
                            <input style="border-radius: 40px;font-family: 'pfdintextcomppro-regular', sans-serif;
                            color: black;font-size: 16px;padding: 17px 33px 17px 33px;float: left;margin: 0 15px 48px 15px;border: 1px solid #DFDFDF;text-transform: uppercase;
    letter-spacing: 2px;color: #42B476;border: 1px solid #42B476" type="submit" value="Разместить проект"/>
                            <a href="javascript:void(0)">Сохранить</a>

                        </div>

                    </div>
                </div>
            </div>
            </form>

            {% include 'partials/footer.html' %}
        </div>
    </div>
{% endblock %}