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

{% block content %}
<div class="row">
    <h3>Комерційна пропозиція</h3>
</div>
<div class="row">

    <div class="col m10 s12 ">
        
        <a href="{% url 'commercial_offer_list' %}">
            <div class="input-field inline" >
                <button class="btn waves-effect waves-light"> 
                    Повернутися
                </button>

            </div>
        </a>
    </div>

</div>
<div class="row">
    <div class="col s12 m2">
        <div class="card">
            <div class= "title">
                <span class="circle"> 
                    <i class="material-icons">transfer_within_a_station</i>
                </span>
                <p class="titleText">
                    USD
                </p>
            </div>
            <div class="data">
                <p>
                    {{exchangeRates_dollar}} UAH
                </p>
                <p>
                    {{exchangedate_dollar}}
                </p>
                
                <div class="range">
                    <div class="fill">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col s12 m2">
        <div class="card">
            <div class= "title">
                <span class="circle"> 
                    <i class="material-icons">transfer_within_a_station</i>
                </span>
                <p class="titleText">
                    EURO
                </p>
            </div>
            <div class="data">
                <p>
                    {{exchangeRates_euro}} UAH
                </p>
                <p>
                    {{exchangedate_euro}}
                </p>
                
                <div class="range">
                    <div class="fill">
                    </div>
                </div>
            </div>
        </div>
    </div>
</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">
            <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="{{exchangeRates_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="{{exchangeRates_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="1">
        <label for="profitability">Рентабельність</label>
    </div>

</div>

<div class="row">
    <div id="handsontable_container_add_commercial_offer" 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_load_commercial_offer_from_file' in config %}
    <div class="input-field inline">
        <div class="file-field input-field">
            <div class="btn">
            <span>Завантажити з файлу</span>
            <input type="file" id="load_commercial_offer_from_template_file" accept=".xls, .xlsx">
            </div>
            <div class="file-path-wrapper">
            <input class="file-path validate" type="text" id="load_commercial_offer_from_template_file-name">
            </div>
        </div>
    </div>
    {% endif %}
</div>
<div class="row">
    <a href="{% url 'commercial_offer_list' %}">
        <button class="btn waves-effect waves-light">
            Повернутися
        </button>
    </a>
    {% if 'btn_save_new_commercial_offer' in config %}
    <a href="#">
        <button id="save_co"  class="btn waves-effect waves-light">
            Зберегти
        </button>
    </a>
    {% endif %}
</div>


{% endblock %}

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