@extends('layouts.main')

@section('meta')
@include('blocks.meta', ['meta' => 'test'])
@endsection

@section('content')

<div class="container mt-5">


    <div class="cart-container" id="cart-container">
    <div class="shopping-cart-cont">
        <div class="head-page text-center">
            <h1>Shopping Cart</h1>
        </div>
        <table border="0" id="cart-table" style="width: 100%; border:none;" align="right">
            <thead>
                <tr>

                    <th colspan="2">Product</th>
                    <th>Quantity</th>
                    <th></th>
                </tr>
            </thead>
            <tbody id="cart-table-body"></tbody>
        </table>

        <div class="total-cont">
            <p><span>Total Items:</span> <b><span data-id="cart-count">0</span></b></p>
            <p><span>Total Price:</span> <b><span data-id="cart-total-price">$0.00</span></b>
            </p>

            <div class="text-center"><a href="{{url('checkout')}}" class="btn-style-3">Proceed to
                    checkout</a></div>
            <div class="text-center"><a href="{{url('')}}" class="btn-style-3 mt-2 mod">Continue Shopping</a></div>
        </div>
        </div>

        <div class="shopping-cart-empty-cont"></div>



    </div>
</div>










@endsection