@if($products)
    <table class="table table-striped">
        <thead>
        <th class="col-md-2 col-lg-2">Foto</th>
        <th class="col-md-2 col-lg-5">Nome</th>
        <th class="col-md-2 col-lg-2 text-center">Quantidade</th>
        <th class="col-md-2 col-lg-1"></th>
        <th class="col-md-2 col-lg-2 text-center">Preço</th>
        </thead>
        <tfoot>
        <tr>
            <td class="bg-warning">Subtotal</td>
            <td class="bg-warning"></td>
            <td class="bg-warning"></td>
            <td class="bg-warning"></td>
            <td class="bg-warning text-center"> {{config('cart.currency_symbol')}} <span id="subTotal">{{ number_format($subtotal, 2, ',', '.') }}</span></td>
        </tr>
        <tr>
            <td class="bg-warning">Frete</td>
            <td class="bg-warning"></td>
            <td class="bg-warning"></td>
            <td class="bg-warning"></td>
            <td class="bg-warning text-center"> {{ config('cart.currency_symbol')}} <span id="shippingFee"> {{ $valorFrete }}</span></td>
        </tr>
        <tr>
            <td class="bg-warning">Impostos</td>
            <td class="bg-warning"></td>
            <td class="bg-warning"></td>
            <td class="bg-warning"></td>
            <td class="bg-warning text-center"> {{ config('cart.currency_symbol')}} <span id="taxa">{{ $tax }}</span></td>
        </tr>
        <tr>
            <td class="bg-success">Total</td>
            <td class="bg-success"></td>
            <td class="bg-success"></td>
            <td class="bg-success"></td>
            <td class="bg-success text-center">{{config('cart.currency_symbol')}} <span id="grandTotal" data-total="{{ $total }}">{{ number_format($total, 2, ',', '.') }}</span></td>
        </tr>
        </tfoot>
        <tbody>
            @foreach($cartItems as $cartItem)
            <tr>
                <td>
                    @if(isset($cartItem->product->slug))
                        <a href="{{ route('front.get.product', [$cartItem->product->slug, $cartItem->product->id]) }}" class="hover-border">
                    @else
                        <a href="{{ route('front.get.product', [$cartItem->slug, $cartItem->id]) }}" class="hover-border">
                    @endif
                        @if(isset($cartItem->cover))
                            @if (isset($cartItem->product->slug))
                                <img src="{{ $cartItem->cover }}" alt="{{ $cartItem->name }}" class="img-fluid z-depth-2 rounded">
                            @else
                                <img src="{{ asset("storage/$cartItem->cover") }}" alt="{{ $cartItem->name }}" class="img-fluid z-depth-2 rounded">
                            @endif
                        @else
                            <img src="https://placehold.it/120x120" alt="" class="img-fluid z-depth-2 rounded">
                        @endif
                    </a>
                </td>
                <td>
                    <p>
                        <strong>{{ $cartItem->name }}</strong> <br />
                        @if(isset($cartItem->options) && $cartItem->options->has('combination'))
                            @foreach($cartItem->options->combination as $option)
                                <small class="label label-primary">{{$option['value']}}</small>
                            @endforeach
                        @endif
                    </p>
                    <hr>
                    <div class="product-description">
                        @if(isset($cartItem->product->description))
                            {!! $cartItem->product->description !!}
                        @else
                            {!! $cartItem->description !!}
                        @endif
                    </div>
                </td>
                <td>
                    @if(isset($cartItem->rowId))
                        @if ($finaliza)
                            <div class="input-group">
                                <input type="text" name="quantity" value="{{ $cartItem->qty }}" class="form-control text-center" readonly />
                            </div>
                        @else
                            <form action="{{ route('cart.update', $cartItem->rowId) }}" class="form-inline" method="post">
                                {{ csrf_field() }}
                                <input type="hidden" name="_method" value="put">
                                <div class="input-group">
                                    <input type="text" name="quantity" value="{{ $cartItem->qty }}" class="form-control" />
                                    <span class="input-group-btn"><button class="btn btn-default">Atualizar</button></span>
                                </div>
                            </form>
                        @endif
                    @else
                        <div class="input-group">
                            <input type="text" name="quantity" value="{{ $cartItem->quantity }}" class="form-control text-center" readonly />
                        </div>
                    @endif
                </td>
                <td>
                    @if(isset($cartItem->rowId) && !$finaliza)
                        <form action="{{ route('cart.destroy', $cartItem->rowId) }}" method="post">
                            {{ csrf_field() }}
                            <input type="hidden" name="_method" value="delete">
                            <button onclick="return confirm('Tem certeza??')" class="btn btn-danger"><i class="fa fa-times"></i></button>
                        </form>
                    @endif
                </td>
                <td class="text-center">{{config('cart.currency_symbol')}} {{ number_format($cartItem->price, 2, ',', '.') }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
@endif
<script type="text/javascript">
    $(document).ready(function () {
        let courierRadioBtn = $('input[name="rate"]');
        courierRadioBtn.click(function () {
            $('#shippingFee').text($(this).data('fee'));
            let totalElement = $('span#grandTotal');
            let shippingFee = $(this).data('fee');
            let total = totalElement.data('total');
            let grandTotal = parseFloat(shippingFee) + parseFloat(total);
            totalElement.html(grandTotal.toFixed(2));
        });
    });
</script>