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

{% block content %}
    <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">
            {{ project_form.errors }}
            <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="{{ project_form.name.name }}"/>
                    {{ project_form.name.errors }}
                </div>
                <div class="textAreaBlock2 text-nn box-sizing disTab">
                    <p>Подробно опишите задание</p>
                    <textarea name="{{ project_form.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">
                    {#                <form action="" method="post">#}
                    {#                    <div class="upload">#}
                    {#                        <input type="file" name="upload"/>#}
                    {#                        <p>+ добавить файл (до 100 файлов)</p>#}
                    {#                    </div>#}
                    {#                                    <input type="submit" value="Submit" />#}
                    {#                </form>#}
                    <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="{{ project_form.type_work.name }}"><span></span></label>
                        <p>Проектирование</p>
                    </div>

                    <div class="inset-mb">
                        <label><input type="radio" value="2" name="{{ project_form.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 id="specialization1" name="{{ project_form.specialization.name }}">
                        </select>

{#                           {{  project_form.specialization }}#}
                    </div>
                    <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">#}
                        {#                        <option>Mustard</option>#}
                        {#                        <option>Ketchup</option>#}
                        {#                        <option>Relish</option>#}
                        {#                    </select>#}
                    </div>
                    <div class="col-lg-3">
                        {#                    <select class="selectpicker">#}
                        {#                        <option>Mustard</option>#}
                        {#                        <option>Ketchup</option>#}
                        {#                        <option>Relish</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" name="{{ project_form.price.name }}" 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">
                            Текст
                        </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">
                            Текст
                        </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" >
                                <option>Mustard</option>
                                <option>Ketchup</option>
                                <option>Relish</option>
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <input type="text" class="box-sizing surr surr2" name="{{ realty_form.name.name }}">
                        </div>
                        <div class="col-lg-3">
                            <select class="selectpicker" name="{{ realty_form.building_classification.name }}">
                                <option>Mustard</option>
                                <option>Ketchup</option>
                                <option>Relish</option>
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <select class="selectpicker" name="{{ realty_form.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" name="{{ realty_form.country.name }}">
                                <option>Страна</option>
                                <option>Ketchup</option>
                                <option>Relish</option>
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <select class="selectpicker" {{ realty_form.city.name }}>
                                <option>Город</option>
                                <option>Ketchup</option>
                                <option>Relish</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>

{% endblock %}
{% block js_block %}
    <script type="text/javascript">
        $(function () {

            function updateSelectData(){

            }
            $.ajax({
                url: '/api/specializations?parent=1',
                type: 'GET',
                dataType: 'json',
                success: function (json) {

                    console.log(json.results);
                    var out = ''
                    $.each(json.results, function (i, v) {
                        $('#specialization1')
                                .append($("<option></option>")
                                        .attr("value", v.name)
                                        .text(v.name));
                    });

                    $("#specialization1").addClass("selectpicker");
                    $('.selectpicker').selectpicker({
                        style: 'btn-info',
                        size: 4,
                        width: '237px'
                    });
                }
            });

            $("#specialization1").on("change",function(){

            });
        });
    </script>
{% endblock %}