@if (count($combinations[0]) > 0)

    <table class="table table-bordered  table-responsive-xl">
        <thead>
            <tr>
                <td class="text-center">
                    <label for="" class="control-label">{{ translate('Variant') }}</label>
                </td>
                <td class="text-center">
                    <label for="" class="control-label">{{ translate('Variant Price') }}</label>
                </td>
                <td class="text-center">
                    <label for="" class="control-label">{{ translate('Stock') }}</label>
                </td>
                <td class="text-center">
                    <label for="" class="control-label">{{ translate('SKU') }}</label>
                </td>
                <td class="text-center">
                    <label for="" class="control-label">{{ translate('Image') }}</label>
                </td>
            </tr>
        </thead>

        <tbody>
            @foreach ($combinations as $key => $combination)
                @php
                    $name = '';
                    $code = '';
                    $lstKey = array_key_last($combination);
                    
                    foreach ($combination as $option_id => $choice_id) {
                        $option_name = Modules\Attribute\Entities\Attribute::find($option_id)->getTranslation('name', $langCode, true);
                        $choice_name = Modules\Attribute\Entities\AttributeValue::find($choice_id)->getTranslation('attribute_value', $langCode, true);
                    
                        $name .= $option_name . ': ' . $choice_name;
                        $code .= $option_id . ':' . $choice_id . '/';
                    
                        if ($lstKey != $option_id) {
                            $name .= ' / ';
                        }
                    }
                @endphp
                <tr class="variant">
                    <td>
                        <label for="" class="control-label">{{ $name }}</label>
                        <input type="hidden" value="{{ $code }}" name="variations[{{ $key }}][code]">
                    </td>
                    <td>



                        <label for="" class="control-label">MRP</label>

                        <input type="number" style="min-width:100px" step="0.01"
                            name="variations[{{ $key }}][mrp_price]" value="0" min="0"
                            class="form-control mrp-price" >

                        <label for="" class="control-label">Offer Price</label>
                        <input type="number" step="0.01" name="variations[{{ $key }}][offer_price]"
                            value="0" min="0" class="form-control regular-price" >
                    </td>
                    <td>
                        <label for="" class="control-label">Stock Status</label>
                        <select class="form-control aiz-selectpicker" name="variations[{{ $key }}][stock]">
                            <option value="1">{{ translate('In stock') }}</option>
                            <option value="0">{{ translate('Out of stock') }}</option>
                        </select>

                        <label for="" class="control-label">Number of Stock</label>

                        <input type="number" name="variations[{{ $key }}][number_of_stock]" value="0"
                            min="0" class="form-control" 
                            @if (isset($update_mode) && $update_mode) onFocus="init_product_stock_update_variant(this,{{ $key }})" @endif>

                        <label for="" class="control-label">Stock Alert Quantity</label>

                        <input type="number" name="variations[{{ $key }}][stock_alert_qty]" value="0"
                            min="0" class="form-control" >

                    </td>
                    <td>
                        <input type="text" style="min-width:100px" name="variations[{{ $key }}][sku]"
                            class="form-control">
                    </td>
                    <td>
                        <div class="input-group" style="min-width:185px" data-toggle="aizuploader"  data-multiple="true">
                            <div class="input-group-prepend">
                                <div class="input-group-text bg-soft-secondary font-weight-medium">
                                    {{ translate('Browse') }}</div>
                            </div>
                            <div class="form-control file-amount text-truncate">{{ translate('Choose File') }}</div>
                            <input type="hidden" name="variations[{{ $key }}][img_id]" class="selected-files" accept="image/*,video/*">
                        </div>
                        <div class="file-preview box sm"></div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
@endif