@php
    $i =1;
    $j =1;
    $index_i = $index.$i;
    $color = [];
    $product = $item->product;
    // if ($product->serialized_product == 1 && $product->color_id <= 0 && $product->size_id <= 0)
    // dd($item->colorSizeSerial , $product->storeSerial);
    if (count($product->sizeChild) > 0) {
        if ($type == 1) {
            $size = $product->sizeChild;
        } else {
            $size = $product->storeSerial->pluck('size')->unique('id');
            $grpBySize = $product->storeSerial->groupBy('size_id');
        }
    }
@endphp

<div class="modal fade bd-example-modal-xl cs-modal" id="color_size_modal{{ $index }}" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"  data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="modal-header p-1">
                    <h5 class="w-100 modal-title text-danger text-center" id="modalLabel"><strong> {{ $product->name_eng }} </strong></h5>
                    <button type="button" onclick="getSum({{ $index }})" id="btn_close{{ $index }}" class="close pt-1" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                @if ($product->expiarable_product == 1 && $item->transaction_type != 8 && $item->transaction_type != 9)
                    @include('inventory.global.product_serial.warrenty')
                @endif

                <div class="col-md-12">
                    <input type="hidden" id="i" value="{{ $index }}">
                    <div class="card-body pt-2 pb-0" id="serial_form{{ $index }}">
                        @if ($type == 1)
                            @include('inventory.global.product_serial.edit_non_consumable')
                        @else
                            @include('inventory.global.product_serial.edit_consumable')
                        @endif
                    </div>
                </div>
                <div class="modal-footer mt-2">
                    <button type="button" onclick="getSum({{ $index }})" id="btn_submit{{ $index }}" class="btn btn-primary" data-dismiss="modal">{{__('obs.done')}}</button>
                </div>
            </div>
        </div>
    </div>
</div>