@extends('layouts.default')
@section('content')
<div class="page-title-section" style="background-image: url(images/inner-bg.jpg)">
    <div class="container">
        <div class="page-title-section-inner">
            <div class="row align-items-center">
                <div class="col-md-7">
                    <div class="page-title">
                        <span>Cart</span>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="inner-breadcrum">
                        <a href="{{url('/')}}">Home</a> 
                        / 
                        <span class="current">Cart</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="cart-section universal-spacing universal-bg-white">
    <div class="container">
        <div class="cart-section-inner">
            <table class="shop-cart-table">
                <thead>
                    <tr>
                        <th></th>
                        <th></th>
                        <th>Product</th>
                        <th>Actual Price</th>
                        <th>Bundle Price</th>
                        <th>Quantity</th>
                        <th>Total</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="product-remove">
                            <a href="#" class="remove">×</a>
                        </td>
                        <td class="product-thumbnail">
                            <a href="{{url('/shop-single')}}">
                                <img src="images/product1.jpeg">
                            </a>                     
                        </td>
                        <td class="product-name">
                            <a href="{{url('/shop-single')}}">Daily Moisturizer</a>
                            <div class="product-name-detail">
                                <div class="product-name-detail-single">
                                    <div class="row">                                    
                                        <div class="col-md-9">
                                            <span>Essential Oils - <strong>1 x Tea Tree Essential Oil</strong></span>
                                        </div>
                                        <div class="col-md-3 text-right">
                                            <span>$100.00</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-name-detail-single">
                                    <div class="row">                                    
                                        <div class="col-md-9">
                                            <span>Packaging Options - <strong>1 x Glass straight-sided round jar / Amber</strong></span>
                                        </div>
                                        <div class="col-md-3 text-right">
                                            <span>$50.00</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-name-detail-single">
                                    <div class="row">                                    
                                        <div class="col-md-6">
                                            <span>Uploaded Logo</span>
                                        </div>
                                        <div class="col-md-6 text-right">
                                            <img src="images/logo-dark.png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td class="product-price1">
                            <span>$150.00</span>
                        </td>
                        <td class="product-price1">
                            <span>$300.00</span>
                        </td>
                        <td>
                            <div class="cart-quant">
                                <div class="quantity buttons_added">
                                    <input id="minus" class="minus qtyminus" value="-" type="button">
                                    <input id="qty" class="input-text qty text" value="1" name="qty" min="1" max="22" type="text">
                                    <input id="plus" class="plus qtyplus" value="+" type="button">
                                </div>
                            </div>
                        </td>
                        <td class="product-subtotal">
                            <span>$300.00</span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" class="actions">
                            <div class="coupon">
                                <a href="{{url('/shop')}}"><button type="submit">Continue Shopping</button></a>
                            </div>
                        </td>
                        <td colspan="4">
                            <div class="checkout">
                                <div class="cart-total">
                                    <span>Sub Total : <font>$300.00</font></span>
                                </div>
                                <div class="coupon">
                                    <a href="{{url('/checkout')}}"><button type="submit">Proceed to Checkout</button></a>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection