@extends('front.layout.app')
@section('title', 'Cart Page')
@section('content')
<section class="main-slider innerBanner p-0" id="mainSlider" style="background-image: url('{{ asset("front/images/mainBanner.webp")}}');">
    <div class="container">
        <div class="row justify-content-end">
            <div class="col-lg-6">
                <div class="slideOne">
                    <h1 class="mainHeading text-white">{{ 'Cart' }}</h1>
                </div>
            </div>
        </div>
    </div>
</section>
  @php
        $total = '0';

    @endphp


    <section class="cart-section padd-y my-5">
        <div class="container">
            <div class="row">
                @forelse ($cart_data  as $index => $item)
                    <div class="col-12">
                        @php $total = $total + ($item->qty * $item->price) @endphp
                        <div class="cart-wrap">
                            <div class="cart-box">
                                <figure class="cart-box-img">
                                    <img src="{{ $item->options->has('image') ? $item->options->image : '' }}" alt="image"
                                        class="img-fluid">
                                </figure>
                                <div class="cart-box-title">
                                    <h4>{{ $item->name }}</h4>
                                    <h5>$ {{ $item->price }}</h5>
                                </div>
                            </div>
                            <div class="cart-quantity ">
                                <h5>Quantity</h5>
                                <div class="numberone d-flex quantity">
                                    <input type="hidden" value="{{ $item->rowId }}" class="product_id">
                                    <span class="changeQuantity increment-btn"><i class="fas fa-plus"></i></span>
                                    <input class="qty_input" id="quantity" value="{{ $item->qty ?: '' }}" type="text"
                                        readonly>
                                    <span class="changeQuantity decrement-btn"><i class="fas fa-minus"></i></span>
                                </div>
                            </div>
                            <div class="cart-delete-btn delete_cart_data"><i class="fas fa-times"></i></div>
                        </div>
                    </div>
                @empty
                    <p class="text-light text-center">no data found</p>
                @endforelse
            </div>
            @if (Auth::check())
                @if (Auth::user()->hasRole('user') && Cart::content()->count() > 0 )
                    <div class="cart-total">
                        <h4><span>${{ number_format(Cart::subTotal(), 2) }}</span> SUBTOTAL</h4>
                        <p><em>Shipping & taxes calculated at checkout. We accept Visa, MasterCard, American Express, and
                                Discover
                                cards.</em></p>
                        <a href="{{ route('checkout') }}" class="themeBtn">CHECK OUT</a>
                    </div>
                @endif
            @endif

        </div>
    </section>
@endsection