@php
    /** @var \V2\Modules\Conexoes\Associados\Models\AssociadoInstituicao $instituicao */
    /** @var array $benefitsList */
    /** @var string $htmlContent */
    $storage = app(\V2\Services\Storage\StorageService::class);
    $socialNetworks = $instituicao->social_media;
    $socialIconMap = [
        'facebook' => 'bi-facebook',
        'instagram' => 'bi-instagram',
        'twitter' => 'bi-twitter-x',
        'youtube' => 'bi-youtube',
        'linkedin' => 'bi-linkedin',
        'whatsapp' => 'bi-whatsapp',
        'telegram' => 'bi-telegram',
        'tiktok' => 'bi-tiktok',
        'flickr' => 'bi-image',
    ];
    $socialLabelMap = [
        'facebook' => 'Facebook',
        'instagram' => 'Instagram',
        'twitter' => 'Twitter / X',
        'youtube' => 'YouTube',
        'linkedin' => 'LinkedIn',
        'whatsapp' => 'WhatsApp',
        'telegram' => 'Telegram',
        'tiktok' => 'TikTok',
        'flickr' => 'Flickr',
    ];
    $isRegional = !empty($unidadeRegional);
@endphp

{{-- Header --}}
<div class="text-center mb-4">
    @if($instituicao->logo)
        <img alt="{{ $instituicao->name }}" src="{{ v2_storage_url($instituicao->logo) }}"
             loading="lazy"
             style="max-height:80px;width:auto;object-fit:contain;"
             class="rounded bg-white border p-2 shadow-sm mb-3">
    @endif
    <h2 class="h4 fw-bold mb-2">{{ $instituicao->name }}</h2>
    <div class="d-flex align-items-center justify-content-center gap-2 flex-wrap mb-2">
        @if($isRegional)
            <span class="badge fs-6 px-3 py-2 d-inline-flex align-items-center gap-1" style="background: var(--tenant-primary);">
                <i class="bi bi-award-fill" aria-hidden="true" style="font-size:1.1rem;"></i>
                Associado à {{ $unidadeRegional->acronym }}
            </span>
        @else
            <span class="badge fs-6 px-3 py-2 d-inline-flex align-items-center gap-1" style="background: var(--tenant-primary);">
                <i class="bi bi-award-fill" aria-hidden="true" style="font-size:1.1rem;"></i>
                Associado Institucional
            </span>
        @endif
        @if($instituicao->discount_badge)
            <span class="badge bg-warning text-dark fs-6 px-3 py-2">{{ $instituicao->discount_badge }}</span>
        @endif
    </div>
</div>

<hr class="my-3">

{{-- Descrição --}}
@if($instituicao->description)
    <p class="text-muted mb-3" style="line-height: 1.8;">{{ $instituicao->description }}</p>
@endif

{{-- Conteúdo detalhado --}}
@if(!empty($htmlContent))
    <div class="mb-4">
        <h3 class="h6 fw-bold mb-2"><i class="bi bi-info-circle me-1 text-primary" aria-hidden="true"></i> Sobre o Convênio</h3>
        <div class="content-rich-viewer text-muted" style="line-height: 1.8;">
            {!! $htmlContent !!}
        </div>
    </div>
@endif

{{-- Benefícios --}}
@if(!empty($benefitsList) || !empty($instituicao->benefits))
    <div class="mb-4">
        <h3 class="h6 fw-bold mb-2"><i class="bi bi-gift me-1 text-primary" aria-hidden="true"></i> Benefícios</h3>
        <div class="row g-2">
            @if(!empty($benefitsList))
                @foreach($benefitsList as $benefit)
                    <div class="col-md-6">
                        <div class="d-flex align-items-center gap-2 p-2 bg-light rounded small">
                            <i class="bi bi-check-circle-fill flex-shrink-0 text-primary"></i>
                            <span>{{ $benefit }}</span>
                        </div>
                    </div>
                @endforeach
            @endif
            @php $benefits = $instituicao->benefits; @endphp
            @if(!empty($benefits))
                @foreach($benefits as $benefit)
                    <div class="col-md-6">
                        <div class="d-flex align-items-center gap-2 p-2 bg-light rounded small">
                            <i class="bi bi-check-circle-fill flex-shrink-0 text-primary"></i>
                            @if(!empty($benefit['link']))
                                <a href="{{ $benefit['link'] }}" target="_blank" rel="noopener noreferrer"
                                   class="text-decoration-none"
                                   aria-label="{{ $benefit['name'] }} — abre em nova aba">{{ $benefit['name'] }}</a>
                            @else
                                <span>{{ $benefit['name'] }}</span>
                            @endif
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
@endif

{{-- Galeria --}}
@if($instituicao->gallery->count() > 0)
    <div class="mb-4">
        <h3 class="h6 fw-bold mb-2"><i class="bi bi-images me-1 text-primary" aria-hidden="true"></i> Galeria</h3>
        <div class="row g-2">
            @foreach($instituicao->gallery as $item)
                @php
                    $imgPath = $item->galleryMedia ? $item->galleryMedia->file_path : $item->image;
                    $imgVariants = $item->galleryMedia && !empty($item->galleryMedia->variants) ? json_decode($item->galleryMedia->variants, true) : [];
                    $imgUrl = v2_storage_url($imgPath);
                @endphp
                <div class="col-4">
                    <a href="{{ $imgUrl }}" target="_blank" rel="noopener noreferrer" class="d-block rounded overflow-hidden">
                        @include('v2-service-media::components.picture', [
                            'originalPath' => $imgPath,
                            'variants' => is_array($imgVariants) ? $imgVariants : [],
                            'alt' => 'Galeria ' . $instituicao->name,
                            'class' => 'img-fluid',
                            'style' => 'width:100%;height:120px;object-fit:cover;',
                            'lazy' => true,
                        ])
                    </a>
                </div>
            @endforeach
        </div>
    </div>
@endif

{{-- Sidebar info --}}
<div class="border-top pt-3 mt-3">
    <div class="d-flex flex-wrap gap-2 justify-content-center">
        @if($instituicao->url)
            <a href="{{ $instituicao->url }}" target="_blank" rel="noopener noreferrer"
               class="btn btn-sm btn-outline-primary rounded-pill"
               aria-label="Visitar site — abre em nova aba">
                <i class="bi bi-box-arrow-up-right me-1" aria-hidden="true"></i> Visitar site
            </a>
        @endif
        @if(!empty($socialNetworks))
            @foreach($socialNetworks as $social)
                @php
                    $networkId = $social['network'] ?? '';
                    $socialIcon = $socialIconMap[$networkId] ?? 'bi-share';
                    $socialLabel = $socialLabelMap[$networkId] ?? ucfirst($networkId);
                @endphp
                @if(!empty($social['url']))
                    <a href="{{ $social['url'] }}" target="_blank" rel="noopener noreferrer"
                       class="btn btn-sm btn-outline-secondary rounded-circle d-flex align-items-center justify-content-center"
                       style="width:36px;height:36px;" title="{{ $socialLabel }}"
                       aria-label="{{ $socialLabel }} — abre em nova aba">
                        <i class="bi {{ $socialIcon }}" aria-hidden="true"></i>
                    </a>
                @endif
            @endforeach
        @endif
    </div>

    {{-- Tags --}}
    @if($instituicao->relationLoaded('tags') && $instituicao->tags->count() > 0)
        <div class="mt-3 text-center">
            @foreach($instituicao->tags as $tag)
                <span class="badge bg-secondary bg-opacity-10 text-secondary rounded-pill">
                    @if($tag->pivot->is_primary)
                        <i class="bi bi-star-fill text-warning me-1"></i>
                    @endif
                    {{ $tag->name }}
                </span>
            @endforeach
        </div>
    @endif
</div>