@php
     $stockGroups = \App\Models\StockGroup::where('business_key', Auth::user()->business_key)->get();
     $stock_category_groups = \App\Models\StockCategoryGroup::where('business_key', Auth::user()->business_key)
         ->where('show_in_filter', 1)
         ->get();
 @endphp
 <div class="modal fade" id="itemCreateModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xl">
         <div class="modal-content">
             <div class="modal-header bg-light p-3">
                 <h5 class="modal-title" id="exampleModalLabel">Item Create</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                     id="close-modal"></button>
             </div>
             <div class="modal-body">
                 <form action="/admin/multiple-stock-item-create" method="POST" id="stock-item-form" autocomplete="off"
                    >
                     @csrf
                     <div class="row">
                         <div class="col-lg-12">
                             <div class="card-body">
                                 @if (Auth::user()->company_profile->collection_wise_voucher == 1)
                                     <div class="row mb-3">
                                         <div class="col-lg-3">
                                             <label class="form-label">Item Collection</label>
                                         </div>
                                         <div class="col-lg-8">
                                             <select class="form-select" id="item-collection" name="item_collection_id"
                                         required modTabIndex="1">
                                                 <option value="">Select Collection</option>
                                             </select>
                                         </div>
                                         <div class="col-lg-1">
                                             <a class="btn btn-soft-primary waves-effect waves-light addCollection"><i
                                                     class="las la-plus"></i></a>
                                         </div>
                                     </div>
                                 @endif
                                 <div class="row mb-3">
                                     <div class="col-lg-3">
                                         <label class="form-label">Hsn Code</label>
                                     </div>
                                     <div class="col-lg-8">
                                         <input type="text" class="form-control" name="hsn_code" id="hsn-code"
                                             placeholder="Enter HSN code"  modTabIndex="2">
                                     </div>
                                 </div>
                                 <div class="row mb-3">
                                     <div class="col-lg-3">
                                         <label class="form-label">Gst %</label>
                                     </div>
                                     <div class="col-lg-8">
                                         <input type="text" class="form-control" name="gst" id="gst_mul"
                                             placeholder="Enter Gst %" modTabIndex="3">
                                     </div>
                                 </div>
                                 <div class="row mb-3">
                                     <div class="col-lg-12">
                                        <table class="table table-bordered m-2">
                                             <thead>
                                                 <tr>
                                                     <th></th>
                                                     <th>Item Details</th>
                                                 </tr>
                                             </thead>
                                             <tbody id="itemRowBody">
                                                 <tr id="1" class="multi_row_1">
                                                     <td><button type="button"
                                                             class="btn btn-sm btn-soft-primary waves-effect waves-light generateItem"
                                                             id="generate_item_1" data-id="1"><i
                                                                 class="las la-info"></i></button>
                                                     </td>
                                                     <td>
                                                        <div class="row mt-2">
                                                            <div class="col-md-3">
                                                                <label class="form-label"
                                                                    for="product-title-input">Item Name</label>
                                                                <input type="text"
                                                                    class="form-control create-item-name"
                                                                    name="item_name[]" id="item-name_1"
                                                                    placeholder="Enter Item Name" required
                                                                    id="item_name_1" modTabIndex="4">
                                                                <input type="hidden" class="create-category-ids"
                                                                    name="category_ids[]" id="category_ids_1" modTabIndex="2">
                                                            </div>
                                                            <div class="col-md-2">
                                                                <label class="form-label"
                                                                    for="product-title-input">Base Unit</label>
                                                                <select class="form-select multi-unit" name="unit_id[]"
                                                                    required modTabIndex="5">
                                                                    <option value=""></option>
                                                                    @foreach ($units as $unit)
                                                                        <option value="{{ $unit->id }}">
                                                                            {{ $unit->symbol }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <label class="form-label"
                                                                    for="product-title-input">SP(Excl)</label>
                                                                <input type="number"
                                                                    class="form-control multi-selling-price"
                                                                    data-id="1" name="selling_price[]"
                                                                    id="selling_price_1"
                                                                    placeholder="selling price(Excl Tax)" required modTabIndex="6" step="0.001">
                                                            </div>
                                                            <div class="col-md-2">
                                                                <label class="form-label"
                                                                    for="product-title-input">SP(Incl)</label>
                                                                <input type="number"
                                                                    class="form-control multi-selling-price-inc"
                                                                    data-id="1" id="selling_price_inc_1"
                                                                    placeholder="selling price(Incl Tax)" modTabIndex="7" step="0.001">
                                                            </div>
                                                            <div class="col-md-2">
                                                                <label class="form-label"
                                                                    for="product-title-input">MRP</label>
                                                                <input type="number" class="form-control multi-mrp"
                                                                    name="mrp[]" placeholder="MRP" required modTabIndex="8" step="0.001">
                                                            </div>
                                                            <div class="col-md-1"> <br>
                                                                <button type="button" class="btn btn-sm btn-danger removeItemMul"
                                                                    id="remove_item_1" data-id="1"><i
                                                                        class="las la-times"></i></button>
                                                            </div>
                                                        </div>
                                                        {{-- <div class="row mt-2">
                                                            <div class="col-md-11">
                                                                <label for="nameInput" class="form-label">Image</label>
                                                                <input type="file" class="form-control multi-item-image"
                                                                    name="image[]">
                                                            </div>
                                                            <div class="col-md-1"><br>
                                                                <button type="button" class="btn btn-sm btn-danger removeItemMul"
                                                                    id="remove_item_1" data-id="1"><i
                                                                        class="las la-times"></i></button>
                                                            </div>
                                                        </div> --}}
                                                    </td>
                                                </tr>
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td colspan="2" style="text-align: right;margin-right:10px;">
                                                        <button type="button"
                                                            class="btn btn-soft-primary waves-effect waves-light addItemRow"><i
                                                                class="las la-plus" modTabIndex="9"></i>Add</button><button type="submit"
                                                            class="btn btn-primary ms-2"><i
                                                                class="las la-plus"></i>Submit</button>
                                                    </td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
              </div>
            </div>
        </div>
    </div>
 </form>
 </div>
 </div>
 </div>
 </div>
 <div class="modal fade" id="addCollectionModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title" id="exampleModalLabel">Create Collection</h5>
                 <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <form method="post" action="" id="addCollectionForm">
                 @csrf
                 <div class="modal-body">
                     <div class="row gx-3 mb-3">
                         <div class="col-md-12">
                             <label class="small mb-1" for="batch">Item Collection</label>
                             <input class="form-control" name="addCollection" id="addCollection" type="text"
                                 placeholder="Enter Item Collection" required />
                         </div>
                     </div>
                     <div class="row gx-3 mb-3">
                         <div class="col-md-12">
                             <label class="small mb-1" for="batch">Stock Group</label>
                             <select class="form-control" name="stock_group_id" id="collection_stock_group">
                                 <option value="">Select stock group</option>
                                 @foreach ($stockGroups as $stock_group)
                                     <option value="{{ $stock_group->id }}">{{ $stock_group->name }}
                                     </option>
                                 @endforeach
                             </select>
                         </div>
                     </div>
                     <div class="row gx-3 mb-3">
                         <div class="col-md-12">
                             <label class="small mb-1" for="batch">Stock Category Group</label>
                             <select class="form-control" name="stock_category_group_id" id="collection_stock_category_group" multiple>
                                 @foreach ($stock_category_groups as $stock_group)
                                     <option value="{{ $stock_group->id }}">{{ $stock_group->name }}
                                     </option>
                                 @endforeach
                             </select>
                         </div>
                     </div>
                 </div>
                 <div class="modal-footer">
                     <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button>
                     <button class="btn text-white btn-primary" type="submit">Add</button>
                 </div>
             </form>
         </div>
     </div>
 </div>

 <div id="generateItemNameModal" class="modal fade zoomIn modal-lg" tabindex="-1" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title" id="exampleModalLabel">Generate Item Name</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                     id="btn-close"></button>
             </div>
             <div class="modal-body">
                 {{-- <form action="{{ route('generate-item-name') }}" method="POST" class="tablelist-form"
                    autocomplete="off" id="generateItemNameForm">
                    @csrf --}}
                 <input type="hidden" name="row_id" id="modal_row_id">
                 <div id="stock_category_group_div"></div>
                 <div class="d-flex gap-2 justify-content-end mt-4 mb-2">
                     <button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal">Close</button>
                     <button type="button" class="btn w-sm btn-primary" id="generateItemNameBtn">
                         Generate Name</button>
                 </div>
                 {{-- </form> --}}
             </div>
         </div>
     </div>
 </div>