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