@extends('admin.layouts.app')

@php
    $isExpense = $document->type === \App\Models\FinancialDocument::TYPE_EXPENSE;
    $typeLabel = $isExpense ? 'Despesa' : 'Receita';
    $settledLabel = $isExpense ? 'Paga' : 'Recebida';
    $pendingLabel = $isExpense ? 'Por pagar' : 'Por receber';
    $documentUrl = $document->documentUrl();
    $isPdfDocument = $documentUrl && \Illuminate\Support\Str::contains(\Illuminate\Support\Str::lower(parse_url($documentUrl, PHP_URL_PATH) ?: $documentUrl), '.pdf');
    $vatBase = $document->vatLines->sum('amount');
    $vatTotal = $document->vatLines->sum(function ($line) {
        return (float) $line->amount * (1 + ((float) $line->vat_rate / 100));
    });
@endphp

@section('content')
    <div class="azp-page">
        <div class="azp-page-header">
            <div>
                <h1 class="azp-page-title">{{ $typeLabel }} {{ $document->invoice_number }}</h1>
                <div class="azp-page-subtitle">{{ optional($document->invoice_date)->format('d/m/Y') }} · {{ optional($document->club)->name }}</div>
            </div>

            <div class="azp-actions">
                <a href="{{ route('admin.financial.index', ['club_id' => $document->club_id]) }}" class="btn outline">Voltar</a>
                @if(!$document->is_settled)
                    <form method="POST" action="{{ route('admin.financial.settle', $document) }}" style="display:inline-block;">
                        @csrf
                        <button type="submit" class="btn primary">
                            {{ $isExpense ? 'Marcar paga' : 'Marcar recebida' }}
                        </button>
                    </form>
                @endif
            </div>
        </div>

        @if(session('success'))
            <div class="flash success">{{ session('success') }}</div>
        @endif

        <div class="financial-show-grid">
            <div class="financial-main">
                <div class="azp-card">
                    <div class="financial-summary">
                        <div>
                            <div class="financial-kicker">Total com IVA</div>
                            <div class="financial-total">{{ number_format($document->total_amount, 2, ',', '.') }} EUR</div>
                        </div>
                        <span class="azp-tag">
                            <span class="azp-dot {{ $document->is_settled ? 'active' : 'inactive' }}"></span>
                            {{ $document->is_settled ? $settledLabel : $pendingLabel }}
                        </span>
                    </div>

                    <div class="financial-detail-grid">
                        <div>
                            <div class="financial-label">Tipologia</div>
                            <div class="financial-value">{{ $document->typology }}</div>
                        </div>
                        <div>
                            <div class="financial-label">Prazo</div>
                            <div class="financial-value">{{ optional($document->due_date)->format('d/m/Y') ?: '-' }}</div>
                        </div>
                        <div>
                            <div class="financial-label">Categoria</div>
                            <div class="financial-value">{{ $document->category_code ? $document->category_code.' - '.$document->category_name : '-' }}</div>
                        </div>
                        <div>
                            <div class="financial-label">Criado por</div>
                            <div class="financial-value">{{ optional($document->admin)->name ?: '-' }}</div>
                        </div>
                    </div>

                    <div class="financial-block">
                        <div class="financial-label">Descricao</div>
                        <div class="financial-text">{{ $document->description }}</div>
                    </div>
                </div>

                <div class="azp-card">
                    <div class="azp-section-title">{{ $isExpense ? 'Fornecedor' : 'Cliente' }}</div>
                    <div class="financial-detail-grid">
                        <div>
                            <div class="financial-label">Nome</div>
                            <div class="financial-value">{{ optional($document->entity)->name ?: '-' }}</div>
                        </div>
                        <div>
                            <div class="financial-label">NIF</div>
                            <div class="financial-value">{{ optional($document->entity)->tax_id ?: '-' }}</div>
                        </div>
                        <div>
                            <div class="financial-label">Morada</div>
                            <div class="financial-value">{{ optional($document->entity)->address ?: '-' }}</div>
                        </div>
                    </div>
                    @if(optional($document->entity)->description)
                        <div class="financial-block">
                            <div class="financial-label">Descricao</div>
                            <div class="financial-text">{{ $document->entity->description }}</div>
                        </div>
                    @endif
                </div>

                <div class="azp-card">
                    <div class="azp-section-title">IVA</div>
                    <div class="azp-table-wrap">
                        <table class="azp-table">
                            <thead>
                            <tr>
                                <th>Valor sem IVA</th>
                                <th>Taxa</th>
                                <th>Total linha</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($document->vatLines as $line)
                                @php $lineTotal = (float) $line->amount * (1 + ((float) $line->vat_rate / 100)); @endphp
                                <tr>
                                    <td data-label="Valor sem IVA">{{ number_format($line->amount, 2, ',', '.') }} EUR</td>
                                    <td data-label="Taxa">{{ number_format($line->vat_rate, 2, ',', '.') }}%</td>
                                    <td data-label="Total linha"><strong>{{ number_format($lineTotal, 2, ',', '.') }} EUR</strong></td>
                                </tr>
                            @empty
                                <tr><td colspan="3">Sem linhas de IVA.</td></tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>

                    @if($document->vatLines->isNotEmpty())
                        <div class="financial-mini-totals">
                            <span>Base: <strong>{{ number_format($vatBase, 2, ',', '.') }} EUR</strong></span>
                            <span>Total com IVA: <strong>{{ number_format($vatTotal, 2, ',', '.') }} EUR</strong></span>
                        </div>
                    @endif
                </div>

                <div class="azp-card">
                    <div class="azp-section-title">Reparticao por clubes</div>
                    <div class="azp-table-wrap">
                        <table class="azp-table">
                            <thead>
                            <tr>
                                <th>Clube</th>
                                <th>Valor</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($document->splits as $split)
                                <tr>
                                    <td data-label="Clube">{{ optional($split->club)->name ?: '-' }}</td>
                                    <td data-label="Valor"><strong>{{ number_format($split->amount, 2, ',', '.') }} EUR</strong></td>
                                </tr>
                            @empty
                                <tr>
                                    <td data-label="Clube">{{ optional($document->club)->name ?: '-' }}</td>
                                    <td data-label="Valor"><strong>{{ number_format($document->total_amount, 2, ',', '.') }} EUR</strong></td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <aside class="financial-aside">
                <div class="azp-card invoice-card">
                    <div class="azp-section-title">Documento</div>
                    @if($documentUrl)
                        @if($isPdfDocument)
                            <div class="invoice-empty">PDF associado.</div>
                        @else
                            <button type="button" class="invoice-thumb" id="invoiceOpen" aria-label="Ampliar documento">
                                <img src="{{ $documentUrl }}" alt="Documento {{ $document->invoice_number }}">
                            </button>
                        @endif
                        <a class="btn outline" href="{{ $documentUrl }}" target="_blank" rel="noopener" style="width:100%; margin-top:10px;">Abrir original</a>
                    @else
                        <div class="invoice-empty">Sem imagem associada.</div>
                    @endif
                </div>
            </aside>
        </div>
    </div>

    @if($documentUrl && !$isPdfDocument)
        <div class="invoice-lightbox" id="invoiceLightbox" aria-hidden="true">
            <button type="button" class="invoice-lightbox-close" id="invoiceClose" aria-label="Fechar">Fechar</button>
            <img src="{{ $documentUrl }}" alt="Documento {{ $document->invoice_number }}">
        </div>
    @endif
@endsection

@push('styles')
    <style>
        .financial-show-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;}
        .financial-main{display:flex;flex-direction:column;gap:16px;}
        .financial-aside{position:sticky;top:78px;}
        .financial-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
        .financial-kicker,.financial-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#737b88;font-weight:800;}
        .financial-total{font-size:30px;font-weight:850;color:#111827;line-height:1.1;margin-top:4px;}
        .financial-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 18px;}
        .financial-value{margin-top:4px;font-size:14px;font-weight:700;color:#111827;}
        .financial-block{margin-top:18px;}
        .financial-text{margin-top:6px;color:#343842;line-height:1.55;white-space:pre-wrap;}
        .financial-mini-totals{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap;margin-top:12px;color:#343842;}
        .invoice-card{padding:14px;}
        .invoice-thumb{display:block;width:100%;border:1px solid #e2e4ea;border-radius:8px;background:#f7f8fa;padding:6px;cursor:pointer;}
        .invoice-thumb img{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:6px;background:#fff;}
        .invoice-empty{border:1px dashed #d9dbe1;border-radius:8px;padding:24px;text-align:center;color:#737b88;font-weight:700;}
        .invoice-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:200;display:none;align-items:center;justify-content:center;padding:56px 18px 18px;}
        .invoice-lightbox.open{display:flex;}
        .invoice-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;background:#fff;}
        .invoice-lightbox-close{position:absolute;top:18px;right:18px;border:0;border-radius:8px;background:#fff;color:#111827;padding:9px 13px;font-weight:800;cursor:pointer;}
        @media(max-width:980px){.financial-show-grid{grid-template-columns:1fr;}.financial-aside{position:static;}}
    </style>
@endpush

@push('scripts')
    @if($documentUrl && !$isPdfDocument)
        <script>
            (function(){
                var open = document.getElementById('invoiceOpen');
                var close = document.getElementById('invoiceClose');
                var box = document.getElementById('invoiceLightbox');
                if(open && box){ open.addEventListener('click', function(){ box.classList.add('open'); box.setAttribute('aria-hidden', 'false'); }); }
                if(close && box){ close.addEventListener('click', function(){ box.classList.remove('open'); box.setAttribute('aria-hidden', 'true'); }); }
                if(box){ box.addEventListener('click', function(e){ if(e.target === box){ box.classList.remove('open'); box.setAttribute('aria-hidden', 'true'); } }); }
            })();
        </script>
    @endif
@endpush