{% load crispy_forms_tags %}
{% load widget_tweaks %}

<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.thread|as_crispy_field}}
                            </div> 
                            <div class="col-md-3 fw-bold">
                                {{form.supplier|as_crispy_field}}
                            </div> 
                            <div class="col-md-3 fw-bold">
                                {{form.supplier_type|as_crispy_field}}
                            </div> 
                          <div class="col-md-3 fw-bold">
                                {{form.supplier_origin|as_crispy_field}}
                            </div> 
                        </div>
                        <div class="row">
  
                            <div class="col-md-3 fw-bold">
                                {{form.unit|as_crispy_field}}
                            </div>
                            <div class="col-md-3 fw-bold">
                                {{form.consumption|as_crispy_field}}
                            </div> 
                            <div class="col-md-3 fw-bold">
                                {{form.wastage|as_crispy_field}}
                            </div>
                        </div>
                        <div class="row">

                            <div class="col-md-3" style="margin-top: 31px;">
                                <button type="submit" class="cus-btn">Add</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>