@extends('frontend.layouts.applayout')
@section('main-content')
    <div class="container mt-4 mb-4 p-3">
        <div class="row mb-4">
            <div class="col-lg-12">
                <h1 class="sec_main_title">Custom Cake Details</h1>
            </div>
            <div class="col-lg-12 text-end">
                <a href="{{ route('cart') }}" class="view-all purple" style="cursor: pointer;">
                    View Shopping Cart
                </a>
            </div>
        </div>
        @foreach ($customCakes as $customCake)
            <div class="row">
                <div class="col-lg-3 mb-4">
                    <div class="icons_boxes">
                        <label for="customcake{{ $customCake->cake_customcake_id }}">
                            <div class="icon_boxes classic top-center text-center">
                                <figure><img src="{{ asset($customCake->cake_customcake_image) }}" alt="Cake Icon"
                                        height="100" width="100"></figure>
                                <h5 class="name">{{ $customCake->cake_customcake_name }}</h5>
                            </div>
                        </label>
                    </div>
                </div>
                <div class="col-lg-3 mb-4">
                    <div class="icons_boxes">
                        <label for="customcake{{ $customCake->shape_id }}">
                            <div class="icon_boxes classic top-center text-center">
                                <figure><img src="{{ asset($customCake->shape_image) }}" alt="Shape Image" width="100"
                                        height="100">
                                </figure>
                                <h5 class="name">{{ $customCake->shape }}</h5>
                            </div>
                        </label>
                    </div>
                </div>
                <div class="col-lg-3 mb-4">
                    <div class="icons_boxes">
                        <label for="customcake{{ $customCake->flavour_id }}">
                            <div class="icon_boxes classic top-center text-center">
                                <figure><img src="{{ asset($customCake->flavour_image) }}" alt="Flavour Image"
                                        height="100" width="100"></figure>
                                <h5 class="name">{{ $customCake->flavour }}</h5>
                            </div>
                        </label>
                    </div>
                </div>
                @if ($customCake->picture_design_url)
                    <div class="col-lg-3 mb-4">
                        <div class="icons_boxes">
                            <label for="customcake{{ $customCake->flavour_id }}">
                                <div class="icons_boxes classic top-center text-center">
                                    <figure><img src="{{ asset('storage/' . $customCake->picture_design_url) }}"
                                            alt="Design Image" height="100" width="100"></figure>
                                    <p><strong>Uploaded Design:</strong></p>
                                </div>
                            </label>
                        </div>
                    </div>
                @endif
                <div class="col-12 mt-4">
                    <h3 class="text-right">Add-Ons</h3>
                    <div class="row">
                        @foreach ($customCake->customaddons as $addon)
                            <div class="col-lg-3 mb-4">
                                <div class="icons_boxes">
                                    <label for="customcake{{ $addon->id }}">
                                        <div class="icon_boxes classic top-center text-center">
                                            <p>{{ $addon->name }}<br>
                                            <figure><img src="{{ asset($addon->image) }}" alt="Addon Image"
                                                    width="80">
                                            </figure>
                                            Quantity: {{ $addon->quantity }}
                                            </p>
                                        </div>
                                    </label>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endforeach
        <div class="row mt-5">
            <div class="col-lg-12">
                <div class="border-top pt-3 text-end">
                    <p><strong>Total Amount:</strong>$ {{ $customCake->total_amount }}</p>
                </div>
            </div>
        </div>
    </div>
@endsection