@extends('layouts.web')

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

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

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

        <div class="col-lg-9 d-flex flex-column justify-content-between">
            <article class="team-content row">
                @if ($post->portrait !== null)
                    <figure class="team__figure text-center col-lg-6 p-0 mb-0">
                        <img src="{{ asset('storage/' . $post->portrait->path) }}" alt="{{ $post->name }}" class="img-fluid">
                    </figure>
                @endif

                <div class="col-lg-5 text-justify mt-5 p-0">
                    <div class="m-0">
                        <h2 class="team-content__name">
                            {{ $post->name }}
                        </h2>
                    </div>
                    <hr>
                    {!! $post->content !!}
                </div>

            </article>
        </div>
    @endcomponent
@endsection