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

{% load common_tags %}

{% 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 action="{% url 'projects:customer-project-create' %}" method="POST" enctype="multipart/form-data" novalidate>
                {% csrf_token %}
                
                <div class="chatBlock new-rass new-rass2 disTab">
                    <div class="col-lg-9">
                        <p class="new-pp new-pp3">Формирование заказа</p>
                        
                        {% if form.non_field_errors %}
                            <div class="new-pp3" style="color: red; margin-top: 70px">{{ form.non_field_errors }}</div>
                        {% endif %}
                        
                        <div class="textAreaBlock2 text-nn box-sizing disTab">
                            <p>Название заказа <span style="color: red">{{ form.name.errors.as_text }}</span></p>
                            <input type="text" class="box-sizing" name="{{ form.name.html_name }}" value="{{ form.name.value }}">
                        </div>
                        
                        <div class="textAreaBlock2 text-nn box-sizing disTab">
                            <p>Подробно опишите задание <span style="color: red">{{ form.text.errors.as_text }}</span></p>
                            <textarea name="{{ form.text.html_name }}" id="text-new">{{ form.text.value }}</textarea>
                        </div>
                    </div>
                    <div class="col-lg-3 wrChat1">
                        <div class="messageBlock box-sizing disTab">
                            <p>Дополнительно</p>
                        </div>
                        <div id="fileUploadContainer" class="col-lg-12 documentsChat">
                            <div class="upload">
                                <p id="fileUploadAddBtn" style="margin: 0">+ добавить файл (до 100 файлов)</p>
                            </div>
                            
                            <ul class="list-new-new">
                                <li class="file-upload-widget" style="display: none">
                                    <input type="file" name="files" class="file-upload-input" style="position: absolute; top: -1000px; left: -1000px">
                                    <p class="file-upload-label"></p>
                                    <div class="file-upload-remove-btn"></div>
                                </li>
                            </ul>
                        </div>
                        
                        <p class="type-work">Тип работы <span style="color: red">{{ form.work_type.errors.as_text }}</span></p>
                        <div class="mail-block type-work-inset">
                            {% for id, name in form.work_type.field.choices %}
                                <div class="inset-mb">
                                    <label>
                                        <input
                                            type="radio"
                                            value="{{ id }}"
                                            {% if form.work_type.value|int == id %}checked{% endif %}
                                            name="{{ form.work_type.html_name }}">
                                        
                                        <span></span>
                                    </label>
                                    
                                    <p>{{ name }}</p>
                                </div>
                            {% endfor %}
                        </div>
                        <div class="textAreaBlock2 box-sizing disTab">
                            <a href="#" 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-12">Специализация проекта <span style="color: red">{{ form.specialization.errors.as_text }}</span></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">
                                {{ form.specialization }}
                            </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-12">Бюджет <span style="color: red">{{ form.budget.errors.as_text }}</span></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" name="{{ form.budget.html_name }}" value="{{ form.budget.value }}">
                                {{ form.currency }}
                            </div>
                            <div class="col-lg-3">
                                {{ form.term_type }}
                            </div>
                            <div class="col-lg-5 dog-new">
                                <label>
                                    <input
                                        type="checkbox"
                                        {% if form.budget_by_agreement.value %}checked{% endif %}
                                        name="{{ form.budget_by_agreement.html_name }}">
                                    
                                    <span></span>
                                </label>
                                
                                <p>или по договоренности</p>
                            </div>
                        </div>
                        <div class="searchF1 polsF1 polsFF make-new">
                            <label>
                                <input
                                    type="checkbox"
                                    {% if form.price_and_term_required.value %}checked{% endif %}
                                    name="{{ form.price_and_term_required.html_name }}">
                                
                                <span></span>
                            </label>
                            
                            <p>Сделать для исполнителей обязательным для заполнения поля цена и срок</p>
                        </div>
                        <div class="titleF1 titleF2 disTab">
                            <div class="col-lg-12">Способ оплаты <span style="color: red">{{ form.deal_type.errors.as_text }}</span></div>
                        </div>
                        <div class="searchF1 polsF1 polsFF radio-afer">
                            <div class="col-lg-6">
                                <label>
                                    <input
                                        type="radio"
                                        name="{{ form.deal_type.html_name }}"
                                        {% if form.deal_type.value == 'secure_deal' %}checked{% endif %}
                                        value="secure_deal">
                                    
                                    <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="{{ form.deal_type.html_name }}"
                                        {% if form.deal_type.value == 'direct_payment' %}checked{% endif %}
                                        value="direct_payment">
                                    
                                    <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">Выбор объекта<br><span style="color: red">{{ form.realty.errors.as_text }}</span></div>
                                <div class="col-lg-3">Наименование<br><span style="color: red">{{ realty_form.name.errors.as_text }}</span></div>
                                <div class="col-lg-3">Классификация здания<br><span style="color: red">{{ realty_form.building_classification.errors.as_text }}</span></div>
                                <div class="col-lg-3">Вид строительства<br><span style="color: red">{{ realty_form.construction_type.errors.as_text }}</span></div>
                            </div>
                            
                            <div class="polsF1 polsF2 disTab">
                                <div class="col-lg-3">
                                    <select
                                        class="selectpicker"
                                        id="realtyId"
                                        name="{{ form.realty.html_name }}">
                                            <option value="" {% if not form.realty.value %}selected="selected"{% endif %}>Создать новый</option>
                                            
                                            {% for r in form.realty.field.queryset %}
                                                <option value="{{ r.pk }}" {% if form.realty.value|int == r.pk %}selected="selected"{% endif %}>{{ r.name }}</option>
                                            {% endfor %}
                                    </select>
                                </div>
                                <div class="col-lg-3">
                                    <input
                                        type="text"
                                        id="realtyName"
                                        name="{{ realty_form.name.html_name }}"
                                        class="box-sizing surr surr2"
                                        value="{{ realty_form.name.value }}">
                                </div>
                                <div class="col-lg-3">
                                    <select
                                        id="realtyBuildingClassificationId"
                                        class="selectpicker"
                                        name="{{ realty_form.building_classification.html_name }}">
                                            {% for c in realty_form.building_classification.field.queryset %}
                                                <option value="{{ c.pk }}" {% if realty_form.building_classification.value|int == c.pk %}selected="selected"{% endif %}>{{ c.name }}</option>
                                            {% endfor %}
                                    </select>
                                </div>
                                <div class="col-lg-3">
                                    <select
                                        id="realtyConstructionTypeId"
                                        class="selectpicker"
                                        name="{{ realty_form.construction_type.html_name }}">
                                            {% for t in realty_form.construction_type.field.queryset %}
                                                <option value="{{ t.pk }}" {% if realty_form.construction_type.value|int == t.pk %}selected="selected"{% endif %}>{{ t.name }}</option>
                                            {% endfor %}
                                    </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
                                        id="realtyLocationId"
                                        class="selectpicker"
                                        name="{{ realty_form.location.html_name }}">
                                            {% for t in realty_form.location.field.queryset %}
                                                <option value="{{ t.pk }}" {% if realty_form.location.value|int == t.pk %}selected="selected"{% endif %}>{{ t.name }}</option>
                                            {% endfor %}
                                    </select>
                                </div>
                                
                                <div class="col-lg-6 make-new">
                                    <label>
                                        <input
                                            type="checkbox"
                                            {% if form.cro.value %}checked{% endif %}
                                            name="{{ form.cro.html_name }}">
                                        
                                        <span></span>
                                    </label>
                                    
                                    <p>Требуется допуск СРО</p>
                                </div>
                            </div>
    
                            <div class="searchF1 polsF1 polsFF links-filter">
                                <input class="btn-submit-link" type="submit" value="Разместить проект"/>
                                <a href="#">Сохранить</a>
                            </div>
                        </div>
                        
                        
                        
                        
                        
                        
                    </div>
                </div>
            </form>
            
            {% include 'partials/footer.html' %}
        </div>
    </div>
{% endblock %}