{% extends "merchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}<title>Update Commercial And Other Cost</title>{% endblock title %}
{% block Style %}

{% endblock Style %}


{% block MainContent %}
<div class="contents">
    {% if messages %}
        {% for message in messages %}
        <div class="alert alert-dismissible fade show {% if message.tags %}alert-{% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}danger{% else %}{{ message.tags }}{% endif %}{% endif %}" role="alert">{{ message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        {% endfor %}
    {% endif %}
    
<div class="table-area">
<div class="table-title">
<form action="" method="POST" enctype="multipart/form-data" autocomplete="off">
{% csrf_token %}
    <div class="accordion-item">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0 fw-bold">Update Commercial And Other</h5>
                <h3 class="mb-0 fw-bold">{{style.style_number}}</h3>
            </div>
                <div class="row">
                    <div class="col-md-3 fw-bold">
                        {{form.agent_commision1|as_crispy_field}} 
                    </div> 
                    <div class="col-md-3 fw-bold" style="padding-top: 40px!important;">
                        {{form.agent_commision1_is_percent|as_crispy_field}}
                    </div>
                    <div class="col-md-3 fw-bold">
                        {{form.agent_commision2|as_crispy_field}}   
                    </div>
                    <div class="col-md-3 fw-bold" style="padding-top: 40px!important;">
                        {{form.agent_commision2_is_percent|as_crispy_field}}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 fw-bold">
                        {{form.commercial_cost|as_crispy_field}} 
                    </div> 
                    <div class="col-md-3 fw-bold" style="padding-top: 40px!important;">
                        {{form.commercial_cost_is_percent|as_crispy_field}}
                    </div>
                    <div class="col-md-3 fw-bold">
                        {{form.profit_margin|as_crispy_field}} 
                    </div> 
                    <div class="col-md-3 fw-bold" style="padding-top: 40px!important;">
                        {{form.profit_margin_is_percent|as_crispy_field}}
                    </div> 
                </div>
                <div class="row">
                    <div class="col-md-3 fw-bold">
                        {{form.freight|as_crispy_field}} 
                    </div> 
                    <div class="col-md-3 fw-bold">
                        {{form.insurance|as_crispy_field}}
                    </div> 
                    <div class="col-md-3 fw-bold">
                        {{form.duty|as_crispy_field}}
                    </div> 
                    <div class="col-md-3 fw-bold" style="padding-top: 40px!important;">
                        {{form.duty_is_percent|as_crispy_field}}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 fw-bold">
                        {{form.courier_cost|as_crispy_field}} 
                    </div>
                    <div class="col-md-3 fw-bold">
                        {{form.others|as_crispy_field}} 
                    </div> 
                    <div class="col-md-3 fw-bold">
                        {{form.remarks|as_crispy_field}} 
                    </div> 
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 10px;margin-bottom: 8px;">
            <div class="col-md-12 text-center">
                <button type="submit" class="cus-btn" >Update</button>
            </div>
        </div>
    </div>
</form>

</div>
</div>


</div>

{% endblock MainContent %}
{% block meassage %}
{% include 'notifications/notifications.html' %}           
{% endblock meassage %}

{% block JS %}

{% endblock JS %}