@php
    /** @var \V2\Modules\Conexoes\Associados\Models\AssociadoInstituicao $instituicao */
    $tagsCollection = $instituicao->relationLoaded('tags') ? $instituicao->tags : collect();
    $previewStorage = app(\V2\Services\Storage\StorageService::class);
@endphp

@extends('v2-portal::app-layout', [
    'pageTitle'             => 'Preview — ' . $instituicao->name,
    'fullWidthMain'         => true,
    'showHeader'            => false,
    'showMainHeader'        => false,
    'showMainFooter'        => false,
    'showFooter'            => false,
    'showAccessibilityBar'  => false,
    'showMainLeftArea'      => false,
    'showMainRightArea'     => false,
])

@section('main-section-area')
<style>
.preview-notice {
    background: #fff3cd;
    color: #856404;
    text-align: center;
    padding: 10px;
    font-size: var(--text-base);
    font-weight: 600;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    border-top: 2px solid #f0c27b;
}
</style>

{{-- Simulated portal background --}}
<section class="team-section section-padding section-bg" style="min-height: 100vh;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8 col-lg-6">
                <div class="card border-0 shadow-sm">
                    <div class="card-body text-center p-5">
                        @if($instituicao->logo)
                            <img alt="{{ $instituicao->name }}"
                                 src="{{ $previewStorage->url($instituicao->logo) }}"
                                 loading="lazy" class="mb-3"
                                 style="max-height: 100px; width: auto; object-fit: contain;">
                        @else
                            <div class="mb-3 text-primary">
                                <i class="bi bi-building" style="font-size: 3rem;"></i>
                            </div>
                        @endif

                        <h3 class="fw-bold mb-1">{{ $instituicao->name }}</h3>
                        <div class="mb-3">
                            @if($tagsCollection->isNotEmpty())
                                @foreach($tagsCollection as $tag)
                                    <span class="badge bg-info">{{ $tag->name }}</span>
                                @endforeach
                            @else
                                <span class="badge bg-secondary">Sem tags</span>
                            @endif
                        </div>

                        @if($instituicao->url || $instituicao->linkedin_url || $instituicao->instagram_url || $instituicao->facebook_url)
                            <div class="d-flex justify-content-center gap-2 mb-3">
                                @if($instituicao->url)
                                    <a href="{{ $instituicao->url }}" target="_blank" rel="noopener noreferrer"
                                       class="btn btn-sm btn-outline-primary rounded-circle"
                                       style="width:38px;height:38px;" title="Site">
                                        <i class="bi bi-globe2"></i>
                                    </a>
                                @endif
                                @if($instituicao->linkedin_url)
                                    <a href="{{ $instituicao->linkedin_url }}" target="_blank" rel="noopener noreferrer"
                                       class="btn btn-sm btn-outline-primary rounded-circle"
                                       style="width:38px;height:38px;" title="LinkedIn">
                                        <i class="bi bi-linkedin"></i>
                                    </a>
                                @endif
                                @if($instituicao->instagram_url)
                                    <a href="{{ $instituicao->instagram_url }}" target="_blank" rel="noopener noreferrer"
                                       class="btn btn-sm btn-outline-primary rounded-circle"
                                       style="width:38px;height:38px;" title="Instagram">
                                        <i class="bi bi-instagram"></i>
                                    </a>
                                @endif
                                @if($instituicao->facebook_url)
                                    <a href="{{ $instituicao->facebook_url }}" target="_blank" rel="noopener noreferrer"
                                       class="btn btn-sm btn-outline-primary rounded-circle"
                                       style="width:38px;height:38px;" title="Facebook">
                                        <i class="bi bi-facebook"></i>
                                    </a>
                                @endif
                            </div>
                        @endif

                        @if($instituicao->discount_badge)
                            <span class="badge bg-warning text-dark fs-6 mb-2">{{ $instituicao->discount_badge }}</span>
                        @endif

                        @if(!empty($htmlContent))
                            <hr class="my-3">
                            <div class="text-muted" style="line-height:1.8;text-align:left;">
                                {!! $htmlContent !!}
                            </div>
                        @endif

                        @if(!empty($benefits))
                            <hr class="my-3">
                            <div class="text-start">
                                <h6 class="fw-bold mb-2"><i class="bi bi-gift me-1"></i> Benefícios</h6>
                                <ul class="list-unstyled mb-0">
                                    @foreach($benefits as $benefit)
                                        <li class="d-flex align-items-center gap-2 mb-1">
                                            <i class="bi bi-check-circle text-success flex-shrink-0"></i>
                                            @if(!empty($benefit['link']))
                                                <a href="{{ $benefit['link'] }}" target="_blank" rel="noopener noreferrer"
                                                   class="text-decoration-none">{{ $benefit['name'] }}</a>
                                            @else
                                                <span>{{ $benefit['name'] }}</span>
                                            @endif
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="preview-notice">
    <i class="bi bi-eye me-1"></i> Preview — {{ $instituicao->name }}
</div>
@endsection