{% extends "marchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}<title>Washing 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 %}
    {% if not washing_cost %}
    <div class="table-area">
        <div class="table-title">
            <div class="row">
                <div class="col-md-4">
                    <div>
                        <h4>Style Number : {{style.style_number}}</h4>
                        <h5>Washing Cost</h5> 
                    </div>
                </div>
            </div>
        </div>
        {% if not washing_cost %}
            {% if request.user.is_superuser == True or request.user.marchant_user_type == 'mother_admin' or request.user.marchant_user_type == 'sister_admin' or request.user.marchant_user_type == 'admin' or request.user.marchant_user_type == 'regular_user' %}
                {% include 'marchant_app/costing/washing_cost/create/super_admin_forms.html' %}
            {% endif %}
        {% endif %}
    </div>
    {%else%}
    {% if washing_cost %}
    
    <div class="table-area">
    <div class="table-title">
    <div class="card mt-2">
        <div class="card-header bg-light fw-bold">
            <div class="row">
                <div class="col-md-10">
                    <b>{{washing_cost.washing.style}}:</b> Washing Cost Details
                </div>
                {% if washing_cost.style.is_cost_submit_status == "Not Submit"  %}
                <div class="col-md-1">
                    <a href="{% url 'merchant-washing-cost-update' washing_cost.id %}">
                        <button type="submit" class="cus-btn">Update</button>
                    </a>
                </div>
                <div class="col-md-1">
                    <a href="{% url 'merchant-washing-cost-delete' washing_cost.id %}">
                        <button type="submit" style="background-color:red !important; color:white;" class="cus-btn">Delete</button>
                    </a> 
                </div>
                {% endif %}
            </div>             
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6 ">
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <th scope="row" class="fw-bold">Plant name</th>
                                <td>{{washing_cost.washing.name}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Plant type</th>
                                <td>{{washing_cost.washing.plant_type}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Plant origin</th>
                                <td>{{washing_cost.washing.plant_origin}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Process details</th>
                                <td>{{washing_cost.washing.process_details}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Process cost</th>
                                <td>{{washing_cost.process_cost|floatformat:4}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">3D crinkle</th>
                                <td>{{washing_cost.d_crinkle|floatformat:4}}</td>
                            </tr>
                            
                            
                            <tr>
                                <th scope="row" class="fw-bold">Whisker</th>
                                <td>{{washing_cost.whisker|floatformat:4}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-md-6 ">
                    <table class="table table-bordered">
                        <tbody>


                            <tr>
                                <th scope="row" class="fw-bold">Destroy</th>
                                <td>{{washing_cost.destroy|floatformat:4}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Sand blasting</th>
                                <td>{{washing_cost.sand_blasting|floatformat:4}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">PP Spray</th>
                                <td>{{washing_cost.pp_spray|floatformat:4}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Tagging</th>
                                <td>{{washing_cost.tagging|floatformat:4}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Other</th>
                                <td>{{washing_cost.other|floatformat:4}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Over dye</th>
                                <td>{{washing_cost.over_dye|floatformat:4}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Cost per gmt</th>
                                <td>${{washing_cost.total_cost|floatformat:4}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
    {% endif %}
    {% endif %}
</div>

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

{% block JS %}
<script type=text/javascript>
  var load_branch_url = "{% url 'ajax_load_branchs' %}"
  var load_sister_organization_url = "{% url 'sister-organization-load' %}"
  var load_branch_organization_url = "{% url 'load-branch-organization' %}"

</script>

<script src="{% static 'js/marchant_app/materials/washing_costs/create.js' %} "></script>
<script>
    // Get all info messages
    var info_messages = document.getElementsByClassName('alert');

    setTimeout(function(){
        for (var i = 0; i < info_messages.length; i ++) {
            // Set display attribute as !important, neccessary when using bootstrap
            info_messages[i].setAttribute('style', 'display:none !important');
        }
    }, 3000);
</script>
{% endblock JS %}