@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">Kids 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 ($kidsCakes as $kidsCake)
            <div class="row">
                <div class="col-lg-3 mb-4">
                    <div class="icons_boxes">
                        <label for="kidscake{{ $kidsCake->cake_design_id }}">
                            <div class="icon_boxes classic top-center text-center">
                                <figure><img src="{{ asset($kidsCake->cake_design_image) }}" alt="Cake Icon" height="100"
                                        width="100"></figure>
                                <h5 class="name">{{ $kidsCake->cake_design_name }}</h5>
                            </div>
                        </label>
                    </div>
                </div>
                <div class="col-lg-3 mb-4">
                    <div class="icons_boxes">
                        <label for="customcake{{ $kidsCake->shape_id }}">
                            <div class="icon_boxes classic top-center text-center">
                                <figure><img src="{{ asset($kidsCake->shape_image) }}" alt="Shape Image" width="100"
                                        height="100">
                                </figure>
                                <h5 class="name">{{ $kidsCake->shape }}</h5>
                            </div>
                        </label>
                    </div>
                </div>
                @if ($kidsCake->cake_type_image)
                    <div class="col-lg-3 mb-4">
                        <div class="icons_boxes">
                            <label for="customcake{{ $kidsCake->cake_type_id }}">
                                <div class="icon_boxes classic top-center text-center">
                                    <figure>
                                        <img src="{{ asset($kidsCake->cake_type_image) }}" alt="Flavour Image"
                                            height="100" width="100">
                                    </figure>
                                    <h5 class="name">{{ $kidsCake->cake_type }}</h5>
                                </div>
                            </label>
                        </div>
                    </div>
                @endif
                <div class="col-lg-3 mb-4">
                    <div class="icons_boxes">
                        <label for="customcake{{ $kidsCake->flavour_id }}">
                            <div class="icon_boxes classic top-center text-center">
                                <figure><img src="{{ asset($kidsCake->flavour_image) }}" alt="Flavour Image" height="100"
                                        width="100"></figure>
                                <h5 class="name">{{ $kidsCake->flavour }}</h5>
                            </div>
                        </label>
                    </div>
                </div>
                @if ($kidsCake->image1)
                    <div class="col-lg-3 mb-4">
                        <div class="icons_boxes">
                            <label for="customcake{{ $kidsCake->image1 }}">
                                <div class="icons_boxes classic top-center text-center">
                                    <figure><img src="{{ asset('storage/' . $kidsCake->image1) }}" alt="Design Image"
                                            height="100" width="100"></figure>
                                    <p><strong>Uploaded Image</strong></p>
                                </div>
                            </label>
                        </div>
                    </div>
                @endif
                
            </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>$ {{ $kidsCake->total_amount }}</p>
                </div>
            </div>
        </div>
    </div>
@endsection