@php
$tag = $topLevelSection?'section':'div';
$topLevelSection = false;

$sizes = ['lg','md','sm','xs'];
$classes = [];
$prev = null;
foreach($sizes as $i => $size){
    if(isset($item->$size)) {
        $prefix = 'col-';
        $sizeAffix = '';
        $suffix = $item->$size;
        if($size != 'xs'){
            $sizeAffix = $size . '-';
        } 
        if($suffix === "0"){
            $prefix = 'd-';
            $suffix = 'none';
        }
        $class = $prefix . $sizeAffix . $suffix;
        
        if($suffix == 'none' && !empty($prev)){
            if(!in_array($prefix.$prev['size'].$suffix, $classes)){
                $classes[] = 'd-'.$prev['size'].'-block';
            }
        } else {
            $prev = [];
            $prev['class'] = $class;
            $prev['size'] = $size;
        }
        $classes[] = $class;
    }
}

if(empty($classes)){
    $classes[] = "col-12";    
}

$classes[] = $item->classes ?? '';
if(!isset($item->htmlId)){$item->htmlId = null;}

@endphp

<{{$tag}} id="{{ $item->htmlId ?? '' }}" class="{{ implode(' ', $classes) }} {{ extract_spacing_values($item) }}">
    @if(isset($item->children))
        @foreach($item->children as $child)
            @include("template::partials.front.".strtolower($child->type), ["item" => $child])
        @endforeach
    @endif
</{{$tag}}>