@extends('layouts.public')

@section('title', $espetaculo->nome)

@section('content')
<div class="container my-5">

    {{-- Cabeçalho simples --}}
    <div class="mb-4">
        <h1 class="mb-1">{{ $espetaculo->nome }}</h1>

        <small class="text-muted">
            {{ $espetaculo->cidade ?? $espetaculo->cidade_regiao ?? '' }}
            @if($espetaculo->estado) / {{ $espetaculo->estado }} @endif
            — {{ $espetaculo->pais }}
        </small>
    </div>

    {{-- Vínculos --}}
    @if($espetaculo->vinculos && $espetaculo->vinculos->count())
        <section class="mb-4">
            <h3>Responsáveis</h3>

            <ul class="list-group">
                @foreach($espetaculo->vinculos as $v)
                    @php $item = $v->vinculavel; @endphp

                    @if($item)
                        <li class="list-group-item d-flex justify-content-between align-items-start">
                            <div>
                                <strong>{{ $item->nome ?? '—' }}</strong>
                                <div class="text-muted small">
                                    {{ str_replace('_', ' ', $v->papel) }}
                                </div>

                                {{-- Links cruzados --}}
                                <div class="mt-1">
                                    @if($v->vinculavel_type === \App\Models\Coletivo::class)
                                        <a href="{{ url('c/'.$item->slug) }}" target="_blank">Ver Coletivo</a>
                                    @elseif($v->vinculavel_type === \App\Models\Artista::class)
                                        <a href="{{ url('a/'.$item->slug) }}" target="_blank">Ver Artista</a>
                                    @endif
                                </div>
                            </div>
                        </li>
                    @endif
                @endforeach
            </ul>
        </section>
    @endif

    {{-- Sinopses --}}
    <section class="mb-4">
        <h3>Sinopse</h3>
        <p>{{ $espetaculo->sinopse_150 }}</p>

        @if(!empty($espetaculo->sinopse_300))
            <p class="text-muted">{{ $espetaculo->sinopse_300 }}</p>
        @endif
    </section>

    {{-- Release --}}
    @if(!empty($espetaculo->release_2000))
        <section class="mb-4">
            <h3>Release</h3>
            <p>{{ $espetaculo->release_2000 }}</p>
        </section>
    @endif

</div>
@endsection