{{-- Component Renderer --}}
@php
    $componentData = $component['builder_data'] ?? [];
    $componentType = $componentData['type'] ?? 'container';
@endphp

{{-- Render based on component type --}}
@if($componentType === 'container')
    @include('themes.dynamic.components.container', ['data' => $componentData])
@elseif($componentType === 'slider')
    @include('themes.dynamic.components.slider', ['data' => $componentData])
@elseif($componentType === 'navbar')
    @include('themes.dynamic.components.navbar', ['data' => $componentData])
@elseif($componentType === 'heading')
    @include('themes.dynamic.components.heading', ['data' => $componentData])
@elseif($componentType === 'paragraph')
    @include('themes.dynamic.components.paragraph', ['data' => $componentData])
@elseif($componentType === 'row')
    @include('themes.dynamic.components.row', ['data' => $componentData])
@elseif($componentType === 'column')
    @include('themes.dynamic.components.column', ['data' => $componentData])
@elseif($componentType === 'features_grid')
    @include('themes.dynamic.components.features-grid', ['component' => $componentData])
@elseif($componentType === 'service_cards')
    @include('themes.dynamic.components.service-cards', ['component' => $componentData])
@elseif($componentType === 'testimonial_slider')
    @include('themes.dynamic.components.testimonial-slider', ['component' => $componentData])
@elseif($componentType === 'team_grid')
    @include('themes.dynamic.components.team-grid', ['component' => $componentData])
@elseif($componentType === 'stats_grid')
    @include('themes.dynamic.components.stats-grid', ['component' => $componentData])
@elseif($componentType === 'image')
    @include('themes.dynamic.components.image', ['component' => $componentData])
@elseif($componentType === 'button')
    @include('themes.dynamic.components.button', ['component' => $componentData])
@elseif($componentType === 'contact_form')
    @include('themes.dynamic.components.contact-form', ['component' => $componentData])
@elseif($componentType === 'ecommerce_products')
    @include('themes.dynamic.components.ecommerce-products', ['component' => $componentData])
@elseif($componentType === 'booking_widget')
    @include('themes.dynamic.components.booking-widget', ['component' => $componentData])
@elseif($componentType === 'latest-posts')
    @include('themes.dynamic.components.latest-posts', ['component' => $componentData])
@else
    {{-- Fallback: Render HTML directly if available --}}
    @if(isset($component['html']) && $component['html'])
        {!! $component['html'] !!}
    @endif
@endif