@php($b2bEnabled = !empty($product) && $product->b2b_selling)
<div class="col-sm-12 b2b-matrix-setting" id="b2b_live_matrix" @if(!$b2bEnabled) style="display:none" @endif>
    <hr>
    <div class="clearfix">
        <h4 class="pull-left" style="margin-top:5px"><i class="fa fa-th"></i> Live B2B Combination Matrix</h4>
        <span class="label label-primary pull-right" id="b2b_combination_count">0 combinations</span>
    </div>
    <p class="help-block">
        Select the row and column attributes above. Combinations update immediately whenever an attribute value is selected, added or removed. The same combinations are validated and created as real stock variations when the product is updated.
    </p>
    <input type="hidden" name="b2b_location_id" value="{{ $b2bLocationId }}">

    <div id="b2b_live_matrix_message" class="alert alert-info" style="display:none"></div>
    <div class="table-responsive" id="b2b_live_matrix_table_wrap" style="display:none">
        <table class="table table-bordered table-condensed" id="b2b_live_matrix_table">
            <thead>
                <tr class="bg-light-blue">
                    <th>Combination</th>
                    <th>Variation SKU</th>
                    <th>B2B Price</th>
                    <th>Quantity Price Breaks</th>
                    <th>Stock</th>
                    <th>MOQ</th>
                    <th>Sell in B2B</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>

    {{-- Existing data seeds the live JavaScript model. It is not submitted twice. --}}
    <div id="b2b_existing_combination_data" class="hide">
        @foreach($b2bMatrixVariations as $matrixVariation)
            <div class="b2b-existing-combination"
                 data-name="{{ $matrixVariation->name }}"
                 data-sku="{{ $matrixVariation->sub_sku }}"
                 data-price="{{ $matrixVariation->b2b_price ?? $matrixVariation->default_sell_price }}"
                 data-tiers="{{ $matrixVariation->b2b_price_tiers->map(fn ($tier) => $tier->min_quantity.':'.$tier->price)->implode(', ') }}"
                 data-stock="{{ optional($matrixVariation->variation_location_details->first())->qty_available ?? 0 }}"
                 data-moq="{{ $matrixVariation->b2b_moq }}"
                 data-sellable="{{ $matrixVariation->b2b_is_sellable ? 1 : 0 }}"></div>
        @endforeach
    </div>
</div>