@extends(config('mio.theme').'.app')

@section('content')
    @foreach($rows as $row)
        <div id="row-{{$row['id']}}" class="holder {{!empty($row['opts']['class']) ? $row['opts']['class'] : ''}} {{$row['width_type'] == 'full' ? 'fullwidth' : 'boxed'}} full-nopad mt-0" style="@if(!empty($row['opts']['bg_type']) && $row['opts']['bg_type'] != 'inherit') {{$row['opts']['bg_type'] == 'image' ? 'background:url(\''.$row['opts']['bg_color'].'\');background-repeat:no-repeat;background-size:auto;background-position:center;' : 'background-color:'.$row['opts']['bg_color'].';'}} @endif {{!empty($row['opts']['margin']['top']) ? 'margin-top:'.$row['opts']['margin']['top'].';' : ''}}{{!empty($row['opts']['margin']['bottom']) ? 'margin-bottom:'.$row['opts']['margin']['bottom'].';' : ''}}{{!empty($row['opts']['margin']['left']) ? 'margin-left:'.$row['opts']['margin']['left'].';' : ''}}{{!empty($row['opts']['margin']['right']) ? 'margin-right:'.$row['opts']['margin']['right'].';' : ''}}{{!empty($row['opts']['padding']['top']) ? 'padding-top:'.$row['opts']['padding']['top'].';' : ''}}{{!empty($row['opts']['padding']['bottom']) ? 'padding-bottom:'.$row['opts']['padding']['bottom'].';' : ''}}{{!empty($row['opts']['padding']['left']) ? 'padding-left:'.$row['opts']['padding']['left'].';' : ''}}{{!empty($row['opts']['padding']['right']) ? 'padding-right:'.$row['opts']['padding']['right'].';' : ''}}">
            <div class="container">

                <div
                    class="row  {{!$row['visibility_desktop'] ? 'd-lg-none d-xl-none' : ''}} {{!$row['visibility_tablet'] ? 'd-md-none' : ''}} {{!$row['visibility_mobile'] ? 'd-sm-none d-xs-none' : ''}}">
                    @if(!empty($row['modules']))
                        @foreach($row['modules'] as $module)
                            <div id="widget-{{$module['id']}}" data-row="{{$row['id']}}" data-priority="{{$module['priority']}}"
                                 class="col-{{$module['mobile_width']}} col-sm-{{$module['mobile_width']}} col-md-{{$module['tablet_width']}} col-lg-{{$module['desktop_width']}} col-xl-{{$module['desktop_width']}}">
                                {!! $module['html'] !!}
                            </div>
                        @endforeach
                    @endif
                </div>

            </div>
        </div>
    @endforeach

@endsection

@section('css')

@endsection

@section('js')

@endsection