@extends('layouts.web')

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

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

@section('content')
    @includeWhen($field->gallery_count > 0,
        'web.components.default.publication.publication_gallery',
        [
            'slide' => [
                'class' => 'field-splide mt-5',
                'id' => 'gallery',
                'slides' => $field->gallery_count,
            ],
            'medias' => $field->gallery,
        ])


    @component('web.components.default.section',
        [
            'class' => 'field mb-3',
        ])
        @include('web.components.layout.page_title', [
            'title' => $field->publication->title,
        ])

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

        <div class="col-lg-9">
            <article class="field__content">
                {!! $field->publication->content !!}
            </article>
        </div>
    @endcomponent
@endsection