관리-도구
편집 파일: checkout.blade.php
@extends('layouts.appss') @section('content') <!-- .page-title --> <div class="page-title relative"> <div class="paralaximg" data-parallax="scroll" data-image-src="images/gallery/a4.png"> </div> <div class="content"> <div class="container"> <div class="row"> <div class="col-12"> <h3 class="title">Check Out</h3> <ul class="breadcrumb"> <li><a href="/">Homepage</a></li> <li>Check Out</li> </ul> </div> </div> </div> </div> </div><!-- /.page-title --> <!-- Section checkout --> <section> <div class="container"> <div class="row"> <div class="col-xl-6"> <div class="flat-spacing tf-page-checkout"> <!-- <div class="wrap"> <div class="title-login"> <p>Already have an account?</p> <a href="login.html" class="text-button link">Login Here</a> </div> <form class="login-box"> <div class="grid-2"> <input type="text" placeholder="Your name/Email"> <input type="password" placeholder="Password"> </div> <button class="tf-btn btn-onsurface" type="submit"> Login<i class="icon-arrow-up-right"></i> </button> </form> </div> --> <div class="wrap"> <h5 class="title">Information</h5> <form class="info-box"> <div class="grid-2"> <input type="text" placeholder="First Name*"> <input type="text" placeholder="Last Name*"> </div> <div class="grid-2"> <input type="text" placeholder="Email Address*"> <input type="text" placeholder="Phone Number*"> </div> <div class="tf-select"> <input type="text" placeholder="Country*"> </div> <div class="grid-2"> <input type="text" placeholder="Town/City*"> <input type="text" placeholder="Street,..."> </div> <div class="grid-2"> <div class="tf-select"> <input type="text" placeholder="State*"> </div> <input type="text" placeholder="Postal Code*"> </div> <textarea placeholder="Write note..."></textarea> </form> </div> <div class="wrap"> <h5 class="title">Choose payment Option:</h5> <form class="form-payment"> <div class="payment-box" id="payment-box"> <div class="payment-item payment-choose-card active"> <label for="credit-card-method" class="payment-header" data-bs-toggle="collapse" data-bs-target="#credit-card-payment" aria-controls="credit-card-payment"> <input type="radio" name="payment-method" class="tf-check-rounded" id="credit-card-method" checked> <span class="text-title">Credit Card</span> </label> <div id="credit-card-payment" class="collapse show" data-bs-parent="#payment-box"> <div class="payment-body"> <p class="text-secondary">Make your payment directly into our bank account. Your order will not be shipped until the funds have cleared in our account.</p> <div class="input-payment-box"> <input type="text" placeholder="Name On Card*"> <div class="ip-card"> <input type="text" placeholder="Card Numbers*"> <div class="list-card"> <img src="images/payment/payment-7.png" width="48" height="16" alt="card"> <img src="images/payment/payment-8.png" width="21" height="16" alt="card"> <img src="images/payment/payment-9.png" width="22" height="16" alt="card"> <img src="images/payment/payment-10.png" width="24" height="16" alt="card"> </div> </div> <div class="grid-2"> <input type="date"> <input type="text" placeholder="CVV*"> </div> </div> <div class="check-save"> <input type="checkbox" class="tf-check" id="check-card" checked> <label for="check-card">Save Card Details</label> </div> </div> </div> </div> <div class="payment-item"> <label for="delivery-method" class="payment-header collapsed" data-bs-toggle="collapse" data-bs-target="#delivery-payment" aria-controls="delivery-payment"> <input type="radio" name="payment-method" class="tf-check-rounded" id="delivery-method"> <span class="text-title">Cash on delivery</span> </label> <div id="delivery-payment" class="collapse" data-bs-parent="#payment-box"> </div> </div> <div class="payment-item"> <label for="apple-method" class="payment-header collapsed" data-bs-toggle="collapse" data-bs-target="#apple-payment" aria-controls="apple-payment"> <input type="radio" name="payment-method" class="tf-check-rounded" id="apple-method"> <span class="text-title apple-pay-title"> G Pay </span> </label> <div id="apple-payment" class="collapse" data-bs-parent="#payment-box"> </div> </div> </div> <button class="tf-btn btn-onsurface">Payment<i class="icon-arrow-up-right"></i></button> </form> </div> </div> </div> <div class="col-xl-1"> <div class="line-separation"></div> </div> <div class="col-xl-5"> <div class="flat-spacing flat-sidebar-checkout"> <div class="sidebar-checkout-content"> <h5 class="title">Shopping Cart</h5> <div class="list-product"> @php $cartData = isset($buyNowCart) ? $buyNowCart : (session('cart', [])); $subtotal = 0; @endphp @forelse($cartData as $item) @php $quantity = $item['quantity'] ?? 1; $price = $item['price'] ?? 0.00; $subtotal += $price * $quantity; @endphp <div class="item-product"> <a href="#" class="img-product"> <img src="{{ $item['image'] ?? asset('images/default.png') }}" alt="product"> </a> <div class="content-box"> <div class="info"> <span class="name-product link text-title">{{ $item['name'] ?? 'Product Name' }}</span> </div> <div class="total-price text-button"> <span class="count">{{ $quantity }}</span> X<span class="price">₹{{ number_format($price, 2) }}</span> </div> </div> </div> @empty <p>Your cart is empty</p> @endforelse </div> <div class="sec-total-price mt-3"> <div class="top"> <div class="item d-flex align-items-center justify-content-between text-button"> <span>Shipping</span> <span>Free</span> </div> <div class="item d-flex align-items-center justify-content-between text-button"> <span>Discounts</span> <span>₹0.00</span> </div> </div> <div class="bottom mt-2"> <h5 class="d-flex justify-content-between"> <span>Total</span> <span class="total-price-checkout">₹{{ number_format($subtotal, 2) }}</span> </h5> </div> </div> </div> </div> </div> </div> </section> <!-- /Section checkout --> @endsection