@extends('layouts.app', ['title' => 'Rechnung ' . $invoice->invoice_nr])
@section('content')

<div class="container-fluid py-4" style="max-width:900px;">

    {{-- Header --}}
    <div class="d-flex align-items-start justify-content-between mb-4 gap-3 flex-wrap">
        <div>
            <div class="d-flex align-items-center gap-2 mb-1">
                <a href="{{ route('pms.orders.show', $order->id) }}"
                   class="btn btn-outline-secondary btn-sm rounded-pill px-3">
                    <i class="bi bi-arrow-left me-1"></i>Zum Auftrag
                </a>
                <span class="badge rounded-pill text-bg-light border fw-normal">{{ $order->order_nr }}</span>
                <span class="badge bg-{{ $invoice->type_badge_color }}">{{ $invoice->type_labal }}</span>
                <span class="badge bg-{{ $invoice->status_color }}">{{ $invoice->status_label }}</span>
            </div>
            <h4 class="fw-bold mb-0">{{ $invoice->invoice_nr }}</h4>
            <small class="text-muted">{{ $order->title }}</small>
        </div>
        <div class="d-flex gap-2 flex-wrap">
            @if($invoice->pdf_dms_file_id)
                <button type="button" class="btn btn-sm btn-outline-primary rounded-pill px-3"
                        data-bs-toggle="modal" data-bs-target="#pdfModal"
                        data-pdf-url="{{ route('pms.invoices.pdf', $invoice->id) }}">
                    <i class="bi bi-file-earmark-pdf me-1"></i>PDF anzeigen
                </button>
                <a href="{{ route('pms.invoices.pdf', $invoice->id) }}" download
                   class="btn btn-sm btn-primary rounded-pill px-3">
                    <i class="bi bi-download me-1"></i>PDF herunterladen
                </a>
            @endif
            @if($invoice->storno_pdf_dms_file_id)
                <button type="button" class="btn btn-sm btn-outline-danger rounded-pill px-3"
                        data-bs-toggle="modal" data-bs-target="#pdfModal"
                        data-pdf-url="{{ route('pms.invoices.storno-pdf', $invoice->id) }}">
                    <i class="bi bi-file-earmark-x me-1"></i>Storno-PDF
                </button>
            @endif
            @if($invoice->status === 'festgeschrieben')
                <button type="button" class="btn btn-sm btn-outline-danger rounded-pill px-3"
                        data-bs-toggle="modal" data-bs-target="#stornoConfirmModal">
                    <i class="bi bi-x-circle me-1"></i>Stornieren
                </button>
            @endif
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show border-0 shadow-sm py-2 mb-3">
            <i class="bi bi-check-circle me-2"></i>{{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="row g-3">
        <div class="col-lg-8">

            {{-- Positionen (read-only) --}}
            <div class="card border-0 shadow-sm">
                <div class="card-header border-0 pt-3 pb-2 px-4" style="background:#2d3340;">
                    <span class="fw-semibold text-white" style="font-size:12px; letter-spacing:.05em;">
                        <i class="bi bi-list-nested me-1"></i>POSITIONEN
                    </span>
                </div>
                <div class="card-body p-0">
                    <table class="table table-sm mb-0" style="font-size:13px;">
                        <thead class="table-light border-bottom">
                            <tr>
                                <th>Bezeichnung</th>
                                <th class="text-end" style="width:80px;">Menge</th>
                                <th class="text-end" style="width:100px;">Einzel €</th>
                                <th class="text-end" style="width:110px;">Gesamt €</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($invoice->positions as $pos)
                                @include('pms.invoices._show_row', ['pos' => $pos, 'level' => 0, 'nr' => $loop->iteration])
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
        <div class="col-lg-4">

            {{-- Summen --}}
            <div class="card border-0 shadow-sm mb-3">
                <div class="card-body px-4 py-3">
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted small">Nettobetrag</span>
                        <span class="fw-semibold">{{ number_format($invoice->subtotal, 2, ',', '.') }} €</span>
                    </div>
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted small">MwSt. {{ $invoice->vat_rate }}%</span>
                        <span>{{ number_format($invoice->vat_amount, 2, ',', '.') }} €</span>
                    </div>
                    <hr class="my-2">
                    <div class="d-flex justify-content-between">
                        <span class="fw-bold">Gesamtbetrag</span>
                        <span class="fw-bold fs-5 text-primary">{{ number_format($invoice->total, 2, ',', '.') }} €</span>
                    </div>
                    @if($invoice->type === 'schluss')
                        @php
                            $abzug = \App\Models\PmsInvoice::where('fk_order_id', $invoice->fk_order_id)
                                ->where('type', 'abschlag')->where('status', 'festgeschrieben')
                                ->where('is_deleted', 0)->sum('total');
                        @endphp
                        @if($abzug > 0)
                            <hr class="my-2">
                            <div class="d-flex justify-content-between text-muted small">
                                <span>Abzügl. Abschläge</span>
                                <span>– {{ number_format($abzug, 2, ',', '.') }} €</span>
                            </div>
                            <div class="d-flex justify-content-between mt-1">
                                <span class="fw-bold">Zahlbetrag</span>
                                <span class="fw-bold text-success">{{ number_format(max(0, $invoice->total - $abzug), 2, ',', '.') }} €</span>
                            </div>
                        @endif
                    @endif
                </div>
            </div>

            {{-- Rechnungsdaten --}}
            <div class="card border-0 shadow-sm mb-3">
                <div class="card-header bg-white border-0 pt-3 pb-1 px-4">
                    <span class="fw-semibold small text-muted text-uppercase" style="letter-spacing:.05em;">
                        <i class="bi bi-info-circle me-1"></i>Rechnungsdaten
                    </span>
                </div>
                <div class="card-body px-4 pb-3 pt-2" style="font-size:13px;">
                    <div class="row g-2">
                        <div class="col-6 text-muted small">Rechnungsdatum</div>
                        <div class="col-6 fw-semibold">{{ $invoice->invoice_date ? \Carbon\Carbon::parse($invoice->invoice_date)->format('d.m.Y') : '—' }}</div>
                        <div class="col-6 text-muted small">Fällig am</div>
                        <div class="col-6 fw-semibold">{{ $invoice->due_date ? \Carbon\Carbon::parse($invoice->due_date)->format('d.m.Y') : '—' }}</div>
                        @if($invoice->payment_method)
                        <div class="col-6 text-muted small">Zahlungsmethode</div>
                        <div class="col-6 fw-semibold">{{ $invoice->payment_method->name }}</div>
                        @endif
                        @if($invoice->bank_account)
                        <div class="col-6 text-muted small">Bankkonto</div>
                        <div class="col-6 fw-semibold" style="font-size:11px;">{{ $invoice->bank_account->bank_name }}<br>{{ $invoice->bank_account->iban }}</div>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Status-Karte --}}
            @if($invoice->status === 'festgeschrieben')
            <div class="card border-0 shadow-sm bg-light">
                <div class="card-body px-4 py-3 text-center text-muted" style="font-size:12px;">
                    <i class="bi bi-lock-fill d-block fs-4 mb-1 text-success"></i>
                    Festgeschrieben und gesperrt.<br>
                    Zum Stornieren: Button oben rechts.
                </div>
            </div>
            @elseif($invoice->status === 'storniert')
            <div class="card border-0 shadow-sm" style="border: 2px solid #dc3545 !important;">
                <div class="card-body px-4 py-3 text-center" style="font-size:12px;">
                    <i class="bi bi-x-circle-fill d-block fs-4 mb-1 text-danger"></i>
                    <span class="fw-semibold text-danger">Storniert</span><br>
                    <span class="text-muted">Eine neue Rechnung für diesen Auftrag kann jetzt erstellt werden.</span>
                    <div class="mt-2">
                        <a href="{{ route('pms.orders.show', $order->id) }}"
                           class="btn btn-sm btn-outline-secondary rounded-pill px-3">
                            <i class="bi bi-arrow-left me-1"></i>Zum Auftrag
                        </a>
                    </div>
                </div>
            </div>
            @endif

        </div>
    </div>
</div>
{{-- PDF-Vorschau-Modal --}}
<div class="modal fade" id="pdfModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered" style="max-width:90vw;">
        <div class="modal-content border-0 shadow" style="height:90vh;">
            <div class="modal-header border-0 py-2 px-3">
                <h6 class="modal-title text-muted mb-0"><i class="bi bi-file-earmark-pdf me-2 text-danger"></i>PDF Vorschau</h6>
                <div class="d-flex gap-2">
                    <a id="pdfDownloadBtn" href="#" download class="btn btn-sm btn-outline-secondary">
                        <i class="bi bi-download"></i>
                    </a>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
            </div>
            <div class="modal-body p-0" style="flex:1; overflow:hidden;">
                <iframe id="pdfFrame" src="" style="width:100%;height:100%;border:none;"></iframe>
            </div>
        </div>
    </div>
</div>
<script>
    document.querySelectorAll('[data-bs-target="#pdfModal"]').forEach(btn => {
        btn.addEventListener('click', function () {
            const url = this.dataset.pdfUrl;
            document.getElementById('pdfFrame').src = url;
            document.getElementById('pdfDownloadBtn').href = url;
        });
    });
    document.getElementById('pdfModal').addEventListener('hidden.bs.modal', function () {
        document.getElementById('pdfFrame').src = '';
    });
</script>

{{-- Storno-Bestätigungs-Modal --}}
@if($invoice->status === 'festgeschrieben')
<div class="modal fade" id="stornoConfirmModal" tabindex="-1" aria-labelledby="stornoConfirmLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow">
            <div class="modal-header bg-danger text-white border-0">
                <h5 class="modal-title" id="stornoConfirmLabel">
                    <i class="bi bi-exclamation-triangle me-2"></i>Rechnung stornieren
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form method="POST" action="{{ route('pms.invoices.storno', $invoice->id) }}">
            @csrf
            <div class="modal-body py-4">
                <p class="mb-1">Soll Rechnung <strong>{{ $invoice->invoice_nr }}</strong> wirklich storniert werden?</p>
                <p class="text-muted small mb-3">Es wird eine Stornorechnung mit neuer Nummer erstellt. Diese Aktion kann nicht rückgängig gemacht werden.</p>
                <label class="form-label small fw-semibold" for="stornoReasonInput">Stornogrund <span class="text-muted fw-normal">(optional, erscheint auf der Stornorechnung)</span></label>
                <textarea id="stornoReasonInput" name="storno_reason" class="form-control form-control-sm"
                          rows="2" maxlength="500" placeholder="z.B. Auftrag storniert, falsche Menge, Berichtigung MwSt …"></textarea>
            </div>
            <div class="modal-footer border-0">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                <button type="submit" class="btn btn-danger">
                    <i class="bi bi-x-circle me-1"></i>Endgültig stornieren
                </button>
            </div>
            </form>
        </div>
    </div>
</div>
@endif

@endsection