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

{{-- ── Modal: Kostenstelle ─────────────────────────────────────────── --}}
<div class="modal fade" id="cost-centre-item" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content border-0 shadow">
            <form action="{{ route('accounting.incoming-invoice.costcentre') }}" method="POST">
                @csrf
                <input id="editid" name="editid" value="" hidden>
                <div class="modal-header border-0 pb-0">
                    <h5 class="modal-title fw-semibold"><i class="bi bi-geo-alt me-2 text-primary"></i>Kostenstelle zuweisen</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body pt-2">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label fw-semibold">Rechnungs-Nr.</label>
                            <input type="text" class="form-control" id="editinvoice_nr" name="editinvoice_nr" disabled>
                        </div>
                        <div class="col-md-8">
                            <label class="form-label fw-semibold">Kostenstelle <span class="text-danger">*</span></label>
                            @if (!empty($cost_centers))
                                <select class="select-search form-select" id="cost_center" name="cost_center" required>
                                    <option value="" disabled selected>— bitte auswählen —</option>
                                    @foreach ($cost_centers as $itemc)
                                        <option value="{{ $itemc->id }}">
                                            {{ $itemc->old_number ?? $itemc->number }} – {{ $itemc->name }}
                                        </option>
                                    @endforeach
                                </select>
                            @endif
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-semibold">Betreff</label>
                            <input type="text" class="form-control" id="edittitle" name="edittitle" disabled>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-outline-secondary rounded-pill px-4" data-bs-dismiss="modal">Abbrechen</button>
                    <button type="submit" class="btn btn-primary rounded-pill px-4"><i class="bi bi-check-lg me-1"></i>Speichern</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- ── Modal: Zahlungsdaten ────────────────────────────────────────── --}}
<div class="modal fade" id="paid-item" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow">
            <form action="{{ route('accounting.incoming-invoice.paid') }}" method="POST">
                @csrf
                <input id="paidid" name="paidid" value="" hidden>
                <div class="modal-header border-0 pb-0">
                    <h5 class="modal-title fw-semibold"><i class="bi bi-cash-coin me-2 text-success"></i>Zahlungsdaten</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body pt-2">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Rechnungs-Nr.</label>
                            <input type="text" class="form-control" id="paidinvoice_nr" name="paidinvoice_nr" disabled>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Betreff</label>
                            <input type="text" class="form-control" id="paidtitle" name="paidtitle" disabled>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Bezahlt am <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" id="paid_date" name="paid_date"
                                value="{{ \Carbon\Carbon::today()->format('Y-m-d') }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Zahlungsmethode <span class="text-danger">*</span></label>
                            <select name="paidwithid" id="paidwithid" class="form-select" required>
                                @foreach ($payment_methods as $pitem)
                                    <option value="{{ $pitem->id }}">{{ $pitem->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-outline-secondary rounded-pill px-4" data-bs-dismiss="modal">Abbrechen</button>
                    <button type="submit" class="btn btn-success rounded-pill px-4"><i class="bi bi-check-lg me-1"></i>Speichern</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- ── Modal: Konto ────────────────────────────────────────────────── --}}
<div class="modal fade" id="konto-item" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content border-0 shadow">
            <form action="{{ route('accounting.incoming-invoice.konto') }}" method="POST">
                @csrf
                <input id="invid" name="invid" value="" hidden>
                <div class="modal-header border-0 pb-0">
                    <h5 class="modal-title fw-semibold"><i class="bi bi-bank me-2 text-warning"></i>Konto zuweisen</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body pt-2">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label fw-semibold">Rechnungs-Nr.</label>
                            <input type="text" class="form-control" id="kontoinvoice_nr" name="kontoinvoice_nr" disabled>
                        </div>
                        <div class="col-md-8">
                            <label class="form-label fw-semibold">Betreff</label>
                            <input type="text" class="form-control" id="kontotitle" name="kontotitle" disabled>
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-semibold">Konto <span class="text-danger">*</span></label>
                            @if (!empty($kontos))
                                <select class="select-search form-select" id="konto" name="konto" required>
                                    <option value="" disabled selected>— bitte auswählen —</option>
                                    @foreach ($kontos as $itemc)
                                        <option value="{{ $itemc->id }}" @selected($itemc->id == $invoice->fk_konto_id)>
                                            {{ $itemc->konto }} – {{ $itemc->name }}
                                        </option>
                                    @endforeach
                                </select>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-outline-secondary rounded-pill px-4" data-bs-dismiss="modal">Abbrechen</button>
                    <button type="submit" class="btn btn-warning rounded-pill px-4"><i class="bi bi-check-lg me-1"></i>Speichern</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- ── Modal: Neue Mahnung ─────────────────────────────────────────── --}}
<div class="modal fade" id="invoice-warning" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content border-0 shadow">
            <form action="{{ route('accounting.incoming-invoice.warning.create') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <input id="rid" name="rid" value="{{ $invoice->id }}" hidden>
                <div class="modal-header border-0 pb-0">
                    <h5 class="modal-title fw-semibold"><i class="bi bi-exclamation-triangle me-2 text-danger"></i>Neue Mahnung</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body pt-2">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label fw-semibold">Rechnungsnummer <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="wnumber" name="wnumber" required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-semibold">Eingangsdatum <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" id="wincome_date" name="wincome_date"
                                value="{{ \Carbon\Carbon::today()->format('Y-m-d') }}" required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-semibold">Zahlungsfrist bis <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" id="wexpiry_date" name="wexpiry_date" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Mahngebühr <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" id="wtotal" name="wtotal" step="0.01" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Mahnung / Datei <span class="text-danger">*</span></label>
                            <input class="form-control" type="file" id="wfile_pdf" name="wfile_pdf" accept=".msg,.pdf" required>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-outline-secondary rounded-pill px-4" data-bs-dismiss="modal">Abbrechen</button>
                    <button type="submit" class="btn btn-danger rounded-pill px-4"><i class="bi bi-check-lg me-1"></i>Speichern</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- ── Modal: Mahnung löschen ──────────────────────────────────────── --}}
<div class="modal fade" id="delete-warning" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow">
            <form action="{{ route('accounting.incoming-invoice.warning.delete') }}" method="POST">
                @csrf
                <input id="wid" name="wid" value="" hidden>
                <div class="modal-header border-0 pb-0">
                    <h5 class="modal-title fw-semibold text-danger"><i class="bi bi-trash me-2"></i>Mahnung löschen</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body text-center py-4">
                    <i class="bi bi-exclamation-triangle-fill text-danger fs-1 d-block mb-3"></i>
                    <p class="mb-0">Möchten Sie diese Mahnung wirklich löschen?</p>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-outline-secondary rounded-pill px-4" data-bs-dismiss="modal">Abbrechen</button>
                    <button type="submit" class="btn btn-danger rounded-pill px-4"><i class="bi bi-trash me-1"></i>Löschen</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- ── Modal: Neuer Zahlungsausgang ────────────────────────────────── --}}
<div class="modal fade" id="paymentModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow">
            <form action="{{ route('accounting.incoming-invoice.payment.new') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <input id="invoice_id" name="invoice_id" value="{{ $invoice->id }}" hidden>
                <div class="modal-header border-0 pb-0">
                    <h5 class="modal-title fw-semibold"><i class="bi bi-credit-card me-2 text-success"></i>Neuer Zahlungsausgang</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body pt-2">
                    <div class="row g-3">
                        <div class="col-12">
                            <label class="form-label fw-semibold">Betrag <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" id="amount" name="amount" step="0.01" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Zahlungsdatum <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" id="payment_date" name="payment_date" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Zahlungsmethode <span class="text-danger">*</span></label>
                            <select name="payment_method" id="payment_method" class="form-select" required>
                                @foreach ($payment_methods as $pitem)
                                    <option value="{{ $pitem->id }}">{{ $pitem->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-semibold">Notiz</label>
                            <textarea class="form-control" id="note" name="note" rows="2"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-outline-secondary rounded-pill px-4" data-bs-dismiss="modal">Abbrechen</button>
                    <button type="submit" class="btn btn-success rounded-pill px-4"><i class="bi bi-check-lg me-1"></i>Speichern</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- ── Modal: Zahlung löschen ──────────────────────────────────────── --}}
<div class="modal fade" id="delete-payment" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow">
            <form action="{{ route('accounting.incoming-invoice.payment.delete') }}" method="POST">
                @csrf
                <input id="pid" name="pid" value="" hidden>
                <div class="modal-header border-0 pb-0">
                    <h5 class="modal-title fw-semibold text-danger"><i class="bi bi-trash me-2"></i>Zahlung löschen</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body text-center py-4">
                    <i class="bi bi-exclamation-triangle-fill text-danger fs-1 d-block mb-3"></i>
                    <p class="mb-0">Möchten Sie diese Zahlung wirklich löschen?</p>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" class="btn btn-outline-secondary rounded-pill px-4" data-bs-dismiss="modal">Abbrechen</button>
                    <button type="submit" class="btn btn-danger rounded-pill px-4"><i class="bi bi-trash me-1"></i>Löschen</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- ══════════════════════════════════════════════════════════════════ --}}
<div class="container-fluid py-4" style="max-width:1400px;">

    {{-- ── Header ──────────────────────────────────────────────────── --}}
    <div class="d-flex align-items-center justify-content-between mb-3">
        <div class="d-flex align-items-center gap-3">
            <a href="{{ route('accounting.incoming-invoice.index') }}"
                class="btn btn-outline-secondary btn-sm rounded-pill px-3">
                <i class="bi bi-arrow-left me-1"></i>Zurück
            </a>
            <div>
                <h4 class="fw-bold mb-0">
                    <i class="bi bi-receipt me-2 text-danger"></i>{{ $invoice->invoice_nr }}
                </h4>
                <span class="text-muted small">{{ $invoice->supplier->name }}</span>
            </div>
        </div>
        <div class="d-flex gap-2">
            @if ($previous_invoice)
                <a href="{{ route('accounting.incoming-invoice.show', ['id' => $previous_invoice->id]) }}"
                    class="btn btn-outline-secondary btn-sm rounded-pill px-3">
                    <i class="bi bi-chevron-left me-1"></i>Vorherige
                </a>
            @endif
            @if ($next_invoice)
                <a href="{{ route('accounting.incoming-invoice.show', ['id' => $next_invoice->id]) }}"
                    class="btn btn-outline-secondary btn-sm rounded-pill px-3">
                    Nächste<i class="bi bi-chevron-right ms-1"></i>
                </a>
            @endif
        </div>
    </div>

    {{-- ── Workflow-Banner ──────────────────────────────────────────── --}}
    <div class="card border-0 shadow-sm mb-3">
        <div class="card-body py-2 d-flex align-items-center justify-content-between flex-wrap gap-2">
{{-- Zurückgabe --}}
            @if (Auth::user()->get_employee->is_mgt ||
                (Auth::user()->get_employee->is_mgr &&
                    $invoice->fk_department_id == Auth::user()->get_employee->get_department->department_id))
                @if ($invoice->current_phase > 1 && $invoice->fk_invoice_status_id < '3' && $wfPrevStation)
                    <form action="{{ route('accounting.incoming-invoice.zuruck') }}" method="POST" class="m-0">
                        @csrf
                        <input type="hidden" name="pid" value="{{ $invoice->id }}">
                        <button type="submit" class="btn btn-danger btn-sm rounded-pill px-3">
                            <i class="bi bi-arrow-left-square me-1"></i>Zurück an
                            <b>{{ $wfPrevStation->department->name ?? '—' }}</b>
                        </button>
                    </form>
                @endif
            @endif
          

            {{-- Aktueller Stand --}}
            @if ($invoice->fk_invoice_status_id == '4' || $invoice->fk_invoice_status_id == '3')
                <span class="btn btn-success btn-sm rounded-pill px-3 ms-5">
                    <i class="bi bi-check-circle me-1"></i>Abgeschlossen: {{ $invoice->get_current_department->name }}
                </span>
            @else
                <span class="btn btn-primary btn-sm rounded-pill px-3 ms-5">
                    <i class="bi bi-building me-1"></i>Aktuell in: {{ $invoice->get_current_department?->name ?? 'N/A' }}
                </span>
            @endif
  {{-- Aufgabe --}}
            <div class="flex-grow-1">
                @if ($invoice->fk_invoice_status_id != '4' && $wfCurrentStation)
                    <span class="badge bg-outline-info bg-opacity-15 text-info border border-info-subtle px-3 py-2">
                        <i class="bi bi-info-circle me-1"></i><b>Aufgabe:</b> {{ $wfCurrentStation->aufgabe ?? '—' }}
                    </span>
                @endif
            </div>
            

            {{-- Weiter --}}
            @if (Auth::user()->get_employee->employee_id == '15' ||
                Auth::user()->get_employee->is_mgt ||
                (Auth::user()->get_employee->is_mgr &&
                    $invoice->fk_department_id == Auth::user()->get_employee->get_department->department_id))
                @if ($invoice->fk_invoice_status_id <= '2')
                    @if (!$wfNextStation)
                        <span class="text-success fw-semibold small">
                            <i class="bi bi-check-circle me-1"></i>Workflow abgeschlossen
                        </span>
                    @else
                        <form action="{{ route('accounting.incoming-invoice.weiter') }}" method="POST" class="m-0">
                            @csrf
                            <input type="hidden" name="pid" value="{{ $invoice->id }}">
                            <button type="submit" class="btn btn-success btn-sm rounded-pill px-3">
                                Übergabe an <b>{{ $wfNextStation->department->name ?? '—' }}</b>
                                <i class="bi bi-arrow-right-square ms-1"></i>
                            </button>
                        </form>
                    @endif
                @endif
            @endif

        </div>
    </div>

    {{-- ── Status-Zeile ─────────────────────────────────────────────── --}}
    @if (Auth::user()->get_employee->is_mgt || Auth::user()->get_employee->is_acc)
    <div class="row g-3 mb-3">
        <div class="col-md-6">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body py-2">
                    <div class="small text-muted mb-2 fw-semibold">Hauptstatus</div>
                    <div class="btn-group w-100" role="group">
                        @foreach ($status_in_com as $sc)
                            <form action="{{ route('accounting.incoming-invoice.statusincompany') }}" method="POST"
                                class="flex-fill m-0">
                                @csrf
                                <input type="hidden" name="sid" value="{{ $sc->id }}">
                                <input type="hidden" name="id" value="{{ $invoice->id }}">
                                <button type="submit"
                                    class="btn btn-sm w-100 rounded-0 {{ $sc->id == $invoice->fk_invoice_status_id ? 'btn-' . $sc->color : 'btn-outline-' . $sc->color }}"
                                    {{ $sc->id == $invoice->fk_invoice_status_id ? 'disabled' : '' }}>
                                    {{ $sc->name }}
                                </button>
                            </form>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body py-2">
                    <div class="small text-muted mb-2 fw-semibold">
                        Status in Abteilung
                        <span class="text-secondary ms-1">({{ $invoice->get_current_department?->name ?? '—' }})</span>
                    </div>
                    <div class="btn-group w-100" role="group">
                        @php
                            $depStatuses = [
                                ['id' => 1, 'label' => 'unbearbeitet',          'color' => 'secondary'],
                                ['id' => 2, 'label' => 'in Bearbeitung',        'color' => 'primary'],
                                ['id' => 3, 'label' => 'wartet auf Rückmeldung','color' => 'warning'],
                            ];
                        @endphp
                        @foreach ($depStatuses as $ds)
                            <form action="{{ route('accounting.incoming-invoice.statusindepartment') }}" method="POST"
                                class="flex-fill m-0">
                                @csrf
                                <input type="hidden" name="sid" value="{{ $ds['id'] }}">
                                <input type="hidden" name="pid" value="{{ $invoice->id }}">
                                <button type="submit"
                                    class="btn btn-sm w-100 rounded-0 {{ $invoice->fk_status_in_department_id == $ds['id'] ? 'btn-' . $ds['color'] : 'btn-outline-' . $ds['color'] }}"
                                    {{ $invoice->fk_status_in_department_id == $ds['id'] ? 'disabled' : '' }}>
                                    {{ $ds['label'] }}
                                </button>
                            </form>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    {{-- ── Hauptinhalt ──────────────────────────────────────────────── --}}
    <div class="row g-3">

        {{-- ── Links: Rechnungsdetails ─────────────────────────────── --}}
        <div class="col-lg-8">
            <div class="card border-0 shadow-sm">

                {{-- Tabs --}}
                <div class="card-header bg-white border-0 pt-3 pb-0">
                    <ul class="nav nav-tabs card-header-tabs" id="invoice-tabs">
                        <li class="nav-item">
                            <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-data">
                                <i class="bi bi-file-text me-1"></i>Rechnungsdaten
                            </button>
                        </li>
                        <li class="nav-item">
                            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-warnings">
                                <i class="bi bi-exclamation-triangle me-1 text-danger"></i>Mahnungen
                                @if ($invoice->get_warning->count() > 0)
                                    <span class="badge bg-danger ms-1">{{ $invoice->get_warning->count() }}</span>
                                @endif
                            </button>
                        </li>
                        <li class="nav-item">
                            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-payments">
                                <i class="bi bi-credit-card me-1 text-success"></i>Zahlungsausgänge
                                @if ($invoice->get_payments->count() > 0)
                                    <span class="badge bg-success ms-1">{{ $invoice->get_payments->count() }}</span>
                                @endif
                            </button>
                        </li>
                        <li class="nav-item">
                            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-pdf">
                                <i class="bi bi-file-earmark-pdf me-1 text-danger"></i>PDF
                            </button>
                        </li>
                    </ul>
                </div>

                <div class="tab-content">

                    {{-- Tab 1: Rechnungsdaten --}}
                    <div class="tab-pane fade show active p-4" id="tab-data">
                        <div class="row g-3">

                            {{-- Stammdaten --}}
                            <div class="col-md-8">
                                <div class="card   border-1 p-1">

                                    <div class="row g-3 ">
                                    <div class="col-md-8 ">
                                        <label class="form-label text-muted small mb-1">Lieferant</label>
                                        <div class="fw-semibold">{{ $invoice->supplier->name }}</div>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label text-muted small mb-1">Download</label>
                                        <div>
                                            <a href="{{ route('accounting.incoming-invoice.file.download', ['id' => $invoice->id]) }}"
                                                class="btn btn-sm btn-outline-secondary w-100">
                                                <i class="bi bi-file-earmark-pdf-fill text-danger me-1"></i>
                                                <i class="bi bi-download"></i> {{ $invoice->invoice_nr }}
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label text-muted small mb-1">Rechnungs-Nr.</label>
                                        <div class="fw-semibold">{{ $invoice->invoice_nr }}</div>
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label text-muted small mb-1">Rechnungsdatum</label>
                                        <div>{{ !empty($invoice->invoice_date) ? date('d.m.Y', strtotime($invoice->invoice_date)) : '—' }}</div>
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label text-muted small mb-1">Eingangsdatum</label>
                                        <div>{{ date('d.m.Y', strtotime($invoice->income_date)) }}</div>
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label text-muted small mb-1">Zahlungsfrist</label>
                                        <div class="{{ \Carbon\Carbon::parse($invoice->expiry_date)->isPast() && $invoice->fk_invoice_status_id < 3 ? 'text-danger fw-semibold' : '' }}">
                                            {{ date('d.m.Y', strtotime($invoice->expiry_date)) }}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label text-muted small mb-1">Zahlungsart</label>
                                        <div>
                                            @switch($invoice->is_prepayment)
                                                @case(1) <span class="badge bg-warning text-dark">VORKASSE</span> @break
                                                @case(2) <span class="badge bg-info text-dark">Gutschrift</span> @break
                                                @case(0) <span class="badge bg-secondary">NACH ERHALT</span> @break
                                                @case(3) <span class="badge bg-dark">Sofort Barkasse</span> @break
                                                @default  <span class="badge bg-light text-muted">Unbekannt</span>
                                            @endswitch
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <label class="form-label text-muted small mb-1">Betreff</label>
                                        <div class="fw-semibold">{{ $invoice->title }}</div>
                                    </div>
                                    @if ($invoice->info)
                                    
                                        <div class="col-12">
                                            <label class="form-label text-muted small mb-1">Info / Hinweise</label>
                                            <div class="text-muted small">{{ $invoice->info }}</div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            </div>

                            {{-- Beträge --}}
                            <div class="col-md-4">
                                <div class="card bg-light border-1 h-100  ">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-between mb-2">
                                            <span class="text-muted small">Netto</span>
                                            <span class="small">{{ number_format($invoice->subtotal, 2, ',', '.') }} €</span>
                                        </div>
                                        <div class="d-flex justify-content-between mb-2">
                                            <span class="text-muted small">MwSt. {{ $invoice->tax_percent * 100 }}%</span>
                                            <span class="small">{{ number_format($invoice->tax, 2, ',', '.') }} €</span>
                                        </div>
                                        <div class="d-flex justify-content-between border-top pt-2 mb-2">
                                            <span class="fw-semibold">Brutto</span>
                                            <span class="fw-semibold">{{ number_format($invoice->total, 2, ',', '.') }} €</span>
                                        </div>
                                        @if ($invoice->get_warning->count() > 0)
                                            <div class="d-flex justify-content-between">
                                                <span class="text-danger small">Mahngebühren</span>
                                                <span class="text-danger small">+{{ number_format($invoice->get_warning->sum('total'), 2, ',', '.') }} €</span>
                                            </div>
                                            <div class="d-flex justify-content-between border-top pt-1 mb-2">
                                                <span class="text-danger fw-semibold small">Gesamt</span>
                                                <span class="text-danger fw-semibold small">{{ number_format($invoice->total + $invoice->get_warning->sum('total'), 2, ',', '.') }} €</span>
                                            </div>
                                        @endif
                                        @if ($invoice->get_payments->count() > 0)
                                            <div class="d-flex justify-content-between">
                                                <span class="text-success small">Zahlungen</span>
                                                <span class="text-success small">−{{ number_format($invoice->get_payments->sum('amount'), 2, ',', '.') }} €</span>
                                            </div>
                                            <div class="d-flex justify-content-between border-top pt-1">
                                                <span class="text-danger fw-semibold">Offen</span>
                                                <span class="text-danger fw-semibold">{{ number_format($invoice->total + $invoice->get_warning->sum('total') - $invoice->get_payments->sum('amount'), 2, ',', '.') }} €</span>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            {{-- Kostenstelle --}}
                            <div class="col-md-6 card border-1 ">
                                <div class="card border-0 bg-light">
                                    <div class="card-body py-2 px-3">
                                        <div class="d-flex align-items-center justify-content-between mb-1">
                                            <span class="text-muted small fw-semibold">Kostenstelle</span>
                                            <button type="button" class="btn btn-sm btn-outline-primary rounded-circle"
                                                onclick="CostItem({{ $invoice->id }})"
                                                style="width:26px;height:26px;padding:0;">
                                                <i class="bi bi-pencil" style="font-size:.65rem;"></i>
                                            </button>
                                        </div>
                                        @if (isset($invoice->get_cost_center))
                                            <span class="fw-semibold">
                                                {{ $invoice->get_cost_center->old_number ?? $invoice->get_cost_center->number }}
                                                – {{ $invoice->get_cost_center->name }}
                                            </span>
                                        @else
                                            <span class="text-muted fst-italic small">nicht zugewiesen</span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            {{-- Buchhaltung --}}
                            @if ($invoice->fk_invoice_status_id == '2' ||
                                $invoice->fk_invoice_status_id == '3' ||
                                ($invoice->fk_invoice_status_id == '1' && $invoice->fk_status_in_department_id == '2'))
                                <div class="col-md-6 card border-1">
                                    <div class="card border-0 bg-light">
                                        <div class="card-body py-2 px-3">
                                            <div class="text-muted small fw-semibold mb-1">Buchhaltung</div>
                                            <div class="row g-2">
                                                <div class="col-6">
                                                    <div class="small text-muted">Bezahlt am</div>
                                                    <div class="d-flex align-items-center gap-1">
                                                        @if (Auth::user()->get_employee->is_acc)
                                                            <button type="button" class="btn btn-sm btn-outline-primary rounded-circle"
                                                                onclick="paidItem({{ $invoice->id }})"
                                                                style="width:22px;height:22px;padding:0;">
                                                                <i class="bi bi-pencil" style="font-size:.55rem;"></i>
                                                            </button>
                                                        @endif
                                                        <span class="small">
                                                            {{ $invoice->paid_date ? date('d.m.Y', strtotime($invoice->paid_date)) : 'noch unbezahlt' }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-6">
                                                    <div class="small text-muted">Bezahlt mit</div>
                                                    <span class="small">
                                                        @if ($invoice->paid_date)
                                                            {{ $invoice->get_payment_method?->name ?? $invoice->paid_with ?? '—' }}
                                                        @else
                                                            —
                                                        @endif
                                                    </span>
                                                </div>
                                                <div class="col-12">
                                                    <div class="small text-muted">Konto</div>
                                                    <div class="d-flex align-items-center gap-1">
                                                        @if (Auth::user()->get_employee->is_acc)
                                                            <button type="button" class="btn btn-sm btn-outline-primary rounded-circle"
                                                                onclick="kontoItem({{ $invoice->id }})"
                                                                style="width:22px;height:22px;padding:0;">
                                                                <i class="bi bi-pencil" style="font-size:.55rem;"></i>
                                                            </button>
                                                        @endif
                                                        <span class="small">
                                                            {{ $invoice->fk_konto_id ? $invoice->konto->konto . ' – ' . $invoice->konto->name : '—' }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif

                        </div>

                        {{-- Inline-Mahnungsvorschau --}}
                        @if ($invoice->get_warning->count() > 0)
                            <div class="mt-4 card border-1 p-1">
                                <h6 class="text-danger fw-semibold mb-2">
                                    <i class="bi bi-exclamation-triangle me-1"></i>Mahnungen
                                </h6>
                                <div class="table-responsive">
                                    <table class="table table-sm align-middle mb-0">
                                        <thead class="table-light">
                                            <tr>
                                                <th>#</th>
                                                <th>Eingangsdatum</th>
                                                <th>Frist bis</th>
                                                <th class="text-end">Mahngebühr</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($invoice->get_warning as $witem)
                                                <tr>
                                                    <td class="text-muted">{{ $witem->number }}</td>
                                                    <td class="small">{{ date('d.m.Y', strtotime($witem->income_date)) }}</td>
                                                    <td class="small">{{ date('d.m.Y', strtotime($witem->expiry_date)) }}</td>
                                                    <td class="text-end small text-danger">{{ number_format($witem->total, 2, ',', '.') }} €</td>
                                                    <td>
                                                        <a href="{{ route('dms.file.download', ['id' => $witem->file_id]) }}"
                                                            class="btn btn-sm btn-outline-secondary py-0 px-2">
                                                            <i class="bi bi-file-earmark-pdf text-danger"></i>
                                                            <i class="bi bi-download"></i>
                                                        </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @endif

                        {{-- Inline-Zahlungsvorschau --}}
                        @if ($invoice->get_payments->count() > 0)
                            <div class="mt-4 card border-1 p-1">
                                <h6 class="text-success fw-semibold mb-2">
                                    <i class="bi bi-credit-card me-1"></i>Zahlungsausgänge
                                </h6>
                                <div class="table-responsive">
                                    <table class="table table-sm align-middle mb-0">
                                        <thead class="table-light">
                                            <tr>
                                                <th>#</th>
                                                <th class="text-end">Betrag</th>
                                                <th>Datum</th>
                                                <th>Methode</th>
                                                <th>Notiz</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($invoice->get_payments as $pitem)
                                                <tr>
                                                    <td class="text-muted">{{ $pitem->id }}</td>
                                                    <td class="text-end small text-success">{{ number_format($pitem->amount, 2, ',', '.') }} €</td>
                                                    <td class="small">{{ date('d.m.Y', strtotime($pitem->payment_date)) }}</td>
                                                    <td class="small">{{ $pitem->get_payment_method->name }}</td>
                                                    <td class="small text-muted">{{ $pitem->note }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @endif
                    </div>

                    {{-- Tab 2: Mahnungen --}}
                    <div class="tab-pane fade p-4" id="tab-warnings">
                        @if (Auth::user()->get_employee->is_mgt || Auth::user()->get_employee->is_sec)
                            <div class="mb-3">
                                <button type="button" class="btn btn-danger btn-sm rounded-pill px-3"
                                    data-bs-toggle="modal" data-bs-target="#invoice-warning">
                                    <i class="bi bi-plus-lg me-1"></i>Neue Mahnung
                                </button>
                            </div>
                        @endif
                        @if ($invoice->get_warning->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-hover align-middle mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th>#</th>
                                            <th>Eingangsdatum</th>
                                            <th>Frist bis</th>
                                            <th class="text-end">Mahngebühr</th>
                                            <th>PDF</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($invoice->get_warning as $witem)
                                            <tr>
                                                <td class="text-muted">{{ $witem->number }}</td>
                                                <td class="small">{{ date('d.m.Y', strtotime($witem->income_date)) }}</td>
                                                <td class="small">{{ date('d.m.Y', strtotime($witem->expiry_date)) }}</td>
                                                <td class="text-end small text-danger fw-semibold">{{ number_format($witem->total, 2, ',', '.') }} €</td>
                                                <td>
                                                    <a href="{{ route('dms.file.download', ['id' => $witem->file_id]) }}"
                                                        class="btn btn-sm btn-outline-secondary py-0 px-2">
                                                        <i class="bi bi-file-earmark-pdf text-danger"></i>
                                                        <i class="bi bi-download"></i>
                                                        {{ $witem->number }}-Mahnung
                                                    </a>
                                                </td>
                                                <td>
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger rounded-circle delete_btn"
                                                        data-bs-toggle="modal" data-bs-target="#delete-warning"
                                                        data-id="{{ $witem->id }}"
                                                        style="width:28px;height:28px;padding:0;">
                                                        <i class="bi bi-trash" style="font-size:.7rem;"></i>
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="text-center py-5 text-muted">
                                <i class="bi bi-inbox d-block fs-2 opacity-25 mb-2"></i>Keine Mahnungen
                            </div>
                        @endif
                    </div>

                    {{-- Tab 3: Zahlungsausgänge --}}
                    <div class="tab-pane fade p-4" id="tab-payments">
                        @if (Auth::user()->get_employee->is_mgt || Auth::user()->get_employee->is_sec || Auth::user()->get_employee->is_acc)
                            <div class="mb-3">
                                <button type="button" class="btn btn-success btn-sm rounded-pill px-3"
                                    data-bs-toggle="modal" data-bs-target="#paymentModal">
                                    <i class="bi bi-plus-lg me-1"></i>Neuer Zahlungsausgang
                                </button>
                            </div>
                        @endif
                        @if ($invoice->get_payments->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-hover align-middle mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th>#</th>
                                            <th class="text-end">Betrag</th>
                                            <th>Datum</th>
                                            <th>Methode</th>
                                            <th>Notiz</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($invoice->get_payments as $pitem)
                                            <tr>
                                                <td class="text-muted">{{ $pitem->id }}</td>
                                                <td class="text-end small fw-semibold text-success">{{ number_format($pitem->amount, 2, ',', '.') }} €</td>
                                                <td class="small">{{ date('d.m.Y', strtotime($pitem->payment_date)) }}</td>
                                                <td class="small">{{ $pitem->get_payment_method->name }}</td>
                                                <td class="small text-muted">{{ $pitem->note }}</td>
                                                <td>
                                                    <button type="button"
                                                        class="btn btn-sm btn-outline-danger rounded-circle delete_payment"
                                                        data-bs-toggle="modal" data-bs-target="#delete-payment"
                                                        data-id="{{ $pitem->id }}"
                                                        style="width:28px;height:28px;padding:0;">
                                                        <i class="bi bi-trash" style="font-size:.7rem;"></i>
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot class="table-light">
                                        <tr>
                                            <td colspan="1" class="fw-semibold small">Summe</td>
                                            <td class="text-end fw-semibold small text-success">{{ number_format($invoice->get_payments->sum('amount'), 2, ',', '.') }} €</td>
                                            <td colspan="4"></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        @else
                            <div class="text-center py-5 text-muted">
                                <i class="bi bi-inbox d-block fs-2 opacity-25 mb-2"></i>Keine Zahlungsausgänge
                            </div>
                        @endif
                    </div>

                    {{-- Tab 4: PDF --}}
                    <div class="tab-pane fade" id="tab-pdf">
                        <iframe src="{{ route('accounting.incoming-invoice.file.get', ['id' => $invoice->id]) }}"
                            width="100%" style="height:80vh; border:0;"></iframe>
                    </div>

                </div>
            </div>
        </div>

        {{-- ── Rechts: Timeline ────────────────────────────────────── --}}
        <div class="col-lg-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body p-3">

                    @if ($invoice->id != 6)
                    <form action="{{ route('accounting.incoming-invoice.timeline') }}" method="POST"
                        onsubmit="syncTextarea()" novalidate>
                        @csrf
                        <input type="hidden" name="pid" value="{{ $invoice->id }}">

                        <div class="d-flex gap-1 mb-2">
                            @foreach([
                                ['4','notes','bi-info-square-fill','Info','text-info'],
                                ['0','call','bi-telephone-fill','Anruf','text-success'],
                                ['1','mail','bi-envelope-fill','E-Mail','text-primary'],
                                ['2','poste','bi-mailbox2','Post','text-secondary'],
                                ['3','personally','bi-people-fill','Persönlich','text-warning'],
                            ] as [$val,$rid,$ico,$lbl,$col])
                            <label class="tl-type-label flex-fill text-center rounded py-1 px-0"
                                   title="{{ $lbl }}" style="cursor:pointer; font-size:11px;">
                                <input class="d-none tl-type-radio" onclick="contact_checked(this);"
                                       type="radio" name="contact_type" value="{{ $val }}" id="{{ $rid }}"
                                       {{ $val==='4' ? 'checked' : '' }}>
                                <i class="bi {{ $ico }} d-block {{ $col }}" style="font-size:17px;"></i>
                                <span class="d-block" style="line-height:1.1;">{{ $lbl }}</span>
                            </label>
                            @endforeach
                        </div>

                        <div id="contact-with" class="mb-2" style="display:none;">
                            <input type="text" name="contact_dst" class="form-control form-control-sm"
                                placeholder="Kontakt mit …" list="contact-dst-list">
                            <datalist id="contact-dst-list">
                                <option value="Lieferant: {{ $invoice->supplier->name }}">
                            </datalist>
                        </div>

                        <textarea id="msg" name="msg" style="display:none;" required></textarea>
                        <div id="editor-container" class="mb-2"></div>

                        <button type="submit" class="btn btn-primary btn-sm rounded-pill px-3 w-100">
                            <i class="bi bi-send me-1"></i>Speichern
                        </button>
                    </form>
                    <hr class="my-3">
                    @endif

                    {{-- Filter --}}
                    <div class="d-flex align-items-center gap-1 mb-3 flex-wrap">
                        <span class="text-muted small me-1">Filter:</span>
                        @foreach([
                            ['0','all','bi-list-ul','Alle'],
                            ['1','fnotes','bi-info-square-fill','Info'],
                            ['2','fcall','bi-telephone-fill','Anruf'],
                            ['3','fmail','bi-envelope-fill','E-Mail'],
                            ['4','fposte','bi-mailbox2','Post'],
                            ['5','fpersonally','bi-people-fill','Person'],
                        ] as [$val,$fid,$ico,$lbl])
                        <label class="tl-filter-label rounded px-1 py-0" title="{{ $lbl }}"
                               style="cursor:pointer; font-size:10px; line-height:1.8;">
                            <input class="d-none tl-filter-radio" onclick="filter_checked(this);"
                                   type="radio" name="note_type" value="{{ $val }}" id="{{ $fid }}"
                                   {{ $val==='0' ? 'checked' : '' }}>
                            <i class="bi {{ $ico }}"></i> {{ $lbl }}
                        </label>
                        @endforeach
                    </div>

                    {{-- Einträge --}}
                    @forelse($invoice->timelines->sortByDesc('created_at') as $tt)
                        @if($tt->is_event or $tt->is_email or $tt->is_note or $tt->is_call or $tt->is_post or $tt->is_personally)
                            @php
                                $isEvent      = (bool) $tt->is_event;
                                $isNote       = $tt->is_note && !$tt->is_event;
                                $isCall       = (bool) $tt->is_call;
                                $isEmail      = (bool) $tt->is_email;
                                $isPost       = (bool) $tt->is_post;
                                $isPersonally = (bool) $tt->is_personally;
                                if ($isEvent)        { $tlIcon = 'bi-robot';            $tlColor = '#6c757d'; }
                                elseif ($isNote)     { $tlIcon = 'bi-info-square-fill'; $tlColor = '#0dcaf0'; }
                                elseif ($isCall)     { $tlIcon = 'bi-telephone-fill';   $tlColor = '#198754'; }
                                elseif ($isEmail)    { $tlIcon = 'bi-envelope-fill';    $tlColor = '#0d6efd'; }
                                elseif ($isPost)     { $tlIcon = 'bi-mailbox2';         $tlColor = '#6c757d'; }
                                else                 { $tlIcon = 'bi-people-fill';      $tlColor = '#ffc107'; }
                            @endphp
                            <div class="note0 {{ $isNote || $isEvent ? 'note1' : '' }} {{ $isCall ? 'note2' : '' }} {{ $isEmail ? 'note3' : '' }} {{ $isPost ? 'note4' : '' }} {{ $isPersonally ? 'note5' : '' }} mb-2">
                                <div class="rounded border" style="border-left: 3px solid {{ $tlColor }} !important; background:#fff;">
                                    <div class="d-flex align-items-center gap-2 px-2 pt-2 pb-1 border-bottom"
                                         style="background:#f8f9fa; border-radius:.375rem .375rem 0 0;">
                                        <i class="bi {{ $tlIcon }}" style="color:{{ $tlColor }}; font-size:14px;"></i>
                                        <span class="ms-auto text-muted" style="font-size:10px;">
                                            <i class="bi bi-clock me-1"></i>{{ $tt->created_at ? \Carbon\Carbon::parse($tt->created_at)->format('d.m.Y - H:i') : '—' }}
                                        </span>
                                    </div>
                                    <div class="px-2 py-2">
                                        <div class="small mb-1" style="white-space:pre-line;">{!! $tt->event_msg !!}</div>
                                        <div class="text-muted" style="font-size:10px;">
                                            <i class="bi bi-person me-1"></i>{{ $tt->get_employee?->first_name }} {{ $tt->get_employee?->last_name }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @empty
                        <div class="text-center text-muted py-4">
                            <i class="bi bi-chat-left-dots d-block fs-2 mb-1 opacity-25"></i>
                            <small>Noch keine Einträge.</small>
                        </div>
                    @endforelse

                </div>
            </div>
        </div>

    </div>
</div>

<script>
    $(document).on('click', '.delete_btn', function () {
        $('#wid').val($(this).data('id'));
    });

    $(document).on('click', '.delete_payment', function () {
        $('#pid').val($(this).data('id'));
    });

    function CostItem(id) {
        var url = "{{ route('accounting.incoming-invoice.get', ':id') }}".replace(':id', id);
        $.get(url, function (item) {
            $('#editid').val(item.id);
            $('#editinvoice_nr').val(item.invoice_nr);
            $('#edittitle').val(item.title);
            var select2 = $('#cost_center').selectize();
            select2[0].selectize.setValue(item.cost_centre_nr);
            new bootstrap.Modal(document.getElementById('cost-centre-item')).show();
        });
    }

    function paidItem(id) {
        var url = "{{ route('accounting.incoming-invoice.get', ':id') }}".replace(':id', id);
        $.get(url, function (item) {
            $('#paidid').val(item.id);
            $('#paidinvoice_nr').val(item.invoice_nr);
            $('#paidtitle').val(item.title);
            if (item.paid_date) $('#paid_date').val(item.paid_date);
            new bootstrap.Modal(document.getElementById('paid-item')).show();
        });
    }

    function kontoItem(id) {
        var url = "{{ route('accounting.incoming-invoice.get', ':id') }}".replace(':id', id);
        $.get(url, function (item) {
            $('#invid').val(item.id);
            $('#kontoinvoice_nr').val(item.invoice_nr);
            $('#kontotitle').val(item.title);
            new bootstrap.Modal(document.getElementById('konto-item')).show();
        });
    }

    function contact_checked() {
        if (document.getElementById('notes').checked) {
            document.getElementById('contact-with').style.display = 'none';
        } else {
            document.getElementById('contact-with').style.display = 'block';
        }
    }
    $(document).ready(function () { contact_checked(); });
</script>
@endsection