@php
    /** @var \V2\Modules\Conexoes\Associados\Models\AssociadoInstituicao $instituicao */
    /** @var \V2\Services\Storage\StorageService $portalStorage */
@endphp

<div class="col-md-6 d-flex">
    <div class="team-box-items mt-0 associado-card d-flex flex-column h-100 w-100"
         data-id="{{ $instituicao->id }}"
         data-bs-toggle="modal"
         data-bs-target="#associadoModal"
         role="button"
         tabindex="0"
         aria-label="Ver detalhes de {{ $instituicao->name }}">
        <div class="team-img align-items-start flex-shrink-0">
            @if($instituicao->logo)
                <img alt="{{ $instituicao->name }}" src="{{ v2_storage_url($instituicao->logo) }}"
                     style="width:185px;height:185px;object-fit:contain;padding:20px;background:var(--color-bg-canvas);margin:0 auto;display:block;"
                     loading="lazy" decoding="async" width="185" height="185">
            @else
                <div style="width:185px;height:185px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-canvas);margin:0 auto;"
                     aria-hidden="true">
                    <i class="bi bi-building text-primary" style="font-size:3rem;"></i>
                </div>
            @endif
        </div>
        <div class="team-content d-flex flex-column flex-grow-1">
            <div class="flex-shrink-0">
                <h3>{{ $instituicao->name }}</h3>
                @if($instituicao->discount_badge)
                    <span class="badge bg-warning text-dark fs-6 mb-2">{{ $instituicao->discount_badge }}</span>
                @endif
                @if($instituicao->relationLoaded('tags') && $instituicao->tags->count() > 0)
                    <div class="mb-2">
                        @foreach($instituicao->tags->take(3) as $tag)
                            <span class="badge bg-secondary bg-opacity-25 text-dark rounded-pill small">
                                @if($tag->pivot->is_primary)
                                    <i class="bi bi-star-fill text-warning me-1" aria-hidden="true"></i>
                                @endif
                                {{ $tag->name }}
                            </span>
                        @endforeach
                    </div>
                @endif
            </div>
            <p class="flex-grow-1">{{ $instituicao->description ? str_limit($instituicao->description, 250) : 'Instituição associada regional oferecendo benefícios exclusivos para associados SUCESU.' }}</p>
            <div class="mt-auto pt-2">
                <span class="link-btn link-btn2">
                    Ver Detalhes <i class="bi bi-box-arrow-up-right"></i>
                </span>
            </div>
        </div>
    </div>
</div>