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

<div class="table-area">
<div class="table-title">
<form action="" method="POST" enctype="multipart/form-data" autocomplete="off">
{% csrf_token %}

    <div class="accordion-item">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0 fw-bold">Washing Costing</h5>
                <h3 class="mb-0 fw-bold">{{style.style_number}}</h3>
            </div>
            <div class="card-body">
                <div class="row">
                            <div class="col-md-3 fw-bold">
                                {{form.process_cost|as_crispy_field}}
                            </div> 
                            <div class="col-md-3 fw-bold">
                                {{form.d_crinkle|as_crispy_field}}
                            </div>
                            <div class="col-md-3 fw-bold">
                                {{form.whisker|as_crispy_field}}
                            </div>
                            <div class="col-md-3 fw-bold">
                                {{form.destroy|as_crispy_field}}
                            </div> 
                            
                        </div>
                        <div class="row">
                            <div class="col-md-3 fw-bold">
                                {{form.sand_blasting|as_crispy_field}}
                            </div> 
                            <div class="col-md-3 fw-bold">
                                {{form.pp_spray|as_crispy_field}}
                            </div>
                            <div class="col-md-3 fw-bold">
                                {{form.tagging|as_crispy_field}}
                            </div> 
                            <div class="col-md-3 fw-bold">
                                {{form.other|as_crispy_field}}
                            </div> 
                            
                        </div>
                        <div class="row">
                            <div class="col-md-3 fw-bold">
                                {{form.over_dye|as_crispy_field}}
                            </div>
                        </div>
                        
            </div>
        </div>
        <div class="row" style="margin-top: 10px;margin-bottom: 8px;">
            <div class="col-md-12" style="margin-top: 31px; float: right; padding-right: 5%;">
                            <button type="submit" style="float: right;" class="cus-btn">Update</button>
                        </div>
        </div>
    </div>
</form>
</div>
</div>