@extends('layouts.web')

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

@section('content')
    @component('web.components.layout.banner_pages', [
        'title' => 'Tratamentos',
        'style' => 'background-image: url(' . asset('images/placeholder/web/banner-tratamentos.webp') . ')',
    ])
    @endcomponent

    @component('web.components.default.section', [
        'class' => 'treatments',
        'label' => 'Tratamentos',
    ])
        @forelse ($treatments as $treatment)

            <div class="col-12 col-md-6 col-lg-4 mb-4">
                <div class="treatments__box p-4">
                 @if (!empty($treatment->cover->path))
                    @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,
                            'styleImg' => 'border-radius: 20px;',
                        ],
                    ])
              @endif
                    <h1 class="treatments__box__title">{{ $treatment->publication->title }}</h1>
                    <div class="treatments__box__summary">
                        {!! \Str::limit($treatment->publication->summary, 160) !!}
                    </div>
                    <a class="treatments__box__link"
                        href="{{ route('web.treatment.show', ['treatment' => $treatment->publication->slug]) }}">
                        Saiba mais
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
            </div>

        @empty
            @include('web.components.default.publication.publication_empty', [
                'message' => 'Nenhum tratamento cadastrado.',
            ])
        @endforelse
        <div class="container d-flex flex-column align-items-center justify-content-center py-4 text-center">
            {{ $treatments->links('pagination::bootstrap-5') }}
        </div>
    @endcomponent
@endsection