@php
    use App\Services\PayrollRegisterExportSettingsService as Pres;
    $sheetPreset = old("sheets.$index.preset", $sheet['preset'] ?? 'standard');
    $sheetFilter = old("sheets.$index.column_filter", $sheet['column_filter'] ?? '');
    if ($sheetFilter === null || $sheetFilter === '') {
        $sheetFilter = 'none';
    }
    $sheetColumns = old("sheets.$index.columns", $sheet['columns'] ?? []);
    $totalsMode = old("sheets.$index.totals_mode", $sheet['totals_mode'] ?? Pres::defaultTotalsModeForPreset($sheetPreset));
    $includeWords = (bool) old("sheets.$index.include_gross_in_words", $sheet['include_gross_in_words'] ?? true);
    $includeSignature = (bool) old("sheets.$index.include_signature_remarks", $sheet['include_signature_remarks'] ?? true);
    $sheetTitle = old("sheets.$index.title", $sheet['title'] ?? 'Payroll Register');
@endphp
<div class="pres-sheet-card" data-sheet-index="{{ $index }}">
    <div class="pres-sheet-head">
        <div class="d-flex align-items-center gap-2 flex-wrap">
            <span class="pres-badge">{{ __('Sheet') }} <span class="pres-sheet-num">{{ is_numeric($index) ? ((int) $index + 1) : 1 }}</span></span>
            <input type="text" class="pres-sheet-title-input" name="sheets[{{ $index }}][title]" value="{{ $sheetTitle }}" maxlength="120" required>
        </div>
        <button type="button" class="btn btn-sm btn-outline-danger pres-remove-sheet">{{ __('Remove') }}</button>
    </div>

    <div class="pres-sheet-meta">
        <div>
            <label>{{ __('Column preset') }}</label>
            <div class="d-flex flex-wrap gap-1">
                @foreach(['minimal' => __('Minimal'), 'standard' => __('Standard'), 'full' => __('Full'), 'custom' => __('Custom')] as $val => $label)
                    <label class="pres-option pres-preset-option mb-0 py-1 px-2 @if($sheetPreset === $val) is-active @endif" style="height:auto;">
                        <input type="radio" class="pres-preset-input" name="sheets[{{ $index }}][preset]" value="{{ $val }}" @checked($sheetPreset === $val)>
                        <span class="small"><strong>{{ $label }}</strong></span>
                    </label>
                @endforeach
            </div>
        </div>
        <div>
            <label for="pres_sheet_{{ $index }}_filter">{{ __('Column scope') }}</label>
            <select class="form-control form-control-sm" id="pres_sheet_{{ $index }}_filter" name="sheets[{{ $index }}][column_filter]">
                <option value="none" @selected($sheetFilter === 'none')>{{ __('All columns from preset') }}</option>
                <option value="earnings" @selected($sheetFilter === 'earnings')>{{ __('Earnings only') }}</option>
                <option value="deductions" @selected($sheetFilter === 'deductions')>{{ __('Deductions only') }}</option>
            </select>
        </div>
        <div>
            <label for="pres_sheet_{{ $index }}_totals">{{ __('Totals / Net calculation') }}</label>
            <select class="form-control form-control-sm" id="pres_sheet_{{ $index }}_totals" name="sheets[{{ $index }}][totals_mode]">
                <option value="visible" @selected($totalsMode === 'visible')>{{ __('Selected columns only') }}</option>
                <option value="absolute" @selected($totalsMode === 'absolute')>{{ __('Actual full values') }}</option>
            </select>
            <small class="text-muted d-block" style="font-size:11px;line-height:1.3;margin-top:2px;">
                {{ __('“Selected columns only” makes Total, Gross & Net add up the columns shown on this sheet.') }}
            </small>
        </div>
    </div>

    <div class="row mb-2">
        <div class="col-md-6">
            <div class="custom-control custom-checkbox">
                <input type="checkbox" class="custom-control-input" id="pres_sheet_{{ $index }}_words" name="sheets[{{ $index }}][include_gross_in_words]" value="1" @checked($includeWords)>
                <label class="custom-control-label" for="pres_sheet_{{ $index }}_words">{{ __('Gross amount in words footer') }}</label>
            </div>
        </div>
        <div class="col-md-6">
            <div class="custom-control custom-checkbox">
                <input type="checkbox" class="custom-control-input" id="pres_sheet_{{ $index }}_sig" name="sheets[{{ $index }}][include_signature_remarks]" value="1" @checked($includeSignature)>
                <label class="custom-control-label" for="pres_sheet_{{ $index }}_sig">{{ __('Signature & remarks columns') }}</label>
            </div>
        </div>
    </div>

    <div class="pres-column-panel" @if($sheetPreset !== 'custom') style="opacity:.65" @endif>
        <div class="d-flex justify-content-between align-items-center mb-2">
            <strong class="small text-uppercase text-muted">{{ __('Custom columns') }}</strong>
            <button type="button" class="btn btn-sm btn-outline-primary pres-select-all">{{ __('Select all') }}</button>
        </div>
        @foreach($groups as $groupKey => $groupLabel)
            <div class="pres-col-group">
                <h6>{{ $groupLabel }}</h6>
                <div class="row">
                    @foreach($registry as $key => $meta)
                        @if(($meta['group'] ?? '') !== $groupKey)
                            @continue
                        @endif
                        @php
                            $gateOk = Pres::featureAllowsColumn($key);
                            $checked = (bool) ($sheetColumns[$key] ?? Pres::columnInPreset($key, $sheetPreset));
                            $required = (bool) ($meta['required'] ?? false);
                        @endphp
                        <div class="col-md-6">
                            <label class="pres-col-item @if(! $gateOk) is-disabled @endif">
                                <input type="checkbox" name="sheets[{{ $index }}][columns][{{ $key }}]" value="1"
                                       class="pres-col-check"
                                       data-required="{{ $required ? '1' : '0' }}"
                                       @checked($checked)
                                       @disabled($sheetPreset !== 'custom' || $required || ! $gateOk)>
                                <span>
                                    {{ $meta['label'] }}
                                    @if($required)<span class="text-danger">*</span>@endif
                                    @if(($meta['feature_gate'] ?? null) && ! $gateOk)
                                        <span class="d-block small text-muted">{{ Pres::featureGateLabel($meta['feature_gate']) }}</span>
                                    @endif
                                </span>
                            </label>
                        </div>
                    @endforeach
                </div>
            </div>
        @endforeach
    </div>
</div>