<div class="table-responsive compare-skeleton">
    <table class="table table-bordered compare-table"> 
        <tbody>
            <tr>
                <td>{{ trans('storefront::compare.product_overview') }}</td>

                <td>
                    <div class="product-image skeleton"></div>

                    <div class="product-name product-name-skeleton">
                        <div class="skeleton"></div>
                        <div class="skeleton"></div>
                    </div>
                </td>

                <td>
                    <div class="product-image skeleton"></div>

                    <div class="product-name product-name-skeleton">
                        <div class="skeleton"></div>
                        <div class="skeleton"></div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>{{ trans('storefront::compare.description') }}</td>

                <td>
                    <div class="product-description-skeleton">
                        <div class="skeleton"></div>
                        <div class="skeleton"></div>
                    </div>
                </td>

                <td>
                    <div class="product-description-skeleton">
                        <div class="skeleton"></div>
                        <div class="skeleton"></div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>{{ trans('storefront::compare.rating') }}</td>

                <td>
                    <div class="product-compare-skeleton skeleton"></div>
                </td>

                <td>
                    <div class="product-compare-skeleton skeleton"></div>
                </td>
            </tr>
            <tr>
                <td>{{ trans('storefront::compare.price') }}</td>

                <td>
                    <div class="product-compare-skeleton skeleton"></div>
                </td>

                <td>
                    <div class="product-compare-skeleton skeleton"></div>
                </td>
            </tr>
            <tr>
                <td>{{ trans('storefront::compare.availability') }}</td>

                <td>
                    <div class="product-compare-skeleton skeleton"></div>
                </td>

                <td>
                    <div class="product-compare-skeleton skeleton"></div>
                </td>
            </tr>
            <tr>
                <td>{{ trans('storefront::compare.actions') }}</td>

                <td>
                    <div class="product-compare-actions-skeleton">
                        <div class="skeleton"></div>
                        <div class="skeleton"></div>
                    </div>
                </td>

                <td>
                    <div class="product-compare-actions-skeleton">
                        <div class="skeleton"></div>
                        <div class="skeleton"></div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
