@php
    $fatturaSelezionata = $this->getFatturaSelezionataProperty();
    $pagamentiFattura = $this->getPagamentiFatturaProperty();
    $documentoLabels = [
        'fattura' => 'Fattura',
        'notula' => 'Notula',
        'busta_paga' => 'Busta paga',
    ];
    $mesi = [
        1 => 'Gennaio',
        2 => 'Febbraio',
        3 => 'Marzo',
        4 => 'Aprile',
        5 => 'Maggio',
        6 => 'Giugno',
        7 => 'Luglio',
        8 => 'Agosto',
        9 => 'Settembre',
        10 => 'Ottobre',
        11 => 'Novembre',
        12 => 'Dicembre',
    ];
@endphp

<div>
    <!-- Riepilogo documenti e pagamenti -->
    <x-fatture-summary 
        :totaleImporto="$totaleImporto"
        :totalePagato="$totalePagato"
        :totaleRimanente="$totaleRimanente" 
        :numeroFatture="$numeroFatture"
        :fatturePagate="$fatturePagate"
        :compensoContratto="$compensoContratto"
        :isDipendente="$isContrattoDipendente"
        :costoMensile="$costoMensile"
        :retribuzioneAnnua="$retribuzioneAnnua"
    />

    <div class="bg-white py-4 px-3 sm:px-4 rounded-lg shadow mb-4 w-full">
        <h4 class="text-base font-semibold text-gray-900 mb-3">Stato Pagamento Contratto</h4>
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-{{ $isContrattoDipendente ? '5' : '4' }} gap-3">
            <div>
                <div class="text-xs font-medium text-gray-600 uppercase tracking-wide">Stato</div>
                <span class="inline-flex items-center mt-1 px-2.5 py-1 rounded-full text-xs font-semibold {{ $contrattoPagato ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800' }}">
                    {{ $contrattoPagato ? 'Pagato' : 'Da pagare' }}
                </span>
            </div>
            <div>
                <div class="text-xs font-medium text-gray-600 uppercase tracking-wide">Ultimo pagamento</div>
                <div class="text-sm text-gray-900 mt-1">
                    {{ $ultimoPagamentoData ? $ultimoPagamentoData->format('d/m/Y') : '—' }}
                </div>
            </div>
            <div>
                <div class="text-xs font-medium text-gray-600 uppercase tracking-wide">Forma</div>
                <div class="text-sm text-gray-900 mt-1">
                    {{ $ultimoPagamentoTipo ? ($documentoLabels[$ultimoPagamentoTipo] ?? ucfirst(str_replace('_', ' ', $ultimoPagamentoTipo))) : '—' }}
                </div>
            </div>
            @if ($isContrattoDipendente)
                <div>
                    <div class="text-xs font-medium text-gray-600 uppercase tracking-wide">Periodo competenza</div>
                    <div class="text-sm text-gray-900 mt-1">
                        {{ $ultimoPagamentoPeriodo ?? '—' }}
                    </div>
                </div>
            @endif
            <div>
                <div class="text-xs font-medium text-gray-600 uppercase tracking-wide">Banca</div>
                <div class="text-sm text-gray-900 mt-1">
                    {{ $ultimoPagamentoBanca ?? '—' }}
                </div>
            </div>
        </div>
    </div>

    <!-- Tabella Fatture e Pagamenti -->
    {{ $this->table }}
    
    <!-- Modal dettaglio pagamenti -->
    <x-filament::modal id="pagamenti-modal" width="5xl">
        
        <div class="py-4">
            @if ($fatturaSelezionata)
                @php
                    $tipoLabel = $documentoLabels[$fatturaSelezionata->tipo_documento] ?? 'Documento';
                    $numero = $fatturaSelezionata->numero_fattura;

                    // Per le notule, estrai solo il numero dall'ID (NOT-17 -> 17)
                    if ($fatturaSelezionata->tipo_documento === 'notula' && $numero && str_starts_with($numero, 'NOT-')) {
                        $numero = '#' . substr($numero, 4);
                    } elseif ($fatturaSelezionata->tipo_documento === 'busta_paga' && $fatturaSelezionata->periodo_mese && $fatturaSelezionata->periodo_anno) {
                        $numero = ($mesi[$fatturaSelezionata->periodo_mese] ?? $fatturaSelezionata->periodo_mese) . ' ' . $fatturaSelezionata->periodo_anno;
                    } elseif ($numero) {
                        $numero = '#' . $numero;
                    } else {
                        $numero = '';
                    }

                    $rimanente = $fatturaSelezionata->importo - $fatturaSelezionata->importo_pagato;
                @endphp

                <div class="mb-6 pb-4 border-b border-gray-200">
                    <h3 class="text-xl font-semibold text-gray-900">
                        {{ $tipoLabel }} {{ $numero }}
                    </h3>

                    <div class="mt-3 grid grid-cols-2 md:grid-cols-4 gap-4">
                        <div>
                            <p class="text-xs font-medium text-gray-500 uppercase">Data emissione</p>
                            <p class="text-sm text-gray-900">{{ $fatturaSelezionata->data_emissione?->format('d/m/Y') ?? '-' }}</p>
                        </div>
                        @if ($fatturaSelezionata->tipo_documento === 'busta_paga' && $fatturaSelezionata->periodo_mese && $fatturaSelezionata->periodo_anno)
                            <div>
                                <p class="text-xs font-medium text-gray-500 uppercase">Periodo</p>
                                <p class="text-sm text-gray-900">{{ ($mesi[$fatturaSelezionata->periodo_mese] ?? $fatturaSelezionata->periodo_mese) . ' ' . $fatturaSelezionata->periodo_anno }}</p>
                            </div>
                        @endif
                        <div>
                            <p class="text-xs font-medium text-gray-500 uppercase">Importo</p>
                            <p class="text-sm font-semibold text-gray-900">€ {{ number_format($fatturaSelezionata->importo, 2, ',', '.') }}</p>
                        </div>
                        <div>
                            <p class="text-xs font-medium text-gray-500 uppercase">Pagato</p>
                            <p class="text-sm font-semibold {{ $rimanente <= 0 ? 'text-green-600' : 'text-gray-900' }}">€ {{ number_format($fatturaSelezionata->importo_pagato, 2, ',', '.') }}</p>
                        </div>
                        @if ($rimanente > 0)
                            <div>
                                <p class="text-xs font-medium text-gray-500 uppercase">Da pagare</p>
                                <p class="text-sm font-semibold text-red-600">€ {{ number_format($rimanente, 2, ',', '.') }}</p>
                            </div>
                        @endif
                    </div>
                </div>
                
                @if ($pagamentiFattura->count() > 0)
                    <div class="overflow-x-auto">
                        <table class="min-w-full divide-y divide-gray-200">
                            <thead>
                                <tr class="bg-gray-50">
                                    <th class="px-3 py-2 text-xs font-medium text-gray-500 uppercase tracking-wider text-left">Data</th>
                                    <th class="px-3 py-2 text-xs font-medium text-gray-500 uppercase tracking-wider text-left">Importo</th>
                                    <th class="px-3 py-2 text-xs font-medium text-gray-500 uppercase tracking-wider text-left">Metodo</th>
                                    <th class="px-3 py-2 text-xs font-medium text-gray-500 uppercase tracking-wider text-left">Banca</th>
                                    <th class="px-3 py-2 text-xs font-medium text-gray-500 uppercase tracking-wider text-left">Riferimento</th>
                                    <th class="px-3 py-2 text-xs font-medium text-gray-500 uppercase tracking-wider text-left">Note</th>
                                    <th class="px-3 py-2"></th>
                                </tr>
                            </thead>
                            <tbody class="bg-white divide-y divide-gray-200">
                                @foreach ($pagamentiFattura as $pagamento)
                                    <tr>
                                        <td class="px-3 py-2 whitespace-nowrap text-sm">{{ $pagamento->data_pagamento->format('d/m/Y') }}</td>
                                        <td class="px-3 py-2 whitespace-nowrap text-sm">€ {{ number_format($pagamento->importo, 2, ',', '.') }}</td>
                                        <td class="px-3 py-2 whitespace-nowrap text-sm">
                                            @php
                                                $metodi = [
                                                    'bonifico' => 'Bonifico Bancario',
                                                    'carta' => 'Carta di Credito/Debito',
                                                    'contanti' => 'Contanti',
                                                    'assegno' => 'Assegno',
                                                    'altro' => 'Altro',
                                                ];
                                            @endphp
                                            {{ $metodi[$pagamento->metodo_pagamento] ?? $pagamento->metodo_pagamento }}
                                        </td>
                                        <td class="px-3 py-2 whitespace-nowrap text-sm">{{ $pagamento->banca_pagamento ?? '-' }}</td>
                                        <td class="px-3 py-2 text-sm">{{ $pagamento->riferimento_pagamento }}</td>
                                        <td class="px-3 py-2 text-sm">{{ $pagamento->note }}</td>
                                        <td class="px-3 py-2 whitespace-nowrap text-right text-sm">
                                            <button type="button" 
                                                wire:click="deletePagamento({{ $pagamento->id }})" 
                                                wire:confirm="Sei sicuro di voler eliminare questo pagamento?"
                                                class="text-red-600 hover:text-red-900">
                                                <x-heroicon-o-trash class="w-5 h-5 inline-block" />
                                            </button>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-sm text-gray-500">Nessun pagamento registrato per questo documento.</p>
                @endif
            @else
                <p class="text-sm text-gray-500">Seleziona un documento per visualizzare i pagamenti.</p>
            @endif
        </div>
    </x-filament::modal>

    <x-filament-actions::modals />
</div>