@extends('layouts.web')

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

@section('content')
    @component('web.components.default.section',
        [
            'class' => 'fields',
        ])
        @include('web.components.layout.page_title', [
            'title' => 'Serviços',
        ])

        {{-- @include('web.components.pages.fields.menu') --}}

        <div class="col-lg-9">
            @forelse($fields as $expertise)
                @include('web.components.default.publication.publication_item',
                    [
                        'media' => [
                            'path' => $expertise->cover
                                ? $expertise->cover->path
                                : '',
                            'count' => $expertise->cover_count,
                            'alt' =>
                                'Imagem ilustrativa do serviço: ' .
                                $expertise->publication->title,
                        ],
                        'publication' => [
                            'title' => $expertise->publication->title,
                            'summary' => $expertise->publication->summary,
                            'date' => $expertise->publication->start_date,
                        ],
                        'link' => [
                            'href' => route('web.fields.show', [
                                'expertise' =>
                                    $expertise->publication->slug,
                            ]),
                            'title' =>
                                'Veja mais sobre o serviço ' .
                                $expertise->publication->title,
                        ],
                    ])
            @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á serviços
                                                                disponíveis',
                    ])
            @endforelse
        </div>
    @endcomponent
@endsection