{% extends "marchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}<title>CM 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">
            <div class="row">
                <div class="col-md-4">
                    <div>
                        <h4>Style {{style.style_number}}</h4>
                        <h5>CM Cost</h5>
                    </div>
                </div>
            </div>
        </div>
        {% if not cm_costing_list %}
            {% 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/cm/create/super_admin_forms.html' %}
            {% endif %}
        {% endif %}
    </div>
    {% if cm_costing_list %}
    <div class="card mt-2">
        <div class="card-header bg-light fw-bold">
            CM Cost Details
            {% if cm_costing_list.style.is_cost_submit_status == "Not Submit"  %}
            <div class="col-md-4" style="float: right; padding-right: 5%;">
                <a href="{% url 'merchant-cm-cost-update' cm.id %}">
                    <button type="submit" class="cus-btn">Update</button>
                </a>
                <a href="{% url 'merchant-cm-cost-delete' cm.id %}">
                    <button type="submit" style="background-color:red !important; color:white;" class="cus-btn">Delete</button>
                </a>
            </div>
            {% endif %}
        </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">Mother Organization</th>
                                <td>{{cm_costing_list.mother_organization.name_en}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Sister Organization</th>
                                <td class="text-capitalize">{{cm_costing_list.sister_organization.name_en}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Branch</th>
                                <td>{{cm_costing_list.branch.name_en}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">SMV</th>
                                <td>{{cm_costing_list.smv}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Efficiency</th>
                                <td>{{cm_costing_list.efficiency}}</td>
                            </tr>
                            
                        </tbody>
                    </table>
                </div>
                <div class="col-md-6 ">
                    <table class="table table-bordered">
                        <tbody>
                            
                            <tr>
                                <th scope="row" class="fw-bold">Number of machine</th>
                                <td>{{cm_costing_list.number_of_machine}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Man power</th>
                                <td>{{cm_costing_list.man_power}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Target production per minute</th>
                                <td>{{cm_costing_list.target_production_per_minute}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Machine cost per minute</th>
                                <td>{{cm_costing_list.machine_cost_per_minute}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Others</th>
                                <td>{{cm_costing_list.others}}</td>
                            </tr>
                            <tr>
                                <th scope="row" class="fw-bold">Total cost per gmts</th>
                                <td>{{cm_costing_list.total_cost_per_gmts}}</td>
                            </tr>
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {% endif %}
</div>

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

{% block JS %}


{% endblock JS %}