@php
    $i =1;
    $j =1;
    $index_i = $index.$i;
    $color = [];
    if (count($product->sizeChild) > 0) {
        if ($request->type == 1) {
            $size = $product->sizeChild;
        } else {
            $size = $product->storeSerial->pluck('size')->unique('id');
            $grpBySize = $product->storeSerial->groupBy('size_id');
        }
    }
@endphp

@if ($product->expiarable_product == 1 && $request->tran_type != 8 && $request->tran_type != 9)
    @include('inventory.global.product_serial.warrenty')
@endif

@if ($request->type == 1)
    @include('inventory.global.product_serial.create_non_consumable')
@else
    @include('inventory.global.product_serial.create_consumable')
@endif

{{--
    @php
        $i =1;
        $j =1;
        $color = [];
        if (count($product->sizeChild) > 0) {
            if ($request->type == 1) {
                $size = $product->sizeChild;
            } else {
                $size = $product->storeSerial->pluck('size')->unique('id');
                $grpBySize = $product->storeSerial->groupBy('size_id');
            }
        }
    @endphp
    @if ($product->expiarable_product == 1 && $request->tran_type != 8 && $request->tran_type != 9)
        @include('inventory.global.product_serial.warrenty')
    @endif
    @if ($request->type != 1)
        <div class="row mb-2">
            <div class="col-md-8"></div>
            <div class="col-md-4">
                <input type="search" class="form-control" placeholder="Scan.." id="search_{{ $index }}" autocomplete="off" onchange="selectSerial(this.value, {{ $index }})" autofocus>
            </div>
        </div>
    @endif
    @if ($request->type == 1 && $product->serialized_product == 1)
        <div class="row"> <div class="col-md-8"> </div>
            <div class="col-md-4">
                <input type="search" class="form-control" placeholder="Scan.." id="search_{{ $index }}1" autocomplete="off" onchange="addSerial(this.value, {{ $index }}1, {{ $product->manufacture_code }}, {{ $index }})" autofocus>
            </div>
        </div>
    @endif

    @if (count($product->colorChild) > 0)
        @php
            if ($request->type == 1) {
                $color = $product->colorChild;
            }
        @endphp
        <div class="row">
            <div class="col-md-3">
                <label for="size"><b>{{__('obs.size')}}</b></label>
            </div>
            <div class="col-md-3">
                <label for="size"><b>{{__('obs.color')}}</b></label>
            </div>
            @if ($request->type == 2 && $product->serialized_product != 1)
                <div class="col-md-2">
                    <label for="quantity"><b>{{__('obs.quantity')}}</b></label>
                </div>
                <div class="col-md-2">
                    <label for="quantity"><b>{{__('obs.avail')}} {{__('obs.qty')}}</b></label>
                </div>
            @else
                <div class="col-md-3">
                    <label for="quantity"><b>{{__('obs.quantity')}}</b></label>
                </div>
            @endif
        </div>
    @elseif (count($product->sizeChild) > 0)
        <div class="row">
            <div class="col-md-3">
                <label for="size"><b>{{__('obs.Size')}}</b></label>
            </div>
            @if ($request->type == 2 && $product->serialized_product != 1)
                <div class="col-md-2">
                    <label for="quantity"><b>{{__('obs.quantity')}}</b></label>
                </div>
                <div class="col-md-2">
                    <label for="quantity"><b>{{__('obs.avail')}} {{__('obs.qty')}}</b></label>
                </div>
            @else
                <div class="col-md-3">
                    <label for="quantity"><b>{{__('obs.quantity')}}</b></label>
                </div>
            @endif
        </div>
    @else
        @if ($request->type == 2 && $product->serialized_product != 1)
            <div class="row">
                <div class="col-md-2">
                    <label for="quantity"><b>{{__('obs.quantity')}}</b></label>
                </div>
                <div class="col-md-2">
                    <label for="quantity"><b>{{__('obs.avail')}} {{__('obs.qty')}} </b></label>
                </div>
            </div>
        @else
            <div class="row">
                <div class="col-md-3">
                    <label for="quantity"><b>quantity</b></label>
                </div>
            </div>
        @endif
    @endif

    @if ($request->type == 1)
        @if ($product->size_id || $product->color_id)
            @php
                $size_len = count($size);
            @endphp
            @foreach($size as $skey => $s)
                @php
                    $clr_center = intval(count($color)/2);
                @endphp
                @foreach($color as $ckey => $c)
                <div class="row d-flex align-items-center" style="padding-top:  {{ ($ckey > 0 ? '10px' : '0px') }};">
                        <div class="col-md-3">
                            <input type="text" style="display: none" value="{{ $s->id }}" name="size{{ $index }}[]" id="size{{ $index }} {{ $i }}" class="form-control">
                            <label for="size"  style="display: {{ ($ckey == $clr_center ? '' : 'none') }}" class="p-1 px-2 border border-success rounded-circle" >{{ $s->name }}</label>
                        </div>
                        <div class="col-md-3 d-flex">
                            <input type="text" style="display: none" value="{{ $c->id }}" name="color{{ $index }}[]" id="color{{ $index }} {{ $j }}" class="form-control">
                            <div class="justify-content-center d-flex">
                                <h6 class="badge badge-pill mr-2" style="background-color: {{ $c->name }}; height: 8px; width: 8px; margin-top: auto"></h6>
                                <label for="size">{{ $c->name }}</label>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <input type="number" {{ ($product->serialized_product != 1 ? 'step=".01"' : 'readonly') }} value="0" min="0" id="quantity{{ $index }} {{ $j }}" name="quantity{{ $index }}[]" {{ (($product->serialized_product == 1) ? 'onchange="addSerialField('.$index.', '.$j.', this.value, '.$product->manufacture_code.')"' : '') }}  class="form-control addQty{{ $index }}">
                        </div>
                        @if ($request->type == 1 && $product->serialized_product == 1)
                            <div class="col-md-3">
                                <input type="search" class="form-control" placeholder="Scan.." id="search_{{ $index }} {{ $j }}" autocomplete="off" onchange="addSerial(this.value, {{ $index }} {{ $j }}, {{ $product->manufacture_code }}, {{ $index }})" autofocus>
                            </div> 
                        @endif
                    </div>
                    <div class="row" id="div_q{{ $index }} {{ $j }}"></div>
                    @php
                        $j++;
                    @endphp
                @endforeach
                @if ($j == 1)
                <div class="row d-flex align-items-center" style="padding-top: 10px">
                        <div class="col-md-4">
                            <input type="text" style="display: none" value="{{ $s->id }}" name="size{{ $index }}[]" id="size{{ $index }} {{ $i }}" class="form-control">
                            <label for="size" class="p-1 px-2" style="border: 1px solid green;border-radius: 20px">{{ $s->name }}</label>
                        </div>
                        <div class="col-md-4">
                            <input type="number" value="0" {{ ($product->serialized_product != 1? 'step=".01"' : 'readonly') }} min="0" id="quantity{{ $index }} {{ $i }}" name="quantity{{ $index }}[]" {{ (($product->serialized_product == 1) ? 'onchange="addSerialField('.$index.', '.$i.', this.value, '.$product->manufacture_code.')"':' ')}} class="form-control addQty{{ $index }}">
                        </div>
                    </div>
                    <div class="row" id="div_q{{ $index }} {{ $i }}"></div>
                @endif
                @php
                    $i++;
                @endphp
                @if($skey < ($size_len-1))
                <hr>
                @endif
            @endforeach
        @else
            <div class="row d-flex align-items-center" style="padding-top: 10px">
                <div class="col-md-4">
                    <input type="number" value="0" {{ ($product->serialized_product != 1? 'step=".01"':'readonly') }} min="0" id="quantity{{ $index }}1" name="quantity{{ $index }}[]" {{ (($product->serialized_product == 1) ? 'onchange="addSerialField('.$index.', 1, this.value, '.$product->manufacture_code.')"' : '') }} class="form-control addQty{{ $index }}">
                </div>
            </div>
            <div class="row" id="div_q{{ $index }}1"></div>
        @endif
    @else
        @if ($product->size_id > 0)
            @php
                $size_len = count($size);
                $skey = 0;
            @endphp
            @foreach($grpBySize as $size_id => $sz)
                @php
                    $s = $size->where('id', $size_id)->first();
                    $ckey = 0;
                    $color = $sz->pluck('color')->unique('id')->flatten(1);
                    $clr_len = count($color);
                    $clr_center = intval($clr_len/2);
                @endphp
                @if ($product->color_id > 0)
                    @foreach($color as $c)
                        <div class="row d-flex align-items-center" style="padding-top: {{ ($ckey > 0 ? '10px' : '0px') }};">
                            <div class="col-md-4">
                                <input type="text" style="display: none" value="{{ $s->id }}" name="size{{ $index }}[]" id="size{{ $index }} {{ $i }}" class="form-control">
                                <label for="size"  style="display: {{ ($ckey++ == $clr_center ? '' : 'none') }}" class="p-1 px-2 border border-success rounded-circle" >{{ $s->name }}</label>
                            </div>
                            <div class="col-md-4 d-flex">
                                <input type="text" style="display: none" value="{{ $c->id }}" name="color{{ $index }}[]" id="color{{ $index }} {{ $j }}" class="form-control">
                                <div class="justify-content-center d-flex">
                                <h6 class="badge badge-pill mr-2" style="background-color: {{ $c->name }}; height: 8px; width: 8px; margin-top: auto"></h6>
                                <label for="color">{{ $c->name }}</label>
                            </div>
                        </div>
                        @if ($product->serialized_product == 1)
                            <div class="col-md-4">
                                <input type="number" readonly value="0" min="0" id="quantity{{ $index }} {{ $j }}" name="quantity{{ $index }}[]" class="form-control addQty{{ $index }}">
                            </div>
                        @else {
                            @php
                                $avail = colorSizeSerialStock($product->storeSerial->where('size_id', $size_id)->where('color_id', $c->id), $index.$j, $product->serialized_product, $index);
                            @endphp
                            <div class="col-md-2">
                                <input type="number" step=".01" value="0" min="0" max="{{ $avail }}" id="quantity{{ $index }} {{ $j }}" name="quantity{{ $index }}[]" onkeyup="checkColorSizeQty({{ $index }}, {{ $j }}, this.value)" class="form-control compare_qty{{ $index }} addQty{{ $index }}">
                            </div>
                            <div class="col-md-2">
                                <input type="number" class="form-control compare_qty{{ $index }}" id="avail{{ $index }} {{ $j }}" disabled value="{{ $avail }}">
                            </div>
                        @endif
                        </div>
                        @if ($product->serialized_product == 1)
                            <div class="row mt-3 p-2" id="div_q{{ $index }} {{ $j }}" style="border: 1px ; border-radius: 5px; background-color: #eae4e4">
                                {!! colorSizeSerialStock($product->storeSerial->where('size_id', $size_id)->where('color_id', $c->id), $index.$j, $product->serialized_product, $index) !!}
                            </div>
                        @endif
                        @php
                            $j++;
                        @endphp
                    @endforeach
                @else
                    <div class="row d-flex align-items-center" style="padding-top: 10px">
                        <div class="col-md-4">
                            <input type="text" style="display: none" value="{{ $s->id }}" name="size{{ $index }}[]" id="size{{ $index }} {{ $i }}" class="form-control">
                            <label for="size" class="p-1 px-2" style="border: 1px solid green;border-radius: 20px">{{ $s->name }}</label>
                        </div>
                    @if ($product->serialized_product == 1)
                        <div class="col-md-4">
                            <input type="number" readonly value="0" min="0" id="quantity{{ $index }} {{ $i }}" name="quantity{{ $index }}[]" class="form-control addQty{{ $index }}">
                        </div>
                    @else
                        @php
                            $avail = colorSizeSerialStock($product->storeSerial->where('size_id', $size_id), $index.$i, $product->serialized_product, $index);
                        @endphp
                        <div class="col-md-2">
                            <input type="number" step=".01" value="0" min="0" max="{{ $avail }}" id="quantity{{ $index }} {{ $i }}" name="quantity{{ $index }}[]" onkeyup="checkColorSizeQty({{ $index }}, {{ $i }}, this.value)" class="form-control compare_qty{{ $index }} addQty{{ $index }}">
                        </div>
                        <div class="col-md-2">
                            <input type="number" class="form-control compare_qty{{ $index }}" id="avail{{ $index }} {{ $i }}" disabled value="{{ $avail }}">
                        </div>
                    @endif
                    </div>
                    @if ($product->serialized_product == 1)
                        <div class="row mt-3 p-2" id="div_q{{ $index }} {{ $i }}" style="border: 1px ; border-radius: 5px; background-color: #eae4e4">
                            {!! colorSizeSerialStock($product->storeSerial->where('size_id', $size_id), $index.$i, $product->serialized_product, $index) !!}
                        </div>
                    @endif
                @endif
                @php
                    $i++;
                @endphp
                @if($skey++ < ($size_len-1))
                    <hr>
                @endif
            @endforeach
        @else
            <div class="row d-flex align-items-center" style="padding-top: 10px">
                <div class="col-md-4">
                    <input type="number" value="0" min="0" id="quantity{{ $index }}1" name="quantity{{ $index }}[]" readonly class="form-control addQty{{ $index }}">
                </div>
            </div>
            <div class="row mt-3 p-2" id="div_q{{ $index }}1" style="border: 1px ; border-radius: 5px; background-color: #eae4e4">
                {!! colorSizeSerialStock($product->storeSerial, $index.'1', $product->serialized_product, $index) !!}
            </div>
        @endif
    @endif
--}}