@if(!empty($showShippingTable) && !empty($shippingRatesTable))
<div class="shipping-info-box mt-4">
    @if($product->is_freeshipping ?? false)
    <div class="alert alert-success py-2 px-3 mb-3">
        <i class="fas fa-truck me-1"></i> <strong>Free Delivery</strong> — এই product-এ free shipping আছে।
    </div>
    @endif

    @if(!empty($shippingMessage))
    <p class="text-muted small mb-2">{{ $shippingMessage }}</p>
    @endif

    <h6 class="fw-bold mb-2"><i class="fas fa-shipping-fast me-1 text-success"></i> Shipping Information</h6>
    <div class="table-responsive">
        <table class="table table-bordered table-sm mb-0 shipping-info-table">
            <thead class="table-light">
                <tr>
                    <th class="text-center" style="width:34%">Area</th>
                    <th class="text-center" style="width:26%">Delivery Charge</th>
                    <th class="text-center" style="width:40%">Delivery Time</th>
                </tr>
            </thead>
            <tbody>
                @foreach($shippingRatesTable as $row)
                <tr>
                    <td class="text-center">{{ $row['area'] }}</td>
                    <td class="text-center fw-semibold">
                        @if(($product->is_freeshipping ?? false))
                            <span class="text-success">Free</span>
                        @else
                            ৳{{ number_format($row['charge'], 0) }}
                        @endif
                    </td>
                    <td class="text-center">{{ $row['time'] ?: '—' }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@elseif($product->is_freeshipping ?? false)
<div class="alert alert-success py-2 px-3 mt-4">
    <i class="fas fa-truck me-1"></i> <strong>Free Delivery</strong> — এই product-এ free shipping আছে।
</div>
@endif