@php
    $pageTitle = 'Parceiros';
    $searchTerm = request()->input('search', '');
@endphp

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

@section('page-breadcrumbs')
    @include('v2-cms::partials.breadcrumb', ['items' => [
        ['label' => 'Conexões'],
        ['label' => 'Parceiros'],
    ]])
@endsection

@section('page-actions')
    <a href="{{ route('v2.parceiros-institucionais.portal.index') }}" target="_blank" class="btn btn-outline-secondary btn-sm" title="Abrir página pública em nova aba">
        <i class="bi bi-box-arrow-up-right me-1"></i> Ver página
    </a>
    <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>
    @include('v2-cms::partials.action-create', [
        'route' => route('v2.parceiros-institucionais.cms.create'),
        'label' => 'Novo Parceiro'
    ])
@endsection

@section('content')

    <p class="text-muted mb-3">{{ $parceiros->total() }} registros encontrados</p>

    @component('v2-cms::partials.filter-card', [
        'searchPlaceholder' => 'Buscar por nome ou descrição...',
        'searchValue'       => $searchTerm,
        'action'            => route('v2.parceiros-institucionais.cms.index'),
    ])
    @endcomponent

    @if($parceiros->count() > 0)
        <div class="table-responsive">
            <table class="table table-hover align-middle" aria-label="Lista de parceiros">
                <thead class="table-light">
                    <tr>
                        <th scope="col" style="width: 60px;">Logo</th>
                        <th scope="col">Nome</th>
                        <th scope="col" style="width: 180px;">Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($parceiros as $item)
                        <tr>
                            <td>
                                @if($item->logo_id)
                                    <span class="text-muted"><i class="bi bi-image" style="font-size: 1.3rem;"></i></span>
                                @else
                                    <span class="text-muted"><i class="bi bi-handshake" style="font-size: 1.3rem;"></i></span>
                                @endif
                            </td>
                            <td>
                                <a href="{{ route('v2.parceiros-institucionais.cms.edit', ['id' => $item->id]) }}"
                                   class="text-decoration-none fw-medium">
                                    {{ $item->name }}
                                </a>
                                @if($item->slug)
                                    <br><small class="text-muted">/{{ $item->slug }}</small>
                                @endif
                            </td>
                            <td>
                                <div class="d-flex gap-1 align-items-center">
                                    <button type="button"
                                            class="btn btn-sm {{ $item->is_active ? 'btn-outline-success' : 'btn-outline-secondary' }} btn-toggle-active"
                                            data-id="{{ $item->id }}"
                                            data-active="{{ $item->is_active ? '1' : '0' }}"
                                            title="{{ $item->is_active ? 'Desativar' : 'Ativar' }}">
                                        <i class="bi {{ $item->is_active ? 'bi-toggle-on' : 'bi-toggle-off' }}"></i>
                                    </button>
                                    <a href="{{ route('v2.parceiros-institucionais.cms.edit', ['id' => $item->id]) }}"
                                       class="btn btn-sm btn-outline-primary" title="Editar">
                                        <i class="bi bi-pencil"></i>
                                    </a>
                                    @php $archiveFormId = 'archive-form-' . $item->id; @endphp
                                    <form action="{{ route('v2.parceiros-institucionais.cms.destroy', ['id' => $item->id]) }}"
                                          method="POST" class="d-inline mb-0" id="{{ $archiveFormId }}"
                                          onsubmit="return confirm('Tem certeza que deseja realizar esta ação?')">
                                        {{ csrf_field() }}
                                        {{ method_field('DELETE') }}
                                        <button type="button" class="btn btn-sm btn-outline-secondary"
                                                data-confirm-modal
                                                data-confirm-title="Arquivar Parceiro"
                                                data-confirm-body='Deseja arquivar "{{ $item->name }}"?'
                                                data-confirm-icon="bi-archive"
                                                data-confirm-btn-text="Arquivar"
                                                data-confirm-btn-class="btn-secondary"
                                                data-confirm-hint="O parceiro pode ser reativado depois."
                                                data-confirm-form-id="{{ $archiveFormId }}"
                                                title="Arquivar parceiro">
                                            <i class="bi bi-archive"></i>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

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

    @include('v2-cms::partials._confirm-modal')
@endsection

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

@push('js')
<script>
$(document).ready(function() {
    var toggleUrlBase = '{{ route('v2.parceiros-institucionais.cms.toggle', ['id' => '__ID__']) }}';
    var csrfToken = '{{ csrf_token() }}';

    function buildToggleUrl(id) {
        return toggleUrlBase.replace('__ID__', id);
    }

    $(document).on('click', '.btn-toggle-active', function() {
        var $btn = $(this);
        var id = $btn.data('id');

        $.ajax({
            url: buildToggleUrl(id),
            method: 'POST',
            data: {
                _token: csrfToken
            },
            success: function() {
                location.reload();
            },
            error: function() {
                alert('Erro ao alterar status. Tente novamente.');
            }
        });
    });
});
</script>
@endpush