{% extends "merchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}<title>Add Washing</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 %}

 <h5 id ="style_id" class="d-none">{{style.id}}</h5>
  {% if washing_list %}
  {% else%}
    <div class="table-area">
        <div class="table-title">
            <div class="row">
                <div class="col-md-4">
                    <div>
                    <h4>{{style}} <p class="materils-heading">Washing</p> </h4>
                    </div>
                </div>
            </div>
        </div>
 {% endif %}
    {% if style.is_material_submit == False %}
        {% if form_block == True %}
            <div class="table-area">
                <div class="table-header bg-white">
                    <form method="post" id="personForm" data-cities-url="" novalidate>
                    {% csrf_token %}
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="row">
                                        <div class="col-md-3 fw-bold">
                                            {{form.name|as_crispy_field}}
                                        </div>
                                        <div class="col-md-3 fw-bold">
                                            {{form.plant_type|as_crispy_field}}
                                        </div> 
                                        <div class="col-md-3 fw-bold">
                                            {{form.plant_origin|as_crispy_field}}
                                        </div> 
                                        <div class="col-md-3 fw-bold">
                                            {{form.process_details|as_crispy_field}}
                                        </div> 
                                    </div>
                                    <div class="row">
                                            <div class="col-md-12" style="margin-top: 31px; float: right; padding-right: 5%;">
                                            <button type="submit" style="float:right;" class="cus-btn">Add</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        {% endif %}
    {% endif %}
    {% if washing_list %}
    <div class="table-area">
        <div class="table-title">
            <div class="row">
                <div class="col-md-4">
                    <div class="washing-name">
                        <h4>{{style}} <p class="materils-heading">Wash</p> </h4>
                    </div>
                </div>
            </div>
        </div>
        <!-- table-title -->

        <div class="tables table-responsive" id="washing_list">
            <table class="table  table-striped table-hover">
                <thead>
                    <tr>
                        <th class="text-center">SL No</th>
                        <th>Plant Name</th>
                        <th>Plant Type</th>
                        <th>Plant Origin</th>
                        <th>Process Details</th>
                    </tr>
                </thead>
                <tbody>
                    {% for washing in washing_list  %}
                    <tr>
                        <td class="text-center">{{forloop.counter}}</td>
                        <td>{{ washing.name }}</td>
                        <td>
                            {% if washing.plant_type %}
                                {{ washing.plant_type }}
                            {% else %}
                                N/A
                            {% endif %}
                        </td>
                        <td>
                            {% if washing.plant_origin %}
                                {{ washing.plant_origin }}
                            {% else %}
                                N/A
                            {% endif %}
                        </td>
                        <td>{{ washing.process_details }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        <div>
        {% endif %}
    </div>
</div>

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

{% block JS %}
    <script src="{% static 'js/merchant_app/query/materials/wash/script.js' %} "></script>
{% endblock JS %}