{% extends "base.html" %}
{% load i18n %}
{% load static %}

{% block content %}
<div class="row">
    <a href="{% url 'history_detail' id=project.id %}" target="_blank"><div class="col m1 s1"><i class="material-icons" style="font-size: 30px; color: #26a69a;">history</i></div></a>
    <div class="col m11 s11"><h3>Обьєкт "{{project.name}}"</h3></div>
</div>
<div class="row">

    <!-- <a href="{{request.META.HTTP_REFERER}}"> -->
    <a href="{% url 'project' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>

</div>
<!-- id="project_detail_form"  -->
<form  autocomplete="off" action="{% url 'project' %}" method="POST">
    {% csrf_token %}
    <input  id="project_id" type="hidden" name="project_id"   value="{{project.id}}">
<div class="row">
    <div class="input-field col m8 s12">
        <input id="name" name="name" type="text" class="validate" value="{{project.name}}" >
        <label for="name">Назва</label>
    </div>
</div>
<div class="row">
    <div class="input-field col m2 s12">
        <input id="customer" name="customer" type="text" class="validate"  value="{% if project.customer %}{{project.customer}}{% endif %}">
        <label for="customer">№ Замовник</label>
    </div>
    <div class="input-field col m2 s12">
        <input id="date_start" name="date_start" type="text" class="datepicker detail"  value="{{project.date_start|date:'d-m-Y'}}">
        <label for="date_start">Дата старту</label>
    </div>
    <div class="input-field col m2 s12">
        <input id="date_end" name="date_end" type="text" class="datepicker detail"  value="{{project.date_end|date:'d-m-Y'}}" >
        <label for="date_end">Дата закінчення</label>
    </div>
    <div class="input-field col m2 s12">
        <input id="created_by" name="created_by" type="text" class="validate" value="{{project.created_by}}" >
        <label for="created_by">Користувач</label>
    </div>
</div>

<div class="row">
    <div class="input-field col m6 s12">
        <input id="description" name="description" type="text" class="validate" value="{% if project.description %}{{project.description}}{% endif %}">
        <label for="description">Коментар</label>
    </div>
</div>
<!-- <div class="row">
    <button type="submit" class="btn btn-outline-success">Зберегти<i class="material-icons right">save</i></button>
</div> -->
</form>
<h2>ТМЦ  в проекті</h2>



<div class="row">
    <!-- <div class="input-field col m3 s12">
        <input type=text name="good_name" id="good_name" list="goods-list" class="validate" >
        <label for="good_name">Найменування товару</label>
        <datalist id="goods-list">
            {% for good in goods %}
                <option>{{good.name}}</option>
            {% endfor %}
        </datalist>
    </div> -->
    {% get_all_goods_name_with_unit_of_measurement as goods_list %}
        <div class="input-field col m5 s12">
            <input type=text name="good_name" id="good_name" list="goods-list" class="validate" >
            <label for="good_name">Найменування товару</label>
            <datalist id="goods-list">
                {% for good in goods_list  %}
                    <option>{{good.name}}>>{{good.unit_of_measurement}}</option>
                {% endfor %}
            </datalist>
        </div>

    <div class="input-field col m1 s12">
        <input id="good_quantity" name="good_quantity" type="text" class="validate" >
        <label for="good_quantity">Кількість</label>
    </div>

    <div class="input-field col m1 s12">
        <a id="add_good_to_table_project" class="btn-floating btn-smal waves-effect waves-light green add"><i class="material-icons">add</i></a>
    </div>
</div>

<div class="row">
    <div class="sub-form col s10">  
        <div class="table-responsive">
            <table id="goods_result_table_project">
                <thead>
                    <tr>
                        <th>Ререзрв</th>
                        <th>Товар</th>
                        <th>Кількість</th>
                        <th>Одиниці</th>
                        <th></th>
                        <th>Резерв</th>
                        <th>Наявність</th>
                        <th>Нестача</th>
                        <th>Списати</th>
                        
                        
                    </tr>
                </thead>
                <tbody>
                    {% for item in project_items %}
                        <tr>
                            <td>
                                {% if item.is_reservation == "True" %}
                                <label>
                                    <input type="checkbox" checked="checked" disabled/>
                                    <span></span>
                                </label>
                                {% else %}
                                {% endif %}
                                
                            </td>
                            <td>{{item.good}}</td>
                            <td> <input type="text" value='{{item.quantity|stringformat:".2f"}}'> </td>
                            <td>{{item.good.unit_of_measurement}}</td>                
                            <td><a class="btn-floating btn-smal waves-effect waves-light red remove"><i id="btn_remove_good_from_project_detail_table" class="material-icons">remove</i></a></td>
                            <td>{{item.reservation|stringformat:".2f"}}</td>
                            <td>{{item.availability|stringformat:".2f"}}</td>
                            <td>{{item.nestacha|stringformat:".2f"}}</td>
                            <td>
                                <label>
                                    <input type="checkbox" class="filled-in" id="is_write_off" />
                                    <span></span>
                                </label>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>



<div class="row">
    {% if 'btn_save_tmc_from_project_detail' in config %}
    <button type="submit" id="btn_save_tmc_from_project_detail" class="btn btn-outline-success">Зберегти<i class="material-icons right">save</i></button>
    {% endif %}
</div>
<div class="row">
    

    <a href="{% url 'project_detail' id=project.id %}">
        <button class="btn waves-effect waves-light">
            Оновити <i class="material-icons right">cached</i>
        </button>
    </a>
    <!-- <button type="submit" id="btn_save_tmc_from_project_detail" class="btn btn-outline-success">Оновити<i class="material-icons right">cached</i></button> -->

    {% if 'btn_export_project_items_to_excel' in config %}
    <a href="{% url 'export_project_items_to_excel' id=project.id %}">
        <button class="btn waves-effect waves-light">
            Зберегти excel
        </button>
    </a>
    {% endif %}
    {% if 'btn_add_to_reservation' in config %}
    <a href="#" id="add_to_reservation">
        <button class="btn waves-effect waves-light">
            Резервувати
        </button>
    </a>
    {% endif %}
    {% if 'btn_cancel_reservation' in config %}
    <a href="#" id="cancel_reservation">
        <button class="btn waves-effect waves-light">
            Відмінити резерв
        </button>
    </a>
    {% endif %}
    {% if 'btn_procurement_goods_from_project_to_excel' in config %}
    <a href="{% url 'procurement_goods_from_project_to_excel' id=project.id %}">
        <button class="btn waves-effect waves-light">
            Сформувати замовлення
        </button>
    </a>
    {% endif %}
    {% if 'btn_write_off_from_project' in config %}
    <button id="button_write_off_from_project" class="btn waves-effect waves-light" type="submit" name="action" >Списати
    </button>
    {% endif %}
    <!-- <button id="cancel_write_off_from_project" class="btn waves-effect waves-light" type="submit" name="action" >Відмінити списання
    </button> -->
</div>
<div class="row">
    {% if 'btn_dd_additional_purchases' in config %}
    <a href="{% url 'add_additional_purchases' id=project.id %}">
        <button class="btn waves-effect waves-light">
            Дозакупка
        </button>
    </a>
    {% endif %}
    <!-- <a href="{% url 'return_from_project' id=project.id %}">
        <button class="btn waves-effect waves-light">
            Повернення
        </button>
    </a> -->
</div>
<div class="row">
    Вже використанний матеріал
</div>
<div class="row">
    <div class="sub-form col s10">  
        <div class="table-responsive">
            <table id="goods_result_table_project_write_off">
                <thead>
                    <tr>
                        <th>Товар</th>
                        <th>Кількість</th>
                        <th>Одиниці</th>
                        <th>Ціна</th>  
                        <th>Повернення</th>                       
                        
                    </tr>
                </thead>
                <tbody>
                    {% if write_of_items %}
                        {% for item in write_of_items %}
                            <tr>
                                <td>{{item.good}}</td>
                                <td>{{item.quantity|stringformat:".2f"}}</td>
                                <td>{{item.good.unit_of_measurement}}</td>
                                <td>{{item.price|stringformat:".2f"}}</td>
                                <td>
                                    {% if 'btn_return_to_stock_from_project' in config %}
                                    <button id="btn_return_to_stock_from_project" value="{{item.identifier_write_off}}" class="btn waves-effect waves-light">
                                        Повернення
                                    </button>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                    {% endif %}
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="row">
    <h2 style="font-weight: bold;"><i class="lni lni-euro"></i> Загальна вартість матеріалів {{total_price_write_off|stringformat:".2f"}} грн.</h2> 
</div>
<!-- <div class="row">export_project_items_to_excel
    <div class="row">
        <button type="submit" class="btn btn-outline-success">Зберегти</button>
      </div>
    <a href="#">
        <button id="save_project_detail_form_button" class="btn waves-effect waves-light">
            Зберегти
        </button>
    </a>
</div> -->



{% endblock %}

{% block scripts %}
<script type="module" src="{% static 'js/project.js' %}"></script>
{% endblock %}