@php
    function renderStructure($item)
    {
        $isArtigo = ($item['structureType']->abrev ?? '') === 'Art.';

        if (!empty($item['children'])) {
            foreach ($item['allVersions'] as $version) {
                $isRevogada = false;
                $isAdicionada = false;
                $isAtual = $version['isCurrent'];
                $alterations = $version['alteration'] ?? [];

                if (!is_array($alterations) || isset($alterations['type'])) {
                    $alterations = [$version['alteration']];
                }

                foreach ($alterations as $alt) {
                    if (!empty($alt['type'])) {
                        if ($alt['type'] === 'revogado') {
                            $isRevogada = true;
                        }
                        if ($alt['type'] === 'adicionado') {
                            $isAdicionada = true;
                        }
                    }
                }

                echo '<li class="structure_line ' .
                    (!$isAtual ? 'alterada ' : '') .
                    ($isRevogada ? 'revogada ' : '') .
                    ($isAdicionada ? 'adicionada ' : '') .
                    '" style="margin-bottom: 15px; padding: 12px; border-radius: 6px; transition: background 0.2s;" onmouseover="this.style.background=\'#f8f9fa\'" onmouseout="this.style.background=\'transparent\'">';

                $style = $item['isCentered']
                    ? 'text-align:center; display:block; width:100%;'
                    : 'text-align:left; display:flex; align-items:flex-start;';

                echo '<div class="structure-item" style="' . $style . '">';

                if ($item['showAbrev'] && $item['structureType']) {
                    if ($isArtigo && !$item['isCentered']) {
                        echo '<span class="badge-artigo" style="background: #2c3e50; color: white; padding: 4px 12px; border-radius: 14px; font-size: 0.9rem; font-weight: 600; margin-right: 12px; white-space: nowrap; border: 1px solid #1a2530; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">' .
                            e($item['structureType']->abrev) .
                            ' ' .
                            e($item['orderText']) .
                            '</span>';
                    } else {
                        echo '<strong style="white-space:nowrap; margin-right:8px; color: #2c3e50; font-size: 1.05rem;">' .
                            e($item['structureType']->abrev) .
                            ' ' .
                            e($item['orderText']) .
                            ($item['isCentered'] ? '' : ' - ') .
                            '</strong>';
                    }
                } else {
                    echo '<strong style="white-space:nowrap; margin-right:8px; color: #2c3e50; font-size: 1.05rem;">' .
                        e($item['orderText']) .
                        ($item['isCentered'] ? '' : ' - ') .
                        '</strong>';
                }

                if (!empty(trim($version['structure']->content ?? ''))) {
                    if (!$isAtual) {
                        echo '<span style="font-size:1.05rem; line-height:1.6; font-family: \"Arial Unicode MS\", sans-serif;">
                            <del style="color:#000;">' .
                            $version['structure']->content .
                            '</del>
                          </span>';
                    } else {
                        echo '<span style="font-size:1.05rem; line-height:1.6; color:#000; font-family: \"Arial Unicode MS\", sans-serif;">' .
                            $version['structure']->content .
                            '</span>';
                    }
                }

                echo '</div>';

                foreach ($alterations as $alteration) {
                    if (!empty($alteration['text'])) {
                        $type = $alteration['type'] ?? '';
                        $class =
                            $type === 'revogado'
                                ? 'text-danger fw-bold'
                                : ($type === 'adicionado'
                                    ? 'text-success fw-bold'
                                    : 'text-primary');
                        $text = e($alteration['text']);

                        echo '<div class="alteration-link" style="margin:8px 0 0 0; padding: 8px 12px; background: #f8f9fa; border-radius: 6px; border-left: 3px solid ' .
                            ($type === 'revogado' ? '#3B3B3B' : ($type === 'adicionado' ? '#28a745' : '#007bff')) .
                            '; ' .
                            ($item['isCentered'] ? 'text-align:center;' : 'text-align:left;') .
                            '">';
                        if (!empty($alteration['link'])) {
                            echo '<a href="' .
                                e($alteration['link']) .
                                '" class="' .
                                $class .
                                '" style="text-decoration: none; font-size: 0.9rem;">' .
                                $text .
                                '</a>';
                        } else {
                            echo '<span class="' . $class . '" style="font-size: 0.9rem;">' . $text . '</span>';
                        }
                        echo '</div>';
                    }
                }

                echo '</li>';

                if ($isAtual && !$isRevogada) {
                    echo '<ul style="list-style:none; padding-left:25px; margin-top:12px; border-left: 2px solid #e9ecef;">';
                    foreach ($item['children'] as $child) {
                        renderStructure($child);
                    }
                    echo '</ul>';
                }
            }
        } else {
            foreach ($item['allVersions'] as $version) {
                $isRevogada = false;
                $isAdicionada = false;
                $isAtual = $version['isCurrent'];
                $alterations = $version['alteration'] ?? [];

                if (!is_array($alterations) || isset($alterations['type'])) {
                    $alterations = [$version['alteration']];
                }

                foreach ($alterations as $alt) {
                    if (!empty($alt['type'])) {
                        if ($alt['type'] === 'revogado') {
                            $isRevogada = true;
                        }
                        if ($alt['type'] === 'adicionado') {
                            $isAdicionada = true;
                        }
                    }
                }

                echo '<li class="structure_line ' .
                    (!$isAtual ? 'alterada ' : '') .
                    ($isRevogada ? 'revogada ' : '') .
                    ($isAdicionada ? 'adicionada ' : '') .
                    '" style="margin-bottom: 15px; padding: 12px; border-radius: 6px; transition: background 0.2s;" onmouseover="this.style.background=\'#f8f9fa\'" onmouseout="this.style.background=\'transparent\'">';

                $style = $item['isCentered']
                    ? 'text-align:center; display:block; width:100%;'
                    : 'text-align:left; display:flex; align-items:flex-start;';

                echo '<div class="structure-item" style="' . $style . '">';

                if ($item['showAbrev'] && $item['structureType']) {
                    if ($isArtigo && !$item['isCentered']) {
                        echo '<span class="badge-artigo" style="background: #2c3e50; color: white; padding: 4px 12px; border-radius: 14px; font-size: 0.9rem; font-weight: 600; margin-right: 12px; white-space: nowrap; border: 1px solid #1a2530; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">' .
                            e($item['structureType']->abrev) .
                            ' ' .
                            e($item['orderText']) .
                            '</span>';
                    } else {
                        echo '<strong style="white-space:nowrap; margin-right:8px; color: #2c3e50; font-size: 1.05rem;">' .
                            e($item['structureType']->abrev) .
                            ' ' .
                            e($item['orderText']) .
                            ($item['isCentered'] ? '' : ' - ') .
                            '</strong>';
                    }
                } else {
                    echo '<strong style="white-space:nowrap; margin-right:8px; color: #2c3e50; font-size: 1.05rem;">' .
                        e($item['orderText']) .
                        ($item['isCentered'] ? '' : ' - ') .
                        '</strong>';
                }

                if (!empty(trim($version['structure']->content ?? ''))) {
                    if (!$isAtual) {
                        echo '<span style="font-size:1.05rem; line-height:1.6; font-family: \"Arial Unicode MS\", sans-serif;">
                            <del style="color:#000;">' .
                            $version['structure']->content .
                            '</del>
                          </span>';
                    } else {
                        echo '<span style="font-size:1.05rem; line-height:1.6; color:#000; font-family: \"Arial Unicode MS\", sans-serif;">' .
                            $version['structure']->content .
                            '</span>';
                    }
                }

                echo '</div>';

                foreach ($alterations as $alteration) {
                    if (!empty($alteration['text'])) {
                        $type = $alteration['type'] ?? '';
                        $class =
                            $type === 'revogado'
                                ? 'text-danger fw-bold'
                                : ($type === 'adicionado'
                                    ? 'text-success fw-bold'
                                    : 'text-primary');
                        $text = e($alteration['text']);

                        echo '<div class="alteration-link" style="margin:8px 0 0 0; padding: 8px 12px; background: #f8f9fa; border-radius: 6px; border-left: 3px solid ' .
                            ($type === 'revogado' ? '#dc3545' : ($type === 'adicionado' ? '#28a745' : '#007bff')) .
                            '; ' .
                            ($item['isCentered'] ? 'text-align:center;' : 'text-align:left;') .
                            '">';
                        if (!empty($alteration['link'])) {
                            echo '<a href="' .
                                e($alteration['link']) .
                                '" class="' .
                                $class .
                                '" style="text-decoration: none; font-size: 0.9rem;">' .
                                $text .
                                '</a>';
                        } else {
                            echo '<span class="' . $class . '" style="font-size: 0.9rem;">' . $text . '</span>';
                        }
                        echo '</div>';
                    }
                }

                echo '</li>';
            }
        }
    }
@endphp

<div
    style="position: fixed; top: 20px; right: 20px; z-index: 1000; background: white; padding: 12px; border-radius: 10px; box-shadow: 0 3px 12px rgba(0,0,0,0.15); border: 1px solid #e9ecef; display: flex; align-items: center; gap: 8px;">
    <input type="text" id="lawSearch" placeholder="🔍 Buscar na lei..."
        style="padding: 10px 14px; border: 1px solid #ddd; border-radius: 20px; width: 260px; font-size: 0.92rem; outline: none; transition: all 0.3s;"
        onkeyup="searchArticles(this.value)" onfocus="this.style.borderColor='#2c3e50'"
        onblur="this.style.borderColor='#ddd'">
    <button onclick="clearSearchAndScrollToTop()"
        style="background: #6c757d; color: white; border: none; padding: 10px 14px; border-radius: 20px; font-size: 0.85rem; cursor: pointer; transition: all 0.3s; white-space: nowrap;"
        onmouseover="this.style.background='#5a6268'" onmouseout="this.style.background='#6c757d'">
        🗙 Limpar
    </button>
</div>

<div id="lawIndex"
    style="position: fixed; left: 20px; top: 20px; z-index: 1000; background: white; padding: 16px; border-radius: 10px; box-shadow: 0 3px 12px rgba(0,0,0,0.15); max-height: 80vh; overflow-y: auto; width: 280px; border: 1px solid #e9ecef;">
    <div
        style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #e9ecef;">
        <h5 style="margin: 0; font-size: 1.05rem; color: #2c3e50; font-weight: 600;">📋 Índice da Lei</h5>
        <button onclick="toggleIndex()"
            style="background: #6c757d; color: white; border: none; padding: 5px 10px; border-radius: 5px; font-size: 0.8rem; cursor: pointer; transition: background 0.2s;"
            onmouseover="this.style.background='#5a6268'" onmouseout="this.style.background='#6c757d'">X</button>
    </div>
    <div class="law-index">
        @foreach ($processedStructures as $index => $item)
            <div class="index-item" style="margin: 5px 0;">
                                <a href="javascript:void(0)"
                    style="text-decoration: none; color: #495057; font-size: 0.88rem; padding: 6px 10px; display: block; border-radius: 5px; transition: all 0.2s; border-left: 3px solid #2c3e50;"
                    onmouseover="this.style.background='#f8f9fa'; this.style.color='#2c3e50'"
                    onmouseout="this.style.background='transparent'; this.style.color='#495057'"
                    onclick="highlightArticle('art-1')">
                    <strong>{{ $item['structureType']->abrev ?? '' }}</strong> {{ $item['orderText'] }}
                </a>
            </div>
        @endforeach
    </div>
</div>

<button id="showIndexBtn" onclick="showIndex()"
    style="position: fixed; left: 20px; top: 20px; z-index: 999; background: #2c3e50; color: white; border: none; padding: 10px 14px; border-radius: 8px; font-size: 0.9rem; cursor: pointer; display: none; box-shadow: 0 2px 8px rgba(0,0,0,0.2); transition: all 0.3s;"
    onmouseover="this.style.background='#1a2530'; this.style.transform='translateY(-1px)'"
    onmouseout="this.style.background='#2c3e50'; this.style.transform='translateY(0)'">
    📋 Mostrar Índice
</button>

<div style="margin: 20px 0 0 auto; padding: 20px 0px; min-height: 100vh;">
    <ul class="law-structure-list" style="list-style:none; padding-left:0; margin:0;">
        @foreach ($processedStructures as $item)
            @php renderStructure($item); @endphp
        @endforeach
    </ul>
</div>

<link rel="stylesheet" href="{{ asset('assets/css/tabelas.css') }}">
@include('maker.scripts.search')
@include('maker.scripts.tabelas')