@php
    $docTitle = $docTitle ?? 'Document';
    $indexRoute = $indexRoute ?? '';
    $updateRoute = $updateRoute ?? '';
    $tab = $tab ?? 'options';

    $labelGroups = [
        'headers' => ['title' => 'Document labels', 'desc' => 'Titles, addresses, and header text', 'icon' => 'ri-file-text-line', 'keys' => []],
        'columns' => ['title' => 'Table columns', 'desc' => 'Headings for line items on the document', 'icon' => 'ri-table-line', 'keys' => []],
        'copies' => ['title' => 'Copy labels', 'desc' => 'Wording on duplicate & triplicate copies', 'icon' => 'ri-file-copy-line', 'keys' => []],
        'custom' => ['title' => 'Custom fields', 'desc' => 'Optional extra fields on the document', 'icon' => 'ri-edit-box-line', 'keys' => []],
    ];

    foreach (array_keys($labelDefs ?? []) as $key) {
        if (str_starts_with($key, 'col_')) {
            $labelGroups['columns']['keys'][] = $key;
        } elseif (str_starts_with($key, 'custom_field')) {
            $labelGroups['custom']['keys'][] = $key;
        } elseif (str_starts_with($key, 'copy_')) {
            $labelGroups['copies']['keys'][] = $key;
        } else {
            $labelGroups['headers']['keys'][] = $key;
        }
    }

    $labelGroups = array_values(array_filter($labelGroups, fn ($g) => count($g['keys']) > 0));

    $optionGroupMeta = [
        'layout' => ['title' => 'Layout & addresses', 'icon' => 'ri-layout-masonry-line'],
        'totals' => ['title' => 'Totals & amounts', 'icon' => 'ri-money-rupee-circle-line'],
        'parties' => ['title' => 'Customer & vendor', 'icon' => 'ri-user-line'],
        'signatures' => ['title' => 'Signatures', 'icon' => 'ri-quill-pen-line'],
        'content' => ['title' => 'Content', 'icon' => 'ri-article-line'],
        'general' => ['title' => 'General', 'icon' => 'ri-settings-3-line'],
    ];

    $optionGroups = [];
    foreach ($optionDefs ?? [] as $key => $def) {
        $group = 'general';
        if (str_contains($key, 'signature')) {
            $group = 'signatures';
        } elseif (str_contains($key, 'shipping') || str_contains($key, 'header')) {
            $group = 'layout';
        } elseif (str_contains($key, 'contact') || str_contains($key, 'bill_to') || str_contains($key, 'quote_to') || str_contains($key, 'vendor')) {
            $group = 'parties';
        } elseif (str_contains($key, 'terms')) {
            $group = 'content';
        } elseif (preg_match('/(total|amount|due|net|tax|words|received|paid)/', $key)) {
            $group = 'totals';
        }
        $optionGroups[$group][$key] = $def;
    }
@endphp

<div class="billing-doc-settings">
    <div class="billing-doc-settings__hero">
        <div class="billing-doc-settings__hero-icon" aria-hidden="true">
            <i class="ri-file-settings-line"></i>
        </div>
        <div>
            <h5 class="billing-doc-settings__title">{{ $docTitle }}</h5>
            <p class="billing-doc-settings__subtitle mb-0">
                Control PDF/print layout and customize field labels for your company.
            </p>
        </div>
    </div>

    <div class="billing-doc-settings__tabs" role="tablist">
        <a class="billing-doc-settings__tab {{ $tab === 'options' ? 'is-active' : '' }}"
           href="{{ route($indexRoute, ['tab' => 'options']) }}">
            <i class="ri-toggle-line"></i>
            <span>Options</span>
            <small>What to show</small>
        </a>
        <a class="billing-doc-settings__tab {{ $tab === 'labels' ? 'is-active' : '' }}"
           href="{{ route($indexRoute, ['tab' => 'labels']) }}">
            <i class="ri-price-tag-3-line"></i>
            <span>Labels &amp; columns</span>
            <small>Wording on document</small>
        </a>
    </div>

    <div class="billing-doc-settings__panel">
        @if($tab === 'labels')
            <form method="POST" action="{{ route($updateRoute) }}" id="doc-settings-form" class="billing-doc-form">
                @csrf
                @method('PUT')
                <input type="hidden" name="tab" value="labels">

                <div class="billing-doc-callout">
                    <i class="ri-lightbulb-line"></i>
                    <div>
                        <strong>Tip:</strong> Edit any label below. Text appears on PDFs and printouts. Use <em>Reset</em> on a field to restore the default.
                    </div>
                </div>

                <div class="billing-doc-toolbar">
                    <button type="button" class="btn btn-soft-secondary btn-sm" id="doc-reset-all-labels">
                        <i class="ri-restart-line me-1"></i> Reset all to defaults
                    </button>
                </div>

                @foreach($labelGroups as $groupIndex => $group)
                    <section class="billing-doc-section" data-label-section>
                        <header class="billing-doc-section__head">
                            <span class="billing-doc-section__icon"><i class="{{ $group['icon'] }}"></i></span>
                            <div>
                                <h6 class="billing-doc-section__title">{{ $group['title'] }}</h6>
                                <p class="billing-doc-section__desc">{{ $group['desc'] }}</p>
                            </div>
                            <button type="button" class="btn btn-link btn-sm billing-doc-section__reset"
                                data-reset-section="{{ $groupIndex }}">Reset section</button>
                        </header>
                        <div class="billing-doc-fields">
                            @foreach($group['keys'] as $key)
                                @php
                                    $def = $labelDefs[$key];
                                    $value = old('labels.'.$key, $labels[$key] ?? $def['default']);
                                    $isModified = trim((string) $value) !== trim((string) $def['default']);
                                @endphp
                                <div class="billing-doc-field {{ $isModified ? 'is-modified' : '' }}"
                                    data-default="{{ $def['default'] }}">
                                    <label class="billing-doc-field__label" for="label_{{ $key }}">{{ $def['label'] }}</label>
                                    <div class="billing-doc-field__input-wrap">
                                        <input type="text"
                                            name="labels[{{ $key }}]"
                                            id="label_{{ $key }}"
                                            class="form-control billing-doc-field__input @error('labels.'.$key) is-invalid @enderror"
                                            value="{{ $value }}"
                                            placeholder="{{ $def['default'] }}"
                                            data-label-input
                                            autocomplete="off">
                                        <button type="button" class="billing-doc-field__reset"
                                            data-reset-for="label_{{ $key }}"
                                            data-default="{{ $def['default'] }}"
                                            title="Reset to default">
                                            <i class="ri-restart-line"></i>
                                        </button>
                                    </div>
                                    <span class="billing-doc-field__meta">
                                        @if($isModified)
                                            <span class="billing-doc-field__badge">Custom</span>
                                        @endif
                                        <span class="billing-doc-field__default">Default: {{ $def['default'] }}</span>
                                    </span>
                                    @error('labels.'.$key)<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                </div>
                            @endforeach
                        </div>
                    </section>
                @endforeach

                @include('admin.preferences.partials.document-settings-footer')
            </form>
        @else
            <form method="POST" action="{{ route($updateRoute) }}" id="doc-settings-form" class="billing-doc-form">
                @csrf
                @method('PUT')
                <input type="hidden" name="tab" value="options">

                <div class="billing-doc-callout">
                    <i class="ri-information-line"></i>
                    <div>
                        Choose what appears when this document is printed or saved as PDF. Changes apply to all {{ strtolower($docTitle) }} for your company.
                    </div>
                </div>

                <div class="billing-doc-toolbar">
                    <span class="billing-doc-toolbar__label text-muted small">Quick actions</span>
                    <button type="button" class="btn btn-soft-success btn-sm" id="doc-enable-all">
                        <i class="ri-check-double-line me-1"></i> Enable all
                    </button>
                    <button type="button" class="btn btn-soft-secondary btn-sm" id="doc-disable-all">
                        <i class="ri-close-circle-line me-1"></i> Disable all
                    </button>
                </div>

                @forelse($optionGroups as $groupKey => $groupOptions)
                    @php $meta = $optionGroupMeta[$groupKey] ?? $optionGroupMeta['general']; @endphp
                    <section class="billing-doc-section billing-doc-section--options">
                        <header class="billing-doc-section__head billing-doc-section__head--compact">
                            <span class="billing-doc-section__icon"><i class="{{ $meta['icon'] }}"></i></span>
                            <h6 class="billing-doc-section__title mb-0">{{ $meta['title'] }}</h6>
                        </header>
                        <ul class="billing-doc-options">
                            @foreach($groupOptions as $key => $def)
                                <li class="billing-doc-options__item">
                                    <label class="billing-doc-options__row" for="opt_{{ $key }}">
                                        <span class="billing-doc-options__text">{{ $def['label'] }}</span>
                                        <span class="billing-doc-options__switch">
                                            <input type="hidden" name="{{ $key }}" value="0">
                                            <input class="billing-doc-options__input"
                                                type="checkbox"
                                                role="switch"
                                                name="{{ $key }}"
                                                value="1"
                                                id="opt_{{ $key }}"
                                                data-option-switch
                                                @checked(old($key, $options[$key] ?? $def['default'] ?? false))>
                                            <span class="billing-doc-options__track" aria-hidden="true"></span>
                                        </span>
                                    </label>
                                </li>
                            @endforeach
                        </ul>
                    </section>
                @empty
                    <p class="text-muted small mb-0">No options configured for this document type.</p>
                @endforelse

                @include('admin.preferences.partials.document-settings-footer')
            </form>
        @endif
    </div>
</div>

@push('scripts')
<script src="{{ asset('js/billing-document-settings.js') }}"></script>
@endpush