@component('components.cards.card',['classBody'=>'p-0'])
<div class="table-responsive">
    <table class="table dgc-table-orders">
    <thead>
    <tr>
        <th>{{trans("labels.LbTitleOrdersTable2")}}</th>
        <th>{{trans("labels.LbTitleOrdersTable1")}}</th>
        <th>{{trans("labels.LbTitleOrdersTable4")}}</th>
        <th>{{trans("labels.LbTitleOrdersTable3")}}</th>
    </tr>
    </thead>
    <tbody>
        @foreach($item->cart->compensations as $compensation)
        <tr>
            <td>{{$compensation->reference}}</td>
            <td>
                <div class="d-flex align-items-center">
                <figure class="dgc-vignette">
                    <img src="{{ DgcHelpers::instance()->dgcUrl('s3',$compensation->image) }}" aria-hidden="true"/>
                </figure>
                <span class="ms-3">
                    <small class="text-muted d-block">{{ $compensation->brand->name }}</small>
                    {{ $compensation->name }}
                </span>
                </div>
            </td>
            <td class="text-center">{{$compensation->pivot->quantities}}</td>
            <td class="text-end">{!!$compensation->points_with_unit!!}</td>
        </tr>
        @endforeach
    </tbody>
    <tfoot>
        <tr>
            <td colspan="3" class="text-end"><b>{{ trans('bdd.orders.quantities.p') }}</b></td>
            <td class="text-end text-primary"><b>{{$item->quantities }}</b></td>
        </tr>
        <tr>
            <td colspan="3" class="text-end"><b>{{ trans('bdd.orders.total_points.s') }}</b></td>
            <td class="text-end text-primary"><b>{!!$item->total_points_with_unit!!}</b></td>
        </tr>
        <tr>
            <td colspan="3" class="text-end"><b>{{ trans('bdd.orders.total_price.s') }}</b></td>
            <td class="text-end text-primary"><b>{!!$item->total_price_with_unit!!}</b></td>
        </tr>
    </tfoot>
    </table>
</div>
@endcomponent