{% extends "merchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% block title %}<title>Quotation</title>{% endblock title %}
{% block Style %}
<style>
    fieldset {
        background-color: #eeeeee;
      }
      
      legend {
        background-color: gray;
        color: white;
        padding: 5px 10px;
      }
      
      input {
        margin: 5px;
      }
      #unit_color{
        background-color: gray;
        background-color: #eeee;
      }
</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 %}

<form action="" method="POST" enctype="multipart/form-data" autocomplete="off">
{% csrf_token %}
<div class="accordion-item">
    <div class="card">
        <div class="card-body" id="after-add-more">
                <fieldset>
                    <legend>Basic Information</legend>

                  
                        <div class="row">
                        

                        <div class="col-md-11 mx-5">

                        <div class="row ">
                        
                                <div class="col-md-4">
                                        {{form.submission_date|as_crispy_field}}
                                        
                                    </div>
                                    <div class="col-md-4">
                                        {{form.buyer|as_crispy_field}}
                                        
                                    </div>
                                    <div class="col-md-4">
                                        {{form.buyer_address|as_crispy_field}}
                                        
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        {{form.payment_terms|as_crispy_field}}
                                        
                                    </div>
                                    <div class="col-md-4">
                                        {{form.production_term|as_crispy_field}}
                                        
                                    </div>
                                    <div class="col-md-4">
                                        {{form.validity|as_crispy_field}}
                                        
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        {{form.style|as_crispy_field}}
                                    </div>
                                </div>
                            </div>
                            </div>
                </fieldset>
        </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" >Submit</button>
        </div>
    </div>
</fieldset>
</div>

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

{% block JS %}
<script>
$(document).ready(function() {
    $("#id_style").select2({
     
    });

  });
</script>
{% endblock JS %}