@extends('layouts.web')

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

@section('content')
    @component('web.components.layout.banner_pages', [
        'title' => $treatment->publication->title,
        'style' => 'background-image: url(' . asset('images/placeholder/web/banner-tratamentos.webp') . ')',
    ])
    @endcomponent
    @component('web.components.default.section', [
        'class' => 'treatment',
    ])
        <div class="col-lg-4 row gap-2 order-lg-0 order-last">
            @include('web.components.pages.treatment.menu')
        </div>

        <div class="col-lg-7 offset-0 offset-lg-1 p-4 p-lg-0">
            <div class="row">
                <div class="col-12 col-md-6 col-lg-12">
                    @if (!empty($treatment->cover->path))
                        <figure class="text-start treatment__image">
                            @include('web.components.default.medias.image', [
                                'media' => [
                                    'path' => $treatment->cover->path,
                                    'placeholder' => 'images/placeholder/web/logo-placeholder.png',
                                    'alt' => 'Ícone do tratamento de ' . $treatment->publication->title,
                                    // 'class' => 'w-100',
                                ],
                            ])
                        </figure>
                    @endif
                </div>

                <div class="col-12 col-md-6 col-lg-12">
                    <h2 class="treatment__title">{{ $treatment->publication->title }}</h2>
                    <div class="treatment__content">
                        {!! $treatment->publication->content !!}
                    </div>

                    @if ($treatment->symptoms)
                        <div class="treatment__symptoms">
                            <h2 class="treatment__symptoms__title mb-4">Sintomas</h2>
                            <ul class="treatment__symptoms__list mb-4">
                                @foreach ($treatment->symptoms as $symptoms)
                                    <li class="mb-2">
                                        <i class="fas fa-check mr-2"></i>
                                        {{ $symptoms }}
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    @if ($treatment->treat)
                        <div class="treatment__treat">
                            <h2 class="treatment__treat__title mb-4">Tratamentos</h2>
                            <div class="treatment__treat__content">
                                {!! $treatment->treat !!}
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    @endcomponent
@endsection