{% 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.fabric|as_crispy_field}}
                            </div> 
                            <div class="col-md-3 fw-bold">
                                {{form.mill_name|as_crispy_field}}
                            </div> 
                            <div class="col-md-3 fw-bold">
                                {{form.mill_type|as_crispy_field}}
                            </div> 
                            <div class="col-md-3 fw-bold">
                                {{form.mill_origin|as_crispy_field}}
                            </div> 
                        </div>
                        <div class="row">
                            <div class="col-md-3 fw-bold">
                                {{form.cuttable_width|as_crispy_field}}
                            </div> 
                            <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="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>
        </form>
    </div>
</div>