@extends('layouts.web')

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

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

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

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

        <div class="col-lg-9 d-flex flex-column justify-content-between">
            <article class="specialty__content">
                {!! $specialty->publication->content !!}
            </article>
        </div>
    @endcomponent
@endsection