@extends('frontend.layout.app')

@section('content')

<section class="pt-4 mb-4">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 text-center">
                <h1 class="fw-600 h4">Home / My Cart</h1>
            </div>
            <div class="col-lg-9">
                <ul class="breadcrumb bg-transparent p-0 justify-content-center justify-content-lg-end">
                    <li class="breadcrumb-item opacity-50">
                        <a class="text-reset" href="{{ route('home') }}">Home</a>
                    </li>
                    <li class="text-dark fw-600 breadcrumb-item">
                        My Cart
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<div class="py-3 py-md-5 bg-light">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="shopping-cart">

                    {{-- Cart Header --}}
                    <div class="cart-header d-none d-md-flex bg-light border-bottom py-2 px-2">
                        <div class="row w-100">
                            <div class="col-md-4"><h5 class="fw-bold mb-0">Products</h5></div>
                            <div class="col-md-2"><h5 class="fw-bold d-flex justify-content-center mb-0">Price</h5></div>
                            <div class="col-md-2"><h5 class="fw-bold d-flex justify-content-center mb-0">Quantity</h5></div>
                            <div class="col-md-2"><h5 class="fw-bold d-flex justify-content-center mb-0">Attribute</h5></div>
                            <div class="col-md-1"><h5 class="fw-bold d-flex justify-content-center mb-0">Total</h5></div>
                            <div class="col-md-1"><h5 class="fw-bold d-flex justify-content-center mb-0">Remove</h5></div>
                        </div>
                    </div>

                    @php
                        $subtotal = 0;
                        $dc = 0;
                    @endphp

                    @forelse($mycart as $key => $cart)
                        @php
                            $product = \App\Models\Product::find($cart['product_id']);
                        @endphp

                        <div class="cart-item borderlist bg-white mb-2 p-2 rounded shadow-sm">
                            <div class="row align-items-center">

                                {{-- Product --}}
                                <div class="col-md-4 col-12 d-flex align-items-center">
                                    <a href="{{ route('viewproduct',$product->id ) }}" class="d-flex align-items-center text-decoration-none">
                                        <img src="{{ asset('/storage/'.$product->thumbnail_img) }}" style="width:50px; height:50px;" class="me-2 rounded" alt="{{ $product->name }}">
                                        <span class="cart-product-name text-dark">{{ $product->name }}</span>
                                    </a>
                                </div>

                                {{-- Price --}}
                                <div class="col-md-2 col-4 d-flex align-items-center justify-content-center my-2 my-md-0">
                                    @php
                                        $price = $product->unit_price;
                                        $desc = $product->discount;
                                        $final_pri = $price - $desc;
                                    @endphp
                                    <span class="cart-price fw-bold">Rs:{{ number_format($final_pri,2) }}/{{ $product->unit }}</span>
                                </div>

                                {{-- Quantity --}}
                                <div class="col-md-2 col-4 my-2 my-md-0">
                                    <div class="input-group d-flex align-items-center justify-content-center quantity">
                                        <button class="btn btn-outline-primary btn-sm" onclick="window.location='{{ route('update_item_sub',$cart->id) }}'">-</button>
                                        <input type="text" class="form-control text-center input-quantity" value="{{ $cart->quantity }}" readonly style="max-width:60px;">
                                        <button class="btn btn-outline-primary btn-sm" onclick="window.location='{{ route('update_item_add',$cart->id) }}'">+</button>
                                    </div>
                                </div>

                                {{-- Attribute / Variation --}}
                                <div class="col-md-2 col-4 my-2 my-md-0">
                                    <span class="badge attribute-badge bg-light text-dark d-flex align-items-center justify-content-center shadow-sm px-2 py-1">
                                        {{ $cart->variation }}
                                    </span>
                                </div>

                                {{-- Total --}}
                                <div class="col-md-1 col-6 my-2 my-md-0">
                                    @php
                                        $price = $cart->price;
                                        $desc = $cart->discount;
                                        $finalpri = $price - $desc;
                                        $subtotal += $finalpri;
                                    @endphp
                                    <span class="price d-flex align-items-center justify-content-center fw-bold">Rs:{{ number_format($finalpri,2) }}</span>
                                </div>

                                {{-- Remove Button --}}
                                <div class="col-md-1 col-6 my-2 my-md-0">
                                    <a href="{{ route('remove',$cart->id) }}" 
                                       class="btn btn-outline-danger btn-sm d-flex align-items-center justify-content-center remove-btn w-100">
                                        <i class="bi bi-trash-fill me-1"></i> Remove
                                    </a>
                                </div>

                            </div>
                        </div>
                    @empty
                        <div class="cart-item borderlist text-center py-3">
                            <span>No Record Found</span>
                        </div>
                    @endforelse

                </div>

                {{-- Summary --}}
                <div class="px-3 py-2 mb-2 border-top d-flex justify-content-between">
                    <span class="opacity-60 fs-15 fw-bold">Total</span>
                    <span class="fw-bold fs-17">Rs:{{ number_format($subtotal,2) }}</span>
                </div>
                <div class="px-3 py-2 mb-2 d-flex justify-content-between">
                    <span class="opacity-60 fs-15 fw-bold">Delivery</span>
                    <span class="fw-bold fs-17">Rs:{{ number_format($dc,2) }}</span>
                </div>
                <div class="px-3 py-2 mb-2 d-flex justify-content-between">
                    <span class="opacity-60 fs-15 fw-bold">Sub total</span>
                    <span class="fw-bold fs-17">Rs:{{ number_format($subtotal+$dc,2) }}</span>
                </div>

                {{-- Actions --}}
                <div class="row align-items-center mt-3">
                    <div class="col-md-6 text-center text-md-start mb-2 mb-md-0">
                        <a href="{{ route('home') }}" class="btn btn-outline-secondary btn-sm">
                            <i class="bi bi-arrow-left me-1"></i> Return to Shop
                        </a>
                    </div>
                    <div class="col-md-6 text-center text-md-end">
                        <a href="{{ route('address') }}" class="btn btn-primary btn-sm fw-bold">
                            Continue to Shipping <i class="bi bi-arrow-right ms-1"></i>
                        </a>
                    </div>
                </div>

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



@endsection