@if($section->is_color)
    <div class="container-fluid py-md-5" style="background: {{ $section->background }}">
@else
    <div class="container-fluid py-md-5" style="background-image: url('{{ $section->background }}')">
@endif
        <div class="row">
        <div class="col-12">
            <div class="container-fluid text-center">
                <div class="row">
                    <div class="col-12 mt-md-5 mt-3">
                        <h1 class="section-title">
                            <span>{{ $section->title }}</span>
                        </h1>
                    </div>
                </div>
                <div class="row">
                    @foreach ($section->form->inputs()->orderBy('position', 'asc')->get() as $input)
                        <div class="col-lg-{{ $input->width }} col-md-{{ $input->width }} col-sm-{{ $input->width }} col-{{ $input->width }}">
                            @include('livewire.forms.inputs.'.$input->type->name, ['input'=>$input,'mode'=>'display', 'key'=>$input->type->name.'-'.$input->id])
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>