| Current File : /home/tradevaly/demo.tradevaly.com.bd/resources/views/frontend/shopping-cart.blade.php |
@extends('layouts.frontend')
@section('content')
<div id="wrapper-content" class="wrapper-content pt-0 pb-0">
<div class="inner-page-banner heading-title-behind text-center">
<div class="heading heading-style-title-behind mb-0">
<div class="heading-title-wrapper"> <span>Shopping Cart</span>
<h1 class="text-white heading-title h2 font-weight-semibold">Shopping Cart</h1>
<ul class="po-bread breadcrumb justify-content-center fadeInUp animated" data-animate="fadeInUp">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item">Shopping Cart</li>
</ul>
</div>
</div>
</div>
<div class="page-shop shopping-cart container py-8">
<form>
<div class="page-container row">
<div class="page-content col-lg-8 mb-5 mb-lg-0">
<div class="page-content-inner">
<h5 class="mb-4">Your Items</h5>
<div class="table-responsive-md">
<table class="table table-style-01">
<tbody>
<tr>
<td>
<div class="media">
<a href="" class="mr-4 image">
<img src="{{ asset('public/frontend/images/shop/cart-1.jpg') }}" alt="My product 1">
</a>
<div class="media-body lh-14 pt-2">
<a href="" class="text-dark d-block">
Black Printed T-Shirt
</a>
<span>$39.00</span>
</div>
</div>
</td>
<td style="width: 25%">
<div class="form-group quality d-flex align-items-center mb-0">
<label for="quatity">Quantity</label>
<input class="form-control form-control-sm" id="quatity" type="number" value="1">
</div>
</td>
<td>
$39.00
</td>
<td class="text-right">
<a href="#" class="text-darker-light font-size-h5"><i class="fal fa-times"></i></a>
</td>
</tr>
<tr>
<td>
<div class="media">
<a href="" class="mr-4 image">
<img src="{{ asset('public/frontend/images/shop/cart-2.jpg') }}" alt="My product 2">
</a>
<div class="media-body lh-14 pt-2">
<a href="" class="text-dark d-block">
White Retro Sneaker
</a>
<span>$29.00</span>
</div>
</div>
</td>
<td style="width: 25%">
<div class="form-group quality d-flex align-items-center mb-0">
<label for="quatity1">Quantity</label>
<input class="form-control form-control-sm" id="quatity1" type="number" value="1">
</div>
</td>
<td>
$29.00
</td>
<td class="text-right">
<a href="#" class="text-darker-light font-size-h5"><i class="fal fa-times"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="pt-6 d-flex flex-wrap flex-sm-nowrap mb-7 border-top">
<div>
<a href="shop-listing.html" class="btn btn-link text-dark btn-icon-left text-uppercase font-weight-semibold pl-0">
<i class="fal fa-chevron-left"></i>
Back To Shop
</a>
</div>
<div class="ml-0 ml-sm-auto d-flex flex-wrap flex-sm-nowrap">
<div class="mr-9">
<a href="shop-listing.html" class="btn btn-link text-dark btn-icon-left text-uppercase font-weight-semibold pr-0">
<i class="fal fa-sync"></i>
update cart
</a>
</div>
<div>
<a href="shop-listing.html" class="btn btn-link text-dark btn-icon-left text-uppercase font-weight-semibold pr-0">
<i class="fal fa-times"></i>
clear all
</a>
</div>
</div>
</div>
<div class="input-group align-items-center bg-gray-03 px-3">
<span class="input-group-prepend"><i class="fal fa-gift"></i></span>
<input type="text" class="form-control form-control-lg bg-transparent" placeholder="Coupon Code">
<div class="input-group-append"><a href="#" class="text-dark text-decoration-none text-uppercase font-weight-semibold">Apply
coupon</a></div>
</div>
</div>
</div>
<div class="sidebar col-lg-4 cart-sidebar primary-sidebar" id="sidebar">
<div class="primary-sidebar-inner" style="">
<h5 class="mb-5">Cart Totals</h5>
<div class="card border-0 rounded p-6 mb-4 font-size-md">
<div class="card-body p-0">
<div class="cart-totals">
<div class="border-bottom text-dark d-flex pb-4 mb-5">
<label class="mb-0">Subtotal</label>
<span class="ml-auto"> $68.00</span>
</div>
<div class="border-bottom pb-6 mb-6">
<div class="text-dark mb-3">Shipping</div>
<div class="form-group standard mb-0">
<div class="form-check d-flex p-0">
<div class="custom-control custom-radio">
<input class="custom-control-input" type="radio" name="shipping" id="standard" value="option1" checked="">
<label class="custom-control-label" for="standard">
Standard
</label>
</div>
<div class="text-dark-red ml-auto"> + $10.00</div>
</div>
</div>
<div class="form-group express text-gray mb-0">
<div class="form-check d-flex p-0">
<div class="custom-control custom-radio">
<input class="custom-control-input" type="radio" name="shipping" id="express" value="option1">
<label class="custom-control-label" for="express">
Express
</label>
</div>
<div class="value ml-auto">+ $19.00</div>
</div>
</div>
</div>
<div class="cart-total-item total d-flex">
<label class="font-size-lg text-dark mb-0">Total</label>
<span class="font-size-h5 text-dark font-weight-semibold ml-auto"> $78.00</span>
</div>
</div>
</div>
</div>
<a href="checkout.html" class="btn btn-primary btn-md btn-block text-uppercase">Proceed To
Checkout
</a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
@endsection