@extends('layouts.web')

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

@section('content')
    @component('web.components.default.section', [
        'class' => 'team',
        ])
        @include(
            'web.components.layout.page_title',
            [
                'title' => 'Equipe',
            ]
        )

        @include(
            'web.components.pages.team.menu'
        )

        <div class="col-lg-9">
            @forelse($team as $post)
                @include(
                    'web.components.default.publication.publication_item',
                    [
                        'media' => [
                            'path' => $post->portrait
                                ? $post->portrait->path
                                : '',
                            'count' =>
                                $post->portrait_count,
                            'alt' => " {$post->name}",
                        ],
                        'publication' => [
                            'title' => " {$post->name}",
                            'summary' =>
                                $post->summary,
                        ],
                        'link' => [
                            'href' => route(
                                'web.team.show',
                                $post
                            ),
                            'title' => "Confira mais do membro {$post->name}",
                        ],
                    ]
                )
            @empty
                @include(
                    'web.components.default.publication.publication_empty',
                    [
                        'message' => request()->get(
                            'search'
                        )
                            ? 'Não foi encontrado nenhum resultado para: ' .
                                request()->get(
                                    'search'
                                )
                            : 'Não há notícias disponíveis',
                    ]
                )
            @endforelse
        </div>
    @endcomponent
@endsection