{% 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.smv|as_crispy_field}}
                            </div>
                            <div class="col-md-3 fw-bold">
                                {{form.efficiency|as_crispy_field}}
                            </div> 
                            <div class="col-md-3 fw-bold">
                                {{form.number_of_machine|as_crispy_field}}
                            </div>
                            <div class="col-md-3 fw-bold">
                                {{form.man_power|as_crispy_field}}
                            </div> 
                        </div>
                        <div class="row">
                            <div class="col-md-3 fw-bold">
                                {{form.target_production_per_minute|as_crispy_field}}
                            </div> 
                            <div class="col-md-3 fw-bold">
                                {{form.machine_cost_per_minute|as_crispy_field}}
                            </div>
                            <div class="col-md-3 fw-bold">
                                {{form.others|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>