@extends('appshell::layouts.private')

@section('title')
    {{ $user->name }}
@stop

@section('content')

    {{-- Quick-access menu for this user --}}
    <div class="mb-3 d-flex flex-wrap gap-2">
        <a href="{{ route('admin.backup.records', $user) }}" class="btn btn-sm btn-outline-primary">Backup Records</a>
        <a href="{{ route('admin.backup.operations', $user) }}" class="btn btn-sm btn-outline-primary">Backup Operations</a>
    </div>

    <div class="row">
        <div class="col-sm-6 col-md-4 mb-3">
            @component('appshell::widgets.card_with_icon', [
                    'icon' => 'user',
                    'type' => 'primary'
            ])
                {{ $user->name }}
                @slot('subtitle')
                    {{ $user->email }}
                @endslot
            @endcomponent
        </div>

        <div class="col-sm-6 col-md-8 mb-3">
            @component('appshell::widgets.card_with_icon', ['icon' => 'time', 'type' => 'info'])
                {{ __('Created at') }} {{ show_datetime($user->created_at) }}
                @slot('subtitle')
                    {{ __('Last login') }} {{ optional($user->last_login_at) ? show_datetime($user->last_login_at) : __('N/A') }}
                @endslot
            @endcomponent
        </div>
    </div>

        <div class="card mb-3">
            <div class="card-body">
                <div class="mt-2">
                    <p class="mb-0"><strong>{{ __('Plugin Authorized At') }}:</strong> {{ $user->plugin_authorized_at ? show_datetime($user->plugin_authorized_at) : __('(not authorized)') }}</p>
                    <p class="mb-0 d-flex align-items-center"><strong class="me-2">{{ __('Plugin Revoked At') }}:</strong> <span class="me-3">{{ $user->plugin_revoked_at ? show_datetime($user->plugin_revoked_at) : __('(not revoked)') }}</span>
                        <form method="POST" action="{{ route('appshell.people.toggle_auth', $user) }}" class="mb-0">
                            @csrf
                            @if($user->is_auth_token)
                                <button type="submit" class="btn btn-sm btn-outline-warning" onclick="return confirm('{{ __('Revoke plugin access for this user?') }}')">{{ __('Revoke') }}</button>
                            @else
                                <button type="submit" class="btn btn-sm btn-outline-success" onclick="return confirm('{{ __('Restore plugin access for this user?') }}')">{{ __('Restore') }}</button>
                            @endif
                        </form>
                    </p>
                    <p class="mb-0"><strong>{{ __('Pending Plugin Domain') }}:</strong> {{ $user->plugin_pending_domain ?? __('(none)') }}</p>
                    <p class="mb-0"><strong>{{ __('Pending Plugin IP') }}:</strong> {{ $user->plugin_pending_ip ?? __('(none)') }}</p>
                    <p class="mb-0"><strong>{{ __('Plugin Last Connected At') }}:</strong> {{ $user->plugin_last_connected_at ? show_datetime($user->plugin_last_connected_at) : __('(never)') }}</p>
                </div>
                <form method="POST" action="{{ route('appshell.people.regenerate', $user) }}" class="mt-2">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('{{ __('Regenerate keypair? This will generate a new RSA keypair and invalidate the previous public key.') }}')">{{ __('Regenerate keypair') }}</button>
                </form>

                <div class="mt-2 d-flex gap-2 align-items-center">
                    <h5>{{ __('Plugin Public Key (PEM)') }}</h5>
                    <p class="mb-0">
                        <pre id="pluginKeyBlock" style="white-space:pre-wrap;word-break:break-word;">{{ $user->plugin_key ?? __('(not set)') }}</pre>
                    </p>
                    <div class="mt-1">
                        <button type="button" class="btn btn-sm btn-outline-secondary" onclick="navigator.clipboard.writeText(document.getElementById('pluginKeyBlock').innerText).then(()=>alert('{{ __('Copied public key to clipboard') }}'))">{{ __('Copy public key') }}</button>
                        <form method="POST" action="{{ route('vanilo.admin.people.send_test_hook', $user) }}" style="display:inline">
                            @csrf
                            <button type="submit" class="btn btn-sm btn-outline-primary">{{ __('Send Test Hook') }}</button>
                        </form>
                    </div>
                </div>
                    @if(session('new_public_key'))
                        <div class="alert alert-success mt-2">
                            <strong>{{ __('New public key generated') }}</strong>
                            <pre style="white-space:pre-wrap;word-break:break-word;">{{ session('new_public_key') }}</pre>
                            <div><button type="button" class="btn btn-sm btn-outline-secondary" onclick="navigator.clipboard.writeText(`{{ addslashes(session('new_public_key')) }}`).then(()=>alert('{{ __('Copied public key to clipboard') }}'))">{{ __('Copy new public key') }}</button></div>
                        </div>
                    @endif

                    @if(!empty($privatePartial))
                        <div class="mt-3">
                            <h6>{{ __('Private Key Info (masked)') }}</h6>
                            <p class="mb-1"><strong>{{ __('Fingerprint') }}:</strong> <code>{{ $privateFingerprint }}</code></p>
                            <p class="mb-0"><strong>{{ __('Private Key (partial, masked)') }}:</strong></p>
                            <pre style="white-space:pre-wrap;word-break:break-word;">{{ $privatePartial }}</pre>
                        </div>
                    @endif
                <div class="mt-3">
                    <h5>{{ __('Domain Binding') }}</h5>
                    @php
                        $dh = $user->plugin_domain_hash;
                        $masked = $dh ? (substr($dh, 0, 6) . '...' . substr($dh, -6)) : __('(none)');
                    @endphp
                    <p class="mb-1"><strong>{{ __('Domain Hash (masked)') }}:</strong> <code>{{ $masked }}</code></p>

                    <div class="d-flex gap-2">
                        <form method="POST" action="{{ route('appshell.people.reset_domain', $user) }}">
                            @csrf
                            <input type="hidden" name="mode" value="cooldown" />
                            <button type="submit" class="btn btn-sm btn-outline-secondary" onclick="return confirm('{{ __('Reset domain binding with cooldown?') }}')">{{ __('Reset (cooldown)') }}</button>
                        </form>

                        <form method="POST" action="{{ route('appshell.people.reset_domain', $user) }}">
                            @csrf
                            <input type="hidden" name="mode" value="immediate" />
                            <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('{{ __('Reset domain binding immediately? This will require immediate re-authorization.') }}')">{{ __('Reset (immediate)') }}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    <div class="card mb-3">
        <div class="card-body">
            <h5>{{ __('Addresses') }}</h5>
            <ul>
                @foreach($user->addresses as $addr)
                    <li>{{ $addr->address }}, {{ $addr->city }} {{ $addr->postalcode }} ({{ $addr->country_id }})</li>
                @endforeach
            </ul>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-body">
            <h5>{{ __('Purchased Products') }}</h5>
            @if(isset($purchasedProducts) && $purchasedProducts->isNotEmpty())
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>{{ __('SKU') }}</th>
                            <th>{{ __('Name') }}</th>
                            <th>{{ __('Quantity') }}</th>
                            <th>{{ __('Subscriptions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($purchasedProducts as $p)
                        <tr>
                            <td>{{ $p['sku'] }}</td>
                            <td>{{ $p['name'] }}</td>
                            <td>{{ $p['quantity'] }}</td>
                            <td>
                                @php
                                    $subs = collect($p['subscriptions'] ?? []);
                                    $now = \Carbon\Carbon::now();
                                    $current = $subs->first(function($s) use ($now) {
                                        return isset($s['start'], $s['expiry']) && $s['start'] && $s['expiry'] && $s['start']->lte($now) && $s['expiry']->gte($now);
                                    });
                                    $last = $subs->sortByDesc(function($s) { return isset($s['expiry']) && $s['expiry'] ? $s['expiry']->getTimestamp() : 0; })->first();
                                @endphp

                                @if($current)
                                    <div class="text-success">{{ $current['start']->format('Y-m-d') }} — {{ $current['expiry']->format('Y-m-d') }}</div>
                                @elseif($last)
                                    @php $expired = isset($last['expiry']) && $last['expiry'] && $last['expiry']->lt($now); @endphp
                                    <div class="{{ $expired ? 'text-danger' : '' }}">{{ optional($last['start'])->format('Y-m-d') ?? '-' }} @if(!empty($last['expiry'])) — {{ $last['expiry']->format('Y-m-d') }} @endif</div>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @else
                <p class="text-muted">{{ __('No purchased products found.') }}</p>
            @endif
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-body">
            <h5>{{ __('Gifted Products') }}</h5>
            <form method="POST" action="{{ route('appshell.people.gift', $user) }}" class="row g-2 align-items-end">
                @csrf
                <div class="col-md-6">
                    <label class="form-label">{{ __('Product') }}</label>
                    <select name="product_id" class="form-select" required>
                        @foreach($allProducts as $prod)
                            <option value="{{ $prod->id }}">{{ $prod->sku }} — {{ $prod->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">{{ __('Start Date') }}</label>
                    <input type="date" name="start_date" class="form-control" value="{{ now()->format('Y-m-d') }}" required>
                </div>
                <div class="col-md-3">
                    <label class="form-label">{{ __('End Date') }}</label>
                    <input type="date" name="end_date" class="form-control" value="{{ now()->addMonth()->format('Y-m-d') }}" required>
                </div>
                <div class="col-12">
                    <button class="btn btn-primary">{{ __('Gift Product') }}</button>
                </div>
            </form>
            <hr />
            <h6 class="mt-3">{{ __('Existing Gifts') }}</h6>
            @if(isset($giftedProducts) && $giftedProducts->isNotEmpty())
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>{{ __('SKU') }}</th>
                            <th>{{ __('Name') }}</th>
                            <th>{{ __('Start') }}</th>
                            <th>{{ __('End') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($giftedProducts as $gift)
                        <tr>
                            <td>{{ $gift->sku }}</td>
                            <td>{{ $gift->name }}</td>
                            <td>{{ $gift->start_date ? $gift->start_date->format('Y-m-d') : '-' }}</td>
                            <td>{{ $gift->end_date ? $gift->end_date->format('Y-m-d') : '-' }}</td>
                            <td>
                                <form method="POST" action="{{ route('appshell.people.gift.extend', [$user, $gift]) }}" style="display:inline">
                                    @csrf
                                    <button class="btn btn-sm btn-outline-secondary" type="submit">{{ __('Extend 1 month') }}</button>
                                </form>
                                <form method="POST" action="{{ route('appshell.people.gift.delete', [$user, $gift]) }}" style="display:inline" class="ms-1">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger" type="submit" onclick="return confirm('{{ __('Delete this gift?') }}')">{{ __('Delete') }}</button>
                                </form>
                                <details class="d-inline-block ms-2">
                                    <summary class="btn btn-sm btn-outline-primary">{{ __('Edit') }}</summary>
                                    <form method="POST" action="{{ route('appshell.people.gift.update', [$user, $gift]) }}" class="mt-2">
                                        @csrf
                                        <div class="row g-2">
                                            <div class="col-auto">
                                                <input type="date" name="start_date" value="{{ optional($gift->start_date)->format('Y-m-d') }}" class="form-control form-control-sm" required>
                                            </div>
                                            <div class="col-auto">
                                                <input type="date" name="end_date" value="{{ optional($gift->end_date)->format('Y-m-d') }}" class="form-control form-control-sm" required>
                                            </div>
                                            <div class="col-auto">
                                                <button class="btn btn-sm btn-primary">{{ __('Save') }}</button>
                                            </div>
                                        </div>
                                    </form>
                                </details>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @else
                <p class="text-muted">{{ __('No gifted products found.') }}</p>
            @endif
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-body">
            <h5>{{ __('Plugin Downloads') }}</h5>

            @if(!empty($downloadStats) && count($downloadStats) > 0)
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>{{ __('Plugin') }}</th>
                            <th>{{ __('Total Downloads') }}</th>
                            <th>{{ __('Last Downloaded') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($downloadStats as $index => $stat)
                        <tr>
                            <td>{{ $stat['name'] }} <code class="text-muted">{{ $stat['sku'] }}</code></td>
                            <td>{{ $stat['total_downloads'] }}</td>
                            <td>{{ $stat['last_downloaded_at']->format('Y-m-d H:i:s') }}</td>
                            <td>
                                <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#details-{{ $index }}" aria-expanded="false">
                                    {{ __('View Details') }}
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <div class="collapse" id="details-{{ $index }}">
                                    <div class="p-3 bg-light">
                                        <div class="d-flex justify-content-between align-items-center mb-3">
                                            <h6 class="mb-0">{{ __('Download History') }}: {{ $stat['name'] }}</h6>
                                            <form action="{{ route('vanilo.admin.people.clearDownloadLog', $user) }}" method="POST" style="display: inline;" onsubmit="return confirm('Are you sure you want to clear all {{ $stat['total_downloads'] }} download records for this product?');">
                                                @csrf
                                                <input type="hidden" name="sku" value="{{ $stat['sku'] }}">
                                                <button type="submit" class="btn btn-sm btn-outline-danger">{{ __('Clear Log') }}</button>
                                            </form>
                                        </div>
                                        @if($stat['downloads']->count() > 0)
                                            <p class="text-muted small mb-2">
                                                {{ __('Showing') }} {{ ($stat['downloads_page'] - 1) * $stat['downloads_per_page'] + 1 }}
                                                {{ __('to') }} {{ min($stat['downloads_page'] * $stat['downloads_per_page'], $stat['downloads_total']) }}
                                                {{ __('of') }} {{ $stat['downloads_total'] }} {{ __('downloads') }}
                                            </p>
                                            <table class="table table-sm table-striped mb-3">
                                                <thead>
                                                    <tr>
                                                        <th>{{ __('Date') }}</th>
                                                        <th>{{ __('IP Address') }}</th>
                                                        <th>{{ __('Filename') }}</th>
                                                        <th>{{ __('User Agent') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                @foreach($stat['downloads'] as $download)
                                                    <tr>
                                                        <td>{{ $download->downloaded_at->format('Y-m-d H:i:s') }}</td>
                                                        <td><code class="text-muted small">{{ $download->ip_address ?? '—' }}</code></td>
                                                        <td>{{ $download->filename }}</td>
                                                        <td><code class="text-muted small" style="max-width: 300px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ $download->user_agent ?? '—' }}</code></td>
                                                    </tr>
                                                @endforeach
                                                </tbody>
                                            </table>
                                            @if($stat['downloads_total'] > $stat['downloads_per_page'])
                                                <nav aria-label="Download history pagination">
                                                    <ul class="pagination pagination-sm">
                                                        @php
                                                            $totalPages = ceil($stat['downloads_total'] / $stat['downloads_per_page']);
                                                            $currentPage = $stat['downloads_page'];
                                                        @endphp
                                                        @if($currentPage > 1)
                                                            <li class="page-item">
                                                                <a class="page-link" href="?download_page_{{ $stat['sku'] }}=1">{{ __('First') }}</a>
                                                            </li>
                                                            <li class="page-item">
                                                                <a class="page-link" href="?download_page_{{ $stat['sku'] }}={{ $currentPage - 1 }}">{{ __('Previous') }}</a>
                                                            </li>
                                                        @endif

                                                        @for($page = max(1, $currentPage - 2); $page <= min($totalPages, $currentPage + 2); $page++)
                                                            @if($page === $currentPage)
                                                                <li class="page-item active">
                                                                    <span class="page-link">{{ $page }}</span>
                                                                </li>
                                                            @else
                                                                <li class="page-item">
                                                                    <a class="page-link" href="?download_page_{{ $stat['sku'] }}={{ $page }}">{{ $page }}</a>
                                                                </li>
                                                            @endif
                                                        @endfor

                                                        @if($currentPage < $totalPages)
                                                            <li class="page-item">
                                                                <a class="page-link" href="?download_page_{{ $stat['sku'] }}={{ $currentPage + 1 }}">{{ __('Next') }}</a>
                                                            </li>
                                                            <li class="page-item">
                                                                <a class="page-link" href="?download_page_{{ $stat['sku'] }}={{ $totalPages }}">{{ __('Last') }}</a>
                                                            </li>
                                                        @endif
                                                    </ul>
                                                </nav>
                                            @endif
                                        @else
                                            <p class="text-muted">{{ __('No download details available.') }}</p>
                                        @endif
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @else
                <p class="text-muted">{{ __('No plugin downloads recorded yet.') }}</p>
            @endif
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <h5>{{ __('Orders') }}</h5>
            <table class="table">
                <thead>
                <tr>
                    <th>{{ __('Number') }}</th>
                    <th>{{ __('Date') }}</th>
                    <th>{{ __('Status') }}</th>
                    <th>{{ __('Total') }}</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach($orders as $order)
                    <tr>
                        <td>{{ $order->number }}</td>
                        <td>{{ show_datetime($order->ordered_at) }}</td>
                        <td>{{ $order->status }}</td>
                        <td>{{ $order->total() }}</td>
                        <td><a class="btn btn-sm btn-outline-secondary" href="{{ route('vanilo.admin.order.show', $order) }}">{{ __('View') }}</a></td>
                    </tr>
                @endforeach
                </tbody>
            </table>

            {{ $orders->links() }}
        </div>
    </div>

    {{-- Danger Zone --}}
    <div class="card border-danger mt-4">
        <div class="card-header bg-danger text-white">
            <strong>{{ __('Danger Zone') }}</strong>
        </div>
        <div class="card-body">
            <p class="mb-2 text-danger">
                {{ __('Permanently delete this user and all associated records — orders, payments, downloads, affiliate data, subscriptions, and more. This action cannot be undone.') }}
            </p>
            @if(auth()->id() === $user->id)
                <button class="btn btn-danger" disabled title="{{ __('You cannot delete your own account.') }}">
                    {{ __('Delete User') }}
                </button>
            @else
                <form method="POST" action="{{ route('appshell.people.destroy', $user) }}"
                      onsubmit="return confirm('{{ __('Delete :name and ALL associated records permanently? This cannot be undone.', ['name' => $user->name]) }}')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">
                        {{ __('Delete User') }}
                    </button>
                </form>
            @endif
        </div>
    </div>

    {{-- apwp-ao Plugin Key --}}
    <div class="card mt-4">
        <div class="card-header">
            <strong>{{ __('Admin Menu Organizer — Plugin Key') }}</strong>
        </div>
        <div class="card-body">
            @if($aoPluginKey)
                <div class="d-flex align-items-center gap-2 mb-2">
                    <input type="password"
                        id="admin-aamo-key"
                        readonly
                        value="{{ $aoPluginKey }}"
                        class="form-control form-control-sm font-monospace"
                        style="max-width: 480px;">
                    <button type="button" class="btn btn-sm btn-outline-secondary"
                        onclick="var f=document.getElementById('admin-aamo-key');f.type=f.type==='password'?'text':'password';this.textContent=f.type==='password'?'Show':'Hide'">
                        {{ __('Show') }}
                    </button>
                    <button type="button" class="btn btn-sm btn-outline-primary"
                        onclick="navigator.clipboard.writeText(document.getElementById('admin-aamo-key').value).then(function(){var b=event.target;b.textContent='Copied!';setTimeout(function(){b.textContent='Copy';},1500);})">
                        {{ __('Copy') }}
                    </button>
                </div>
                <form method="POST"
                      action="{{ route('appshell.people.ao_plugin_key.regenerate', $user) }}"
                      onsubmit="return confirm('{{ __('Regenerate this user\'s apwp-ao key? All connected client sites will lose access and must be updated with the new key.') }}')">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-warning">{{ __('Regenerate Key') }}</button>
                </form>
            @else
                <p class="text-muted mb-2">{{ __('No key generated yet.') }}</p>
                <form method="POST"
                      action="{{ route('appshell.people.ao_plugin_key.regenerate', $user) }}">
                    @csrf
                    <button type="submit" class="btn btn-sm btn-primary">{{ __('Generate Key') }}</button>
                </form>
            @endif
        </div>
    </div>

    {{-- apwp-ao Domain Slots --}}
    <div class="card mt-4">
        <div class="card-header">
            <strong>{{ __('Admin Menu Organizer — Domain Slots') }}</strong>
            <span class="text-muted font-weight-normal ml-2">
                ({{ $aoDomains->where('is_active', true)->count() }} active / {{ $aoAllowedSlots }} allowed)
            </span>
        </div>
        <div class="card-body p-0">
            @if($aoDomains->isEmpty())
                <p class="p-3 mb-0 text-muted">{{ __('No domain slots on record for this user.') }}</p>
            @else
                <table class="table table-sm table-bordered mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th>{{ __('ID') }}</th>
                            <th>{{ __('Label') }}</th>
                            <th>{{ __('Status') }}</th>
                            <th>{{ __('Authorized') }}</th>
                            <th>{{ __('Last Connected') }}</th>
                            <th>{{ __('Released') }}</th>
                            <th>{{ __('Actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($aoDomains as $aoSlot)
                            <tr>
                                <td>{{ $aoSlot->id }}</td>
                                <td>{{ $aoSlot->domain_label ?? '—' }}</td>
                                <td>
                                    @if($aoSlot->is_active)
                                        <span class="badge badge-success">{{ __('Active') }}</span>
                                    @elseif($aoSlot->released_at)
                                        <span class="badge badge-secondary">{{ __('Released') }}</span>
                                    @else
                                        <span class="badge badge-warning">{{ __('Pending') }}</span>
                                    @endif
                                </td>
                                <td>{{ $aoSlot->authorized_at ? $aoSlot->authorized_at->format('Y-m-d H:i') : '—' }}</td>
                                <td>{{ $aoSlot->last_connected_at ? $aoSlot->last_connected_at->diffForHumans() : '—' }}</td>
                                <td>{{ $aoSlot->released_at ? $aoSlot->released_at->format('Y-m-d') : '—' }}</td>
                                <td>
                                    @if($aoSlot->is_active)
                                        <form method="POST"
                                              action="{{ route('appshell.people.ao_domain.release', [$user, $aoSlot]) }}"
                                              onsubmit="return confirm('{{ __('Force-release this domain slot?') }}')">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-danger">{{ __('Force Release') }}</button>
                                        </form>
                                    @else
                                        —
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @endif
        </div>
    </div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    console.log('Plugin Downloads view initialized');

    // Manually handle collapse toggles since Bootstrap JS might not be loaded
    const buttons = document.querySelectorAll('[data-bs-toggle="collapse"]');
    console.log('Found', buttons.length, 'collapse toggle buttons');

    buttons.forEach((btn) => {
        const target = btn.getAttribute('data-bs-target');
        console.log('Registering toggle for target:', target);

        btn.addEventListener('click', function(e) {
            e.preventDefault();

            const collapseElement = document.querySelector(target);
            if (!collapseElement) {
                console.error('Collapse element not found:', target);
                return;
            }

            console.log('Toggling collapse:', target);
            const isShown = collapseElement.classList.contains('show');

            if (isShown) {
                collapseElement.classList.remove('show');
                btn.setAttribute('aria-expanded', 'false');
                console.log('Collapsed:', target);
            } else {
                collapseElement.classList.add('show');
                btn.setAttribute('aria-expanded', 'true');
                console.log('Expanded:', target);
            }
        });
    });
});
</script>
@endpush

@stop