@extends('form.app')

@section('styles')
@endsection

@section('content')
    <form class="row" id="sale_order_frm" method="POST" onsubmit="setSaleOrder();" enctype="multipart/form-data">
        @csrf
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div class="col-12 mb-2">
                                                <x-select2.select id="member_id" name="member_id" :selected=$selected label="ลูกค้า" url="{{ route('admin.member.list.get_list') }}" placeholder="เลือกลูกค้า" />
                    </div>

                    <div class="row">
                        <div class="col-6 mb-2">
                                                        <x-select2.select id="product_1" name="product_1" :selected=$selected label="สินค้า 1" url="{{ route('admin.product.list.get_list') }}" placeholder="เลือกสินค้า 1" />
                        </div>
                        <div class="col-6 mb-2">
                            <label class="form-label" for="quantity_1">จำนวน</label>
                            <x-form.input name="quantity_1" type="number" value="" placeholder="0-100" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-6 mb-2">
                                                        <x-select2.select id="product_2" name="product_2" :selected=$selected label="สินค้า 2" url="{{ route('admin.product.list.get_list') }}" placeholder="เลือกสินค้า 2" />
                        </div>
                        <div class="col-6 mb-2">
                            <label class="form-label" for="quantity_2">จำนวน</label>
                            <x-form.input name="quantity_2" type="number" value="" placeholder="0-100" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-6 mb-2">
                                                        <x-select2.select id="product_3" name="product_3" :selected=$selected label="สินค้า 3" url="{{ route('admin.product.list.get_list') }}" placeholder="เลือกสินค้า 3" />
                        </div>
                        <div class="col-6 mb-2">
                            <label class="form-label" for="quantity_3">จำนวน</label>
                            <x-form.input name="quantity_3" type="number" value="" placeholder="0-100" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-6 mb-2">
                                                        <x-select2.select id="product_4" name="product_4" :selected=$selected label="สินค้า 4" url="{{ route('admin.product.list.get_list') }}" placeholder="เลือกสินค้า 4" />
                        </div>
                        <div class="col-6 mb-2">
                            <label class="form-label" for="quantity_4">จำนวน</label>
                            <x-form.input name="quantity_4" type="number" value="" placeholder="0-100" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-6 mb-2">
                                                        <x-select2.select id="product_5" name="product_5" :selected=$selected label="สินค้า 5" url="{{ route('admin.product.list.get_list') }}" placeholder="เลือกสินค้า 5" />
                        </div>
                        <div class="col-6 mb-2">
                            <label class="form-label" for="quantity_5">จำนวน</label>
                            <x-form.input name="quantity_5" type="number" value="" placeholder="0-100" />
                        </div>
                    </div>


                    <button type="submit" class="btn btn-primary waves-effect waves-light">Submit</button>


                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div>
    </form>
@endsection

@section('scripts')
    {{ module_vite('build-order', 'resources/assets/js/sale_order.js') }}
@endsection