@php
    $pageTitle = 'Associados Regionais';
    $searchTerm = request()->input('search', '');
    $filterTag = request()->input('category', '');
    $isArchived = request()->route()->getName() === 'v2.associados.cms.instituicoes.archived';
    $storageSvc = app(\V2\Services\Storage\StorageService::class);
    $allTags = \V2\Modules\Conexoes\Associados\Models\AssociadoTag::orderBy('name')->get();
@endphp

@extends('v2-cms::layouts.app', [
    'title'    => $pageTitle . ($isArchived ? ' — Arquivados' : ''),
])

@section('page-breadcrumbs')
    @include('v2-cms::partials.breadcrumb', ['items' => [
        ['label' => 'Conexões'],
        ['label' => 'Associados Regionais' . ($isArchived ? ' — Arquivados' : '')],
    ]])
@endsection

@section('page-actions')
    <div class="d-flex gap-1">
        @include('v2-cms::partials.action-create', [
            'route' => route('v2.associados.cms.instituicoes.create'),
            'label' => 'Nova Instituição'
        ])
        @if($isArchived)
            <a href="{{ route('v2.associados.cms.instituicoes.index') }}"
               class="btn btn-sm btn-outline-secondary d-inline-flex align-items-center gap-1">
                <i class="bi bi-arrow-left"></i> Ativos
            </a>
        @else
            <a href="{{ route('v2.associados.cms.instituicoes.archived') }}"
               class="btn btn-sm btn-outline-warning d-inline-flex align-items-center gap-1">
                <i class="bi bi-archive"></i> Arquivados
            </a>
        @endif
        <button type="button" class="btn btn-sm btn-outline-info d-inline-flex align-items-center gap-1"
                data-bs-toggle="modal" data-bs-target="#conexaoTagModal">
            <i class="bi bi-tags"></i> Gerenciar Tags
        </button>
        <button type="button" class="btn btn-sm btn-outline-info d-inline-flex align-items-center gap-1"
                data-bs-toggle="modal" data-bs-target="#bgImageModal">
            <i class="bi bi-image"></i> Imagem de Fundo
        </button>
</div>
@endsection

@include('v2-cms::partials.conexao-tags-modal')

@section('content')

    <p class="text-muted mb-3">
        Gerencie as instituições associadas.
        Total: <strong>{{ $instituicoes->total() }}</strong> registro(s){{ $isArchived ? ' arquivados' : '' }}.
    </p>

    @component('v2-cms::partials.filter-card', [
        'searchPlaceholder' => 'Buscar por nome...',
        'searchValue'       => $searchTerm,
        'action'            => $isArchived ? route('v2.associados.cms.instituicoes.archived') : route('v2.associados.cms.instituicoes.index'),
        'showDateRange'     => false,
    ])
        <div class="col-md-3">
            <label for="category" class="form-label small fw-medium text-muted mb-1">Tag</label>
            <select name="category" class="form-select form-select-sm" aria-label="Filtrar por tag">
                <option value="">Todas</option>
                @foreach($allTags as $tag)
                    <option value="{{ $tag->id }}" @if($filterTag === $tag->id) selected @endif>{{ $tag->name }}</option>
                @endforeach
            </select>
        </div>
    @endcomponent

    @if($instituicoes->count() > 0)
        <div class="table-responsive">
            <table class="table table-hover align-middle" aria-label="Instituições">
                <thead class="table-light">
                    <tr>
                        <th scope="col" style="width: 50px;">Logo</th>
                        <th scope="col">Nome</th>
                        <th scope="col" style="width: 140px;">Tags</th>
                        <th scope="col" style="width: 110px;">Unidade Regional</th>
                        <th scope="col" style="width: 95px;">Criação</th>
                        <th scope="col" style="width: 70px;">Ativo</th>
                        <th scope="col" style="width: 160px;">Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($instituicoes as $instituicao)
                        <tr>
                            <td>
                                @if($instituicao->logo)
                                    <img alt="{{ $instituicao->name }}" src="{{ v2_storage_url($instituicao->logo) }}" loading="lazy"
                                         style="width: 36px; height: 36px; object-fit: contain;" class="rounded">
                                @else
                                    <span class="text-muted">
                                        <i class="bi bi-building" style="font-size: 1.3rem;"></i>
                                    </span>
                                @endif
                            </td>
                            <td>
                                <a href="{{ route('v2.associados.cms.instituicoes.edit', ['id' => $instituicao->id]) }}"
                                   class="text-decoration-none fw-medium">
                                    {{ $instituicao->name }}
                                </a>
                                @if($instituicao->discount_badge)
                                    <br><span class="badge bg-warning text-dark">{{ $instituicao->discount_badge }}</span>
                                @endif
                            </td>
                            <td>
                                @if($instituicao->relationLoaded('tags') && $instituicao->tags->isNotEmpty())
                                    @foreach($instituicao->tags->take(3) as $tag)
                                        <span class="badge bg-info rounded-pill">{{ $tag->name }}</span>
                                    @endforeach
                                    @if($instituicao->tags->count() > 3)
                                        <span class="badge bg-secondary rounded-pill">+{{ $instituicao->tags->count() - 3 }}</span>
                                    @endif
                                @else
                                    <span class="badge bg-secondary rounded-pill">Sem tags</span>
                                @endif
                            </td>
                            <td>
                                @if($instituicao->relationLoaded('unidadesRegionais') && $instituicao->unidadesRegionais->isNotEmpty())
                                    <small>{{ $instituicao->unidadesRegionais->first()->name }}</small>
                                @else
                                    <small class="text-muted">—</small>
                                @endif
                            </td>
                            <td><small>{{ $instituicao->created_at ? $instituicao->created_at->format('d/m/Y') : '-' }}</small></td>
                            <td>
                                @include('v2-cms::partials.status-badge', ['active' => $instituicao->is_active])
                            </td>
                            <td>
                                <div class="d-flex gap-1 align-items-center">
                                    <a href="{{ route('v2.associados.portal.show', ['slug' => $instituicao->slug]) }}"
                                       target="_blank" rel="noopener noreferrer"
                                       class="btn btn-sm btn-outline-success" title="Ver no portal">
                                        <i class="bi bi-globe"></i>
                                    </a>
                                    <a href="{{ route('v2.associados.cms.instituicoes.edit', ['id' => $instituicao->id]) }}"
                                       class="btn btn-sm btn-outline-primary" title="Editar">
                                        <i class="bi bi-pencil"></i>
                                    </a>
                                    @v2can('Associados', 'write')
                                    @if(!$isArchived)
                                    <form action="{{ route('v2.associados.cms.instituicoes.destroy', ['id' => $instituicao->id]) }}"
                                          method="POST" class="d-inline mb-0"
                                          onsubmit="return confirm('Deseja arquivar &quot;{{ $instituicao->name }}&quot;?')">
                                        {{ csrf_field() }}
                                        {{ method_field('DELETE') }}
                                        <button type="submit" class="btn btn-sm btn-outline-danger" title="Arquivar">
                                            <i class="bi bi-archive"></i>
                                        </button>
                                    </form>
                                    @else
                                    <form action="{{ route('v2.associados.cms.instituicoes.restore', ['id' => $instituicao->id]) }}"
                                          method="POST" class="d-inline mb-0"
                                          onsubmit="return confirm('Restaurar &quot;{{ $instituicao->name }}&quot;?')">
                                        {{ csrf_field() }}
                                        <button type="submit" class="btn btn-sm btn-outline-success" title="Restaurar">
                                            <i class="bi bi-arrow-counterclockwise"></i>
                                        </button>
                                    </form>
                                    @endif
                                    @endv2can
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($instituicoes->hasPages())
        <div class="d-flex justify-content-center mt-4">
            {{ $instituicoes->appends(request()->except('page'))->links('v2-cms::partials.pagination') }}
        </div>
        @endif
    @else
        <div class="text-center py-5">
            <i class="bi bi-building" style="font-size: 3rem; color: var(--bs-secondary-color);" aria-hidden="true"></i>
            <h2 class="h5 mt-3 text-muted">{{ $isArchived ? 'Nenhum registro arquivado' : 'Nenhum registro encontrado' }}</h2>
            @if(!empty($searchTerm) || !empty($filterTag))
                <p class="text-muted">Tente ajustar os filtros ou limpar a busca.</p>
                <a href="{{ $isArchived ? route('v2.associados.cms.instituicoes.archived') : route('v2.associados.cms.instituicoes.index') }}"
                   class="btn btn-outline-primary">
                    <i class="bi bi-x-circle me-1" aria-hidden="true"></i> Limpar Filtros
                </a>
            @elseif(!$isArchived)
                <p class="text-muted">Comece criando o primeiro registro.</p>
                <a href="{{ route('v2.associados.cms.instituicoes.create') }}" class="btn btn-primary">
                    <i class="bi bi-plus-circle me-1" aria-hidden="true"></i> Criar Primeiro
                </a>
            @endif
        </div>
    @endif

{{-- Modal Imagem de Fundo --}}
<div class="modal fade" id="bgImageModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form action="{{ route('v2.associados.cms.instituicoes.save-bg') }}" method="POST">
            {{ csrf_field() }}
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"><i class="bi bi-image me-1 text-primary"></i> Imagem de Fundo — Associados Regionais</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
                </div>
                <div class="modal-body">
                    <p class="text-muted small mb-3">Selecione uma imagem para o fundo da página principal de Associados Regionais. Recomendado: 1920×400px.</p>
                    @include('v2-service-media::components.media-input', [
                        'name' => 'image_id',
                        'label' => 'Imagem de Fundo',
                        'accept' => 'image/*',
                        'required' => true,
                        'ownerModule' => 'associados',
                        'currentId' => '',
                        'currentUrl' => '',
                        'currentAlt' => '',
                    ])
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Salvar</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@include('v2-cms::partials.conexao-tags-modal')