{% 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-2 fw-bold">
                                {{form.fabric_test_description|as_crispy_field}}
                            </div>
                            <div class="col-md-2 fw-bold">
                                {{form.fabric_test_cost|as_crispy_field}}
                            </div> 
                            <div class="col-md-2 fw-bold">
                                {{form.trim_test_description|as_crispy_field}}
                            </div>
                            <div class="col-md-2 fw-bold">
                                {{form.trim_test_cost|as_crispy_field}}
                            </div>
                            <div class="col-md-2 fw-bold">
                                {{form.thread_test_description|as_crispy_field}}
                            </div>
                             <div class="col-md-2 fw-bold">
                                {{form.thread_test_cost|as_crispy_field}}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2 fw-bold">
                                {{form.wash_test_description|as_crispy_field}}
                            </div>
                            <div class="col-md-2 fw-bold">
                                {{form.wash_test_cost|as_crispy_field}}
                            </div> 
                            <div class="col-md-2 fw-bold">
                                {{form.embroidery_test_description|as_crispy_field}}
                            </div>
                            <div class="col-md-2 fw-bold">
                                {{form.embroidery_test_cost|as_crispy_field}}
                            </div>
                            <div class="col-md-2 fw-bold">
                                {{form.print_test_description|as_crispy_field}}
                            </div>
                             <div class="col-md-2 fw-bold">
                                {{form.print_test_cost|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>