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

{% block content %}
<div class="row">
    <h3>Детальна інфо КП - {{commercial_offer.name}}</h3>
</div>
<div class="row">
    <input  id="commercial_offer_id" type="hidden" name="commercial_offer_id"   value="{{commercial_offer.id}}">
</div>
<div class="row">
    <a href="{% url 'commercial_offer_list' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>
</div>
<div class="row">
    <div class="row m12 s12">
        <div class="input-field col m10 s12">
            <i class="material-icons prefix">mode_edit</i>
            <input id="name" name="name" type="text" class="validate" value="{{commercial_offer.name}}">
            <label for="name">Назва обєкту</label>
        </div>
    </div>
</div>
<div class="row">
    <div class="input-field col m3 s12">
        <i class="material-icons prefix">mode_edit</i>
        <input id="currency_euro" name="currency_euro" type="text" class="validate" value="{{commercial_offer.currency_euro}}">
        <label for="currency_euro">Евро</label>
    </div>
    <div class="input-field col m3 s12">
        <i class="material-icons prefix">mode_edit</i>
        <input id="currency_dollar" name="currency_dollar" type="text" class="validate" value="{{commercial_offer.currency_dollar}}">
        <label for="currency_dollar">Доллар</label>
    </div>
    <div class="input-field col m3 s12">
        <i class="material-icons prefix">mode_edit</i>
        <input id="profitability" name="profitability" type="text" class="validate" value="{{commercial_offer.profitability}}">
        <label for="profitability">Ретнабельність</label>
    </div>

</div>
<div class="row">
    <div id="handsontable_container_commercila_offer_detail" style="width: 100%"></div>
</div>
<div class="row">
    <div id="total_sum"></div>
</div>
<div class="row">
    <div id="total_sum_profitability"> </div>
</div>
<div class="row">
    {% if 'btn_save_new_commercial_offer' in config %}
    <a href="#">
        <button id="save_co"  class="btn waves-effect waves-light">
            Зберегти
        </button>
    </a>
    {% endif %}
</div>
<div class="row" style="margin-top: 50px;">

    <!-- <a href="#">
        <button id="load_co"  class="btn waves-effect waves-light">
            Завантажити данні
        </button>
    </a> -->
    {% if 'btn_move_commercial_offer_to_project' in config %}
    <a href="#">
        <button id="move_commercial_offer_to_project" value="{{commercial_offer.id}}" class="btn waves-effect waves-light" >
            Перенести в Обєкти
        </button>
    </a>
    {% endif %}
    {% if 'btn_export_commercial_offer_to_excel' in config %}
    <a href="#">
        <button id="export_commercial_offer_to_excel"  class="btn waves-effect waves-light">
            Зберегти в Excel
        </button>
    </a>
    {% endif %}
    {% if 'btn_copy_commercial_offer' in config %}
    <a href="#">
        <button id="copy_commercial_offer"  class="btn waves-effect waves-light">
            Копіювати
        </button>
    </a>
    {% endif %}
</div>
<div class="row">
    <a href="{% url 'commercial_offer_list' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>
</div>
{% endblock %}
{% block scripts %}
    <script type="module" src="{% static 'js/commercial_offer_detail.js' %}"></script>
    <script src="https://cdn.jsdelivr.net/npm/exceljs/dist/exceljs.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
{% endblock %}