@extends('web_layouts.layout')
{{-- title --}}
@section('title','About page')

@section('content')
<section class="midd-inner-banner">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="inner-banner-area">
                    <h1 class="cmn-hd-inner"><span></span>Your Cart</h1>
                    <p>You have 2 items in your cart.</p>

                    <div class="breadcrumb"><a href="{{url('/')}}">Home</a> <em></em> Cart </div>
                </div>

            </div>
        </div>
    </div>
</section>


<section class="common-section cartarea-section">
    <div class="cartarea-step">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <ul class="cartarea-step-lst">
                        <li class="first current">Your Cart
                            <span></span>
                        </li>
                        <li class="second">Checkout
                            <span></span>
                        </li>
                        <li class="third">Finish
                            <span></span>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-12">
                <div class="cart-whitebox cart-left">
                    <h3 class="page-hd"><span></span>Items</h3>
                    <ul class="cart-lst">
                        <li>
                            <div class="cart-blk1">
                                <span><img src="images/webimage/cart-lst-ico1.png"></span>
                            </div>
                            <div class="cart-blk2">
                                <div class="cart-lst-hd">Mobile Top-Ups</div>
                                <div class="cart-lst-desc">
                                    Country: India <br>
                                    Number: +91 8483001996 <br>
                                    Operator: Airtel
                                </div>
                            </div>
                            <div class="cart-blk3">Amount <span>$100</span></div>
                            <div class="cart-blk4"><a href="#"><img src="images/webimage/del-icon.png"></a></div>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <div class="cart-blk1">
                                <span><img src="images/webimage/cart-lst-ico2.png"></span>
                            </div>
                            <div class="cart-blk2">
                                <div class="cart-lst-hd">Bill Payment</div>
                                <div class="cart-lst-desc">
                                    Country: India <br>
                                    Number: +91 8483001996 <br>
                                    Operator: Airtel
                                </div>
                            </div>
                            <div class="cart-blk3">Amount <span>$100</span></div>
                            <div class="cart-blk4"><a href="#"><img src="images/webimage/del-icon.png"></a></div>
                            <div class="clear"></div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-4 col-md-12">
                <div class="cart-whitebox cart-right">
                    <h3 class="page-hd"><span></span>Summary</h3>
                    <div class="transaction">
                        <ul class="summary-lst">
                            <li>
                                <div class="summary-l">Transaction ID</div>
                                <div class="summary-r">#KC001246</div>
                                <div class="clear"></div>
                            </li>
                            <li>
                                <div class="summary-l"><input name="" type="text" placeholder="COUPON CODE"></div>
                                <div class="summary-r"><a href="#" class="btn btn-secondary apply-btn">Apply</a></div>
                                <div class="clear"></div>
                            </li>
                        </ul>
                    </div>

                    <div class="subtotal">
                        <ul class="summary-lst">
                            <li>
                                <div class="summary-l">Subtotal</div>
                                <div class="summary-r">$200.00</div>
                                <div class="clear"></div>
                            </li>
                            <li>
                                <div class="summary-l">Discount <span class="coupon">KREDC20</span></div>
                                <div class="summary-r">-$40.00</div>
                                <div class="clear"></div>
                            </li>
                            <li>
                                <div class="summary-l">TAX (5%)</div>
                                <div class="summary-r">$10.00</div>
                                <div class="clear"></div>
                            </li>
                            <li class="total-amt">
                                <div class="summary-l">Total</div>
                                <div class="summary-r">$170.00</div>
                                <div class="clear"></div>
                            </li>
                        </ul>
                        <div class="checkout-btn"><a href="{{url('/checkout')}}" class="btn btn-primary">Proceed To Checkout</a>

                            <div class="continue-shoppping"><a href="#">Continue Shopping &nbsp; <img src="images/webimage/arr-right.png"></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
</div>
</div>
@endsection