@extends('layouts.app')

@section('seoheader')
    {!! $seo ?? '' !!}
    <link rel="stylesheet" href="{{ secure_asset('css/corporative.css?v=1.1.1.1') }}">
@endsection

@section('content')

@include('utils.preloader')

@include('layouts.header')


<div class="container-fluid custom-container mt-4">
    <div class="row section-list-corporative">

        @forelse ($data as $rs)
            <div class="col-md-12 my-3">
                <div>
                    <h3 class="title">{{ $rs->title ?? '' }}</h3>
                </div>
                <div class="d-flex {{ (count($rs->list) > 5) ? ((count($rs->list) > 12) ? 'product-active-4' : 'product-active') : '' }}">
                    @if ($rs->list2 != null || $rs->list2 != '')
                        @foreach ($rs->list2 as $pc)
                            <div class="p-2 {{ (count($rs->list) > 5) ? '' : 'col-lg-2' }}">
                                @include('corporative.components.pc_item_list', ['pc' => $pc])
                            </div>
                        @endforeach
                    @endif
                    @foreach ($rs->list as $prod)
                        <div class="p-2 {{ (count($rs->list) > 5) ? '' : 'col-lg-2' }}">
                            @include('corporative.components.product_item_list', ['product' => $prod])
                        </div>
                    @endforeach
                </div>
            </div>
        @empty
            <div class="col-md-12">
                <p>No se han encontrados productos.</p>
            </div>
        @endforelse
    </div>
    <div class="d-flex justify-content-center">
        <div>{{ $data->withQueryString('pagination::custom') }}</div>
    </div>
</div>



@include('layouts.newsletter')

<div class="overlay"></div>

@include('layouts.footer')

@include('utils.backtop')

@endsection