@extends('layouts.web')

@section('head-js')
    <script src="{{ asset('js/web/pages/home.js') }}" defer></script>
@endsection

@section('css')
    <link rel="stylesheet" href="{{ asset('css/web/pages/home.css') }}">
@endsection

@section('content')

    {{-- BANNER --}}
    <section class="banner">
        @component('web.components.default.splide', [
            'id' => 'banner',
            'class' => 'banner-splide',
            'slides' => $data['banners']->count(),
        ])
            @each('web.components.pages.home.banner.item', $data['banners'], 'banner', 'web.components.pages.home.banner.empty')
        @endcomponent
    </section>

    @if ($data['specialties']->count() > 0)
        @component('web.components.default.section', [
            'class' => 'specialties col-12 text-center',
            'label' => 'Especialidades',
        ])
            @includeWhen(
                !empty($data['specialties']->count() > 0),
                'web.components.pages.home.specialty.item',
                [
                    'specialty' => $data['specialties'],
                ]
            )
        @endcomponent
    @endif

    @if(!empty($data['highlight_news']))


        @component('web.components.default.section', [
            'class' => 'middle d-flex align-items-center justify-content-center',
            'label' => 'Notícia destaque',
            'style' => 'background-image: url(' . asset('images/layout/web/calculo-renal.png') . ')',
        ])
            @include('web.components.pages.home.middle', ['data' => $data['highlight_news']])
        @endcomponent
    @endempty

    @isset($data['nephrology'])
        @if ($data['nephrology']->count() > 0)
            @component('web.components.default.section', [
                'class' => 'nephrology col-12 text-center',
                'label' => 'Nefrologia',
            ])
                @includeWhen(
                    !empty($data['nephrology']->count() > 0),
                    'web.components.pages.home.nephrology.item',
                    [
                        'nephrology' => $data['nephrology'],
                    ]
                )
            @endcomponent
        @endif
    @endisset
    
    @component('web.components.default.section', [
        'class' => 'team',
        'label' => 'Conheça nossos Profissionais',
    ])
        @includeWhen(!empty($data['team']), 'web.components.pages.home.team.content', [
            'team' => $data['team'],
        ])
    @endcomponent


    @component('web.components.default.section', [
        'class' => 'about',
        'label' => 'A Clinica',
    ])
        @include('web.components.pages.home.about.content', [
            'about' => $data['about'],
        ])
    @endcomponent



    {{-- @component('web.components.default.section', [
    'class' => 'blog',
    'label' => 'Notícias',
])
    @includeWhen(!empty($data['blog']), 'web.components.pages.home.blog.content', [
        'blog' => $data['blog'],
    ])
    @endcomponent --}}




    @component('web.components.default.section', [
        'class' => 'news',
        'label' => 'Notícias',
    ])
        @includeWhen(!empty($data['news']), 'web.components.pages.home.news.content', [
            'news' => $data['news'],
        ])
    @endcomponent

    @component('web.components.default.section', [
        'class' => 'covenants',
        'label' => 'Convênios',
    ])
        @includeWhen(!empty($data['covenants']), 'web.components.pages.home.covenants.content', [
            'covenants' => $data['covenants'],
        ])
    @endcomponent

    {{-- @component('web.components.layout.map')
    @endcomponent --}}
@endsection