{% load crispy_forms_tags %}

<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">Add New Sample Order</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4">
                        {{form.style|as_crispy_field}}
                    </div>
                    <div class="col-md-4">
                        {{form.selection_preference|as_crispy_field}}
                    </div>
                    <div class="col-md-4">
                        {{form.color|as_crispy_field}}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        {{form.size|as_crispy_field}}
                    </div>  
                    <div class="col-md-4">
                        {{form.quantity|as_crispy_field}}
                    </div> 
                    <div class="col-md-4">
                        {{form.category|as_crispy_field}}
                    </div> 
                    
                </div>
                <div class="row">
                    <div class="col-md-4">
                        {{form.target_submission_date|as_crispy_field}}
                    </div> 
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 10px;margin-bottom: 8px;">
            <div class="col-md-12 text-center">
                <button type="submit" class="cus-btn" >Submit</button>
            </div>
        </div>
    </div>
</form>