@section('title')
cart
@endsection
@section('seo')
@endsection
@section('css')
@endsection
@extends('website.layout.layout')
@section('content')
<div class="breadcrumb-area bg-gray mt-90 mt-xs-0">
    <div class="container-fluid">
        <div class="breadcrumb-content text-center">
            <div class="breadcrumb-title">
                <h2>Cart</h2>
            </div>
            <ul>
                <li>
                    <a href="index.html">Home </a>
                </li>
                <li class="active"> Cart</li>
            </ul>
        </div>
    </div>
</div>
<!-- cart start -->
<div class="cart-main-area pt-95 pb-100">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <form action="#">
                    <div class="row">
                        <div class="col-lg-8">
                            <div class="table-content table-responsive cart-table-content">
                                <table>
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th></th>
                                            <th>Product</th>
                                            <th> Price</th>
                                            <th>Quantity</th>
                                            <th>total</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="product-remove">
                                                <a href="#"><i class="fa fa-trash-o"></i></a>
                                            </td>
                                            <td class="product-img">
                                                <a href="#"><img src="assets/images/BG.png" alt=""></a>
                                            </td>
                                            <td class="product-name">
                                                <a href="#">Embroidered logo shirt</a>
                                                <span>Vendor:HasTech </span>
                                            </td>
                                            <td class="product-price"><span class="amount">Rs.26.00</span></td>
                                            <td class="cart-quality">
                                                <div class="quickview-quality quality-height-dec2">
                                                    <div class="cart-plus-minus">
                                                        <input class="cart-plus-minus-box" type="text" name="qtybutton" value="1">
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="product-total"><span>Rs.110.00</span></td>
                                        </tr>
                                        <tr>
                                            <td class="product-remove">
                                                <a href="#"><i class="fa fa-trash-o"></i></a>
                                            </td>
                                            <td class="product-img">
                                                <a href="#"><img src="assets/images/BG-1.png" alt=""></a>
                                            </td>
                                            <td class="product-name">
                                                <a href="#">Flowy cardigan</a>
                                                <span>Vendor:HasTech </span>
                                            </td>
                                            <td class="product-price"><span class="amount">Rs.26.00</span></td>
                                            <td class="cart-quality">
                                                <div class="quickview-quality quality-height-dec2">
                                                    <div class="cart-plus-minus">
                                                        <input class="cart-plus-minus-box" type="text" name="qtybutton" value="1">
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="product-total"><span>Rs.110.00</span></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="cart-shiping-update-wrapper">
                                <div class="discount-code">
                                    <input type="text" required="" name="name" placeholder="Coupon code">
                                    <button class="coupon-btn" type="submit">Apply coupon</button>
                                </div>
                                <div class="cart-clear">
                                    <a href="#">Clear Cart</a>
                                    <a href="#">Update cart</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="grand-total-wrap">
                                <h4>Cart totals</h4>
                                <div class="grand-total-content">
                                    <div class="single-grand-total">
                                        <div class="single-grand-total-left">
                                            <span>Subtotal</span>
                                        </div>
                                        <div class="single-grand-total-right">
                                            <span>Rs.47.98</span>
                                        </div>
                                    </div>
                                    <div class="single-grand-total">
                                        <div class="single-grand-total-left">
                                            <span>Shipping</span>
                                        </div>
                                        <div class="single-grand-total-right">
                                            <ul>
                                                <li><input type="radio" name="shipping" value="info" checked="checked">Flat rate: Rs.2.00</li>
                                                <li><input type="radio" name="shipping" value="info2">Free shipping</li>
                                                <li><input type="radio" name="shipping" value="info3">Local pickup: Rs.0.00</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <a href="#">Calculate shipping</a>
                                <div class="cart-total-wrap">
                                    <div class="single-cart-total-left">
                                        <span>Subtotal</span>
                                    </div>
                                    <div class="single-cart-total-right">
                                        <span>Rs.47.98</span>
                                    </div>
                                </div>
                                <div class="grand-btn">
                                    <a href="#">Proceed to checkout</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- cart end -->
@endsection
@section('js')
@endsection