@if(Cookie::get('shopping_cart'))

@php $total="0" @endphp
<div class="col-lg-8 ">
{{--@foreach ($cart_data as $data)--}}
{{--    <div class="card mb-3 cart-item shadow-small cartpage">--}}
{{--        <div class="card-body d-flex flex-wrap align-items-center justify-content-between gap-3">--}}
{{--            <input type="hidden" class="product_id" value="{{ $data['item_id'] }}">--}}

{{--            <div class="d-flex align-items-center flex-shrink-0" style="min-width: 200px;">--}}
{{--                <img src="{{ $data['item_image'] ?: '' }}" class="me-3 rounded img-fluid"--}}
{{--                     style="max-width: 80px; height: auto;" alt="Product 1" />--}}
{{--                <div>--}}
{{--                    <h5 class="mb-1 text-truncate" style="max-width: 150px;">--}}
{{--                        {{ $data['item_name'] ?: '' }}--}}
{{--                    </h5>--}}

{{--                    @if(!empty($data['item_prod_variation_id']))--}}
{{--                        <p class="text-muted mb-0 small">--}}

{{--                            {{ $data['variation_unit_name'] ?? '—' }} :--}}
{{--                            {{ $data['variation_qty'] ?? '—' }} tablets (£{{ number_format($data['item_price'], 2) }} each)--}}
{{--                        </p>--}}
{{--                    @else--}}
{{--                        <p class="text-muted mb-0 small">Standard Product</p>--}}
{{--                    @endif--}}
{{--                </div>--}}
{{--            </div>--}}

{{--            <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 ms-auto">--}}
{{--                @if(empty($data['item_prod_variation_id']))--}}
{{--                    --}}{{-- ✅ Normal product: increment/decrement --}}
{{--                    <div class="number quantity">--}}
{{--                        <div class="input-group input-group-sm" style="max-width: 140px;">--}}
{{--                            <div class="input-group-prepend">--}}
{{--                                <button class="btn btn-outline-secondary decrement-btn changeQuantity" type="button">-</button>--}}
{{--                            </div>--}}
{{--                            <input type="text" class="form-control text-center qty_input"--}}
{{--                                   value="{{ $data['item_quantity'] ?? '' }}" readonly>--}}
{{--                            <div class="input-group-append">--}}
{{--                                <button class="btn btn-outline-secondary increment-btn changeQuantity" type="button">+</button>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                @else--}}
{{--                    --}}{{-- ✅ Variation product: dropdown --}}

{{--                    <select class="form-select form-select-sm  variation-dropdown" style="width: 140px;">--}}
{{--                        @foreach($quantityAssignments as $assign)--}}
{{--                            @php $quantity = $assign->quantity; @endphp--}}
{{--                            <option value="{{ $quantity->quantity_number }}"--}}
{{--                                {{ $assign->id == $data['item_prod_variation_id'] ? 'selected' : '' }}>--}}
{{--                                {{ $quantity->quantity_name }}--}}
{{--                            </option>--}}
{{--                        @endforeach--}}
{{--                    </select>--}}

{{--                @endif--}}

{{--                --}}{{-- ✅ Show total --}}
{{--                <span class="fw-bold cart_grand_total_price">--}}
{{--                    £ {{ number_format(($data['item_quantity'] ?? 1) * ($data['item_price'] ?? 0), 2) }}--}}
{{--                    @php $total += ($data["item_quantity"] * $data["item_price"]) @endphp--}}

{{--                </span>--}}

{{--                <button class="btn btn-outline-danger btn-sm delete_cart_data">--}}
{{--                    <i class="bi bi-trash"></i>--}}
{{--                </button>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--@endforeach--}}
    @foreach ($cart_data as $data)
        <div class="card mb-3 cart-item shadow-small cartpage">
            <div class="card-body d-flex flex-wrap align-items-center justify-content-between gap-3">
                <input type="hidden" class="product_id" value="{{ $data['item_id'] }}">

                <div class="d-flex align-items-center flex-shrink-0" style="min-width: 200px;">
                    <img src="{{ $data['item_image'] ?: '' }}" class="me-3 rounded img-fluid"
                         style="max-width: 80px; height: auto;" alt="{{ $data['item_name'] }}" />
                    <div>
                        <h5 class="mb-1 text-truncate" style="max-width: 150px;">
                            {{ $data['item_name'] ?: '' }}
                        </h5>

                        {{-- Variation or Brand Option Info --}}
                        @if(!empty($data['item_prod_variation_id']))
                            <p class="text-muted mb-0 small">
                                {{ $data['variation_unit_name'] ?? '—' }} :
                                {{ $data['item_tablet_count'] ?? '—' }} tablets (£{{ number_format($data['item_price'], 2) }} each)
                            </p>
                        @elseif(!empty($data['item_brand_option_id']))
                            <p class="text-muted mb-0 small">
                                {{ $data['brand_option_name'] ?? 'Brand Option' }} :
                                {{ $data['item_tablet_count'] ?? 1 }} units (£{{ number_format($data['item_price'], 2) }} each)
                            </p>
                        @else
                            <p class="text-muted mb-0 small">Standard Product</p>
                        @endif
                    </div>
                </div>

                <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 ms-auto">

                    {{-- Quantity Selector --}}
                    @if(empty($data['item_prod_variation_id']) && empty($data['item_brand_option_id']))
                        {{-- Normal product: increment/decrement --}}
                        <div class="number quantity">
                            <div class="input-group input-group-sm" style="max-width: 140px;">
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary decrement-btn changeQuantity" type="button">-</button>
                                </div>
                                <input type="text" class="form-control text-center qty_input"
                                       value="{{ $data['item_quantity'] ?? 1 }}" readonly>
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary increment-btn changeQuantity" type="button">+</button>
                                </div>
                            </div>
                        </div>
                    @else
                        {{-- Variation or Brand Option: dropdown --}}
                        <select class="form-select form-select-sm variation-dropdown" style="width: 140px;"
                                data-item-variation-id="{{ $data['item_prod_variation_id'] ?? '' }}"
                                data-item-brand-option-id="{{ $data['item_brand_option_id'] ?? '' }}">
                            @php
                                $options = collect();
                                // Variation dropdown
                                if(!empty($data['item_prod_variation_id'])) {
                                    $options = $quantityAssignments->where('product_variation_id', $data['item_prod_variation_id']);
                                }
                                // Brand Option dropdown
                                elseif(!empty($data['item_brand_option_id'])) {
                                    $options = $brandOptionAssignments->where('brand_option_id', $data['item_brand_option_id']);
                                }
                            @endphp

                            @foreach($options as $option)
                                @php
                                    $option_name = $option->quantity->quantity_name ?? $option->brandOption->brand_option_name ?? '—';
                                    $option_value = $option->quantity->quantity_number ?? 1;
                                    $selected = (!empty($data['item_prod_variation_id']) && $option->id == $data['item_prod_variation_id'])
                                               || (!empty($data['item_brand_option_id']) && $option->id == $data['item_brand_option_id']);
                                @endphp
                                <option value="{{ $option_value }}" {{ $selected ? 'selected' : '' }}>
                                    {{ $option_name }}
                                </option>
                            @endforeach
                        </select>
                    @endif

                    {{-- Total Price --}}
                    <span class="fw-bold cart_grand_total_price">
                    £ {{ number_format(($data['item_quantity'] ?? 1) * ($data['item_price'] ?? 0), 2) }}
                        @php $total += ($data["item_quantity"] * $data["item_price"]) @endphp
                </span>

                    {{-- Delete Button --}}
                    <button class="btn btn-outline-danger btn-sm delete_cart_data">
                        <i class="bi bi-trash"></i>
                    </button>
                </div>
            </div>
        </div>
    @endforeach


</div>
<!-- Summary -->
<div class="col-lg-4">
    <div class="cart-summary shadow-sm" id="totalajaxcall">
        <div class="totalpricingload px-3 py-2">
            <h5 class="mb-3">Order Summary</h5>
            <div class="d-flex justify-content-between mb-2">
                <span>Subtotal</span>
                <span>£ {{ number_format($total, 2) }}</span>
            </div>
            <div class="d-flex justify-content-between mb-2">
                <span>Shipping</span>
                <span>£4.99</span>
            </div>
            <hr />
            <div class="d-flex justify-content-between fw-bold mb-3">
                <span>Total</span>
                <span>£ {{ number_format($total, 2) }}</span>
            </div>
        </div>
    </div>

    <!-- Payment Section -->
    <div class="card shadow-small">
        <div class="card-header background-blue text-white">Payment</div>
        <div class="card-body">

                <div class="mb-3 payment-option">
                    <input type="radio" name="payment" id="googlepay" />
                    <label for="googlepay">
                        <img src="https://img.icons8.com/color/24/google-pay.png" />
                        Google Pay
                    </label>
                </div>

                <div class="mb-3 payment-option">
                    <input type="radio" name="payment" id="creditcard" />
                    <label for="creditcard">
                        <img src="https://img.icons8.com/color/24/bank-card-back-side.png" />
                        Credit Card
                    </label>
                    <div id="creditCardForm" class="mt-3 d-none">
                        <input type="text" class="form-control mb-2" placeholder="Card Number" />
                        <div class="row">
                            <div class="col">
                                <input type="text" class="form-control mb-2" placeholder="MM/YY" />
                            </div>
                            <div class="col">
                                <input type="text" class="form-control mb-2" placeholder="CVV" />
                            </div>
                        </div>
                        <input type="text" class="form-control" placeholder="Cardholder Name" />
                    </div>
                </div>

                <div class="mb-3 payment-option">
                    <input type="radio" name="payment" id="paypal" />
                    <label for="paypal">
                        <img src="https://img.icons8.com/color/24/paypal.png" />
                        PayPal
                    </label>
                </div>


                @if (Auth::user())
                <a href="{{route('checkout')}}"><button type="submit" class="btn button-blue text-white w-100">
                        Proceed to Checkout
                    </button></a>
                @else

                <a href="{{route('user.login')}}"> <button type="submit" class="btn button-blue text-white w-100">
                    Proceed to Checkout
                </button></a>


                @endif




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

 @endif