@extends('layouts.app', ['title' => 'Rechnungswesen | Eingangsrechnungen'])
@section('content')

    {{-- ── Neuer Lieferant ────────────────────────────────────────────── --}}
    <div class="modal fade" id="new-supplier" 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('srm.supplier.create') }}" method="POST" novalidate>
                    @csrf
                    <div class="modal-header border-0 pb-0">
                        <h5 class="modal-title fw-semibold">
                            <i class="bi bi-building-add me-2 text-success"></i>Neuer Lieferant
                        </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">Name <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="name" name="name"
                                    list="lieferant" autocomplete="off" required>
                                <datalist id="lieferant">
                                    @foreach ($suppliers as $item)
                                        <option>{{ $item->name }}</option>
                                    @endforeach
                                </datalist>
                            </div>
                            <div class="col-12">
                                <label class="form-label fw-semibold">Adresse</label>
                                <input type="text" class="form-control" id="address" name="address">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Tel</label>
                                <input type="text" class="form-control" id="tel" name="tel">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Mobil</label>
                                <input type="text" class="form-control" id="mobile" name="mobile">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Fax</label>
                                <input type="text" class="form-control" id="fax" name="fax">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">E-Mail</label>
                                <input type="email" class="form-control" id="email" name="email">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Webseite</label>
                                <input type="text" class="form-control" id="website" name="website">
                            </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>

    {{-- ── Neue Eingangsrechnung ───────────────────────────────────────── --}}
    <div class="modal fade" id="new-item" data-bs-backdrop="static" data-bs-keyboard="false"
        tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content border-0 shadow">
                <form action="{{ route('accounting.incoming-invoice.create') }}" method="POST"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="modal-header border-0 pb-0">
                        <h5 class="modal-title fw-semibold">
                            <i class="bi bi-receipt me-2 text-success"></i>Neue Eingangsrechnung
                        </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">Priorisierung <span class="text-danger">*</span></label>
                                @if (!empty($invoice_priorities))
                                    <select class="form-select" id="invoice_priority" name="invoice_priority" required>
                                        <option value="" disabled selected>— bitte auswählen —</option>
                                        @foreach ($invoice_priorities as $itemc)
                                            <option value="{{ $itemc->id }}"
                                                style="background-color:{{ $itemc->color }}75">
                                                {{ $itemc->priority }} – {{ $itemc->description }}
                                            </option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Workflow <span class="text-danger">*</span></label>
                                <select class="form-select" name="workflow_id" required>
                                    <option value="" disabled>— wählen —</option>
                                    @foreach ($workflows as $wf)
                                        <option value="{{ $wf->id }}" {{ $wf->id == 1 ? 'selected' : '' }}>
                                            {{ $wf->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-11">
                                <label class="form-label fw-semibold">Lieferant <span class="text-danger">*</span></label>
                                @if (!empty($suppliers))
                                    <select class="select-search form-select" id="supplier" name="supplier" required>
                                        <option value="" disabled selected>— bitte auswählen —</option>
                                        @foreach ($suppliers as $itemc)
                                            <option value="{{ $itemc->id }}">{{ $itemc->name }}</option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                            <div class="col-md-1 d-flex align-items-end">
                                <button type="button" class="btn btn-success w-100"
                                    data-bs-toggle="modal" data-bs-target="#new-supplier">
                                    <i class="bi bi-plus-lg"></i>
                                </button>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Kostenstelle-Nr.</label>
                                @if (!empty($cost_centers))
                                    <select class="select-search form-select" id="cost_center" name="cost_center">
                                        <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-md-6">
                                <label class="form-label fw-semibold">Rechnungsnummer <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="invoice_nr" name="invoice_nr" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Rechnungsdatum <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" id="invoice_date" name="invoice_date"
                                    value="{{ Carbon\Carbon::today()->format('Y-m-d') }}" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Eingangsdatum <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" id="income_date" name="income_date"
                                    value="{{ Carbon\Carbon::today()->format('Y-m-d') }}" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Zahlungsfrist bis <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" id="expiry_date" name="expiry_date" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Bezahlung</label>
                                <select name="prepayment" id="prepayment" class="form-select">
                                    <option value="1">VORKASSE</option>
                                    <option value="2">Gutschrift</option>
                                    <option value="0">NACH ERHALT</option>
                                    <option value="3">Sofort Barkasse</option>
                                </select>
                            </div>
                            <div class="col-12">
                                <label class="form-label fw-semibold">Rechnung / PDF hochladen <span class="text-danger">*</span></label>
                                <input class="form-control" type="file" id="file_pdf" name="file_pdf"
                                    accept=".pdf" required>
                            </div>
                            <div class="col-12">
                                <label class="form-label fw-semibold">Betreff <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="title" name="title" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Summe (netto) <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" id="subtotal" name="subtotal"
                                    step="0.01" onkeyup="calc()" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">MwSt. % <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" id="tax_percent" name="tax_percent"
                                    step="0.01" value="19" onkeyup="calc()" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">zzgl. MwSt.</label>
                                <input type="number" class="form-control bg-light" id="tax" name="tax"
                                    step="0.01" readonly>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Summe (brutto)</label>
                                <input type="number" class="form-control bg-light" id="total" name="total"
                                    step="0.01" readonly>
                            </div>
                            <div class="col-12">
                                <label class="form-label fw-semibold">Info / Hinweise</label>
                                <textarea name="info" id="info" rows="2" class="form-control"></textarea>
                            </div>
                        </div>
                        <p class="text-muted small mt-2 mb-0">
                            <i class="bi bi-info-circle me-1"></i>Mit <span class="text-danger">*</span> markierte Felder sind Pflichtfelder.
                        </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-success rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Speichern
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- ── Rechnung bearbeiten ─────────────────────────────────────────── --}}
    <div class="modal fade" id="edit-item" data-bs-backdrop="static" data-bs-keyboard="false"
        tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content border-0 shadow">
                <form action="{{ route('accounting.incoming-invoice.update') }}" method="POST"
                    enctype="multipart/form-data" novalidate>
                    @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-pencil-square me-2 text-primary"></i>Rechnung bearbeiten
                        </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">Priorisierung <span class="text-danger">*</span></label>
                                @if (!empty($invoice_priorities))
                                    <select class="form-select" id="edit_invoice_priority" name="edit_invoice_priority" required>
                                        <option value="" disabled selected>— bitte auswählen —</option>
                                        @foreach ($invoice_priorities as $itemc)
                                            <option value="{{ $itemc->id }}"
                                                style="background-color:{{ $itemc->color }}75">
                                                {{ $itemc->priority }} – {{ $itemc->description }}
                                            </option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                            <div class="col-md-11">
                                <label class="form-label fw-semibold">Lieferant <span class="text-danger">*</span></label>
                                @if (!empty($suppliers))
                                    <select class="select-search sss form-select" id="editsupplier" name="editsupplier" required>
                                        @foreach ($suppliers as $itemc)
                                            <option value="{{ $itemc->id }}" id="{{ $itemc->id }}">
                                                {{ $itemc->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                            <div class="col-md-1 d-flex align-items-end">
                                <button type="button" class="btn btn-success w-100"
                                    data-bs-toggle="modal" data-bs-target="#new-supplier">
                                    <i class="bi bi-plus-lg"></i>
                                </button>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Kostenstelle-Nr.</label>
                                @if (!empty($cost_centers))
                                    <select class="select-search form-select" id="editcost_center" name="editcost_center">
                                        <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-md-6">
                                <label class="form-label fw-semibold">Rechnungsnummer <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="editinvoice_nr" name="editinvoice_nr" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Rechnungsdatum <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" id="editinvoice_date" name="editinvoice_date" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Eingangsdatum <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" id="editincome_date" name="editincome_date" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Zahlungsfrist bis <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" id="editexpiry_date" name="editexpiry_date" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Bezahlung</label>
                                <select name="editprepayment" id="editprepayment" class="form-select">
                                    <option value="1">VORKASSE</option>
                                    <option value="2">Gutschrift</option>
                                    <option value="0">NACH ERHALT</option>
                                    <option value="3">Sofort Barkasse</option>
                                </select>
                            </div>
                            <div class="col-md-8">
                                <label class="form-label fw-semibold">Neue Rechnung / PDF hochladen</label>
                                <input class="form-control" type="file" id="editfile_pdf" name="editfile_pdf" accept=".pdf">
                            </div>
                            <div class="col-md-4 d-flex align-items-end">
                                <a href="#" target="_blank" id="file-old"
                                    class="btn btn-outline-secondary w-100">
                                    <i class="bi bi-file-earmark-pdf-fill text-danger me-1"></i>
                                    <i class="bi bi-download me-1"></i>Aktuelle Rechnung
                                </a>
                            </div>
                            <div class="col-12">
                                <label class="form-label fw-semibold">Betreff <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="edittitle" name="edittitle" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Summe (netto) <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" id="editsubtotal" name="editsubtotal"
                                    step="0.01" onkeyup="calc_edit()" required>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">MwSt. %</label>
                                <input type="number" class="form-control" id="edittax_percent" name="edittax_percent"
                                    step="0.01" value="19" onkeyup="calc_edit()">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">zzgl. MwSt.</label>
                                <input type="number" class="form-control bg-light" id="edittax" name="edittax"
                                    step="0.01" readonly>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Summe (brutto)</label>
                                <input type="number" class="form-control bg-light" id="edittotal" name="edittotal"
                                    step="0.01" readonly>
                            </div>
                            <div class="col-12">
                                <label class="form-label fw-semibold">Info / Hinweise</label>
                                <textarea name="editinfo" id="editinfo" rows="2" class="form-control"></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-primary rounded-pill px-4">
                            <i class="bi bi-check-lg me-1"></i>Änderung speichern
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- ── Rechnung löschen ────────────────────────────────────────────── --}}
    <div class="modal fade" id="delete-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.delete') }}" method="POST">
                    @csrf
                    <input id="did" name="did" 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>Rechnung 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-warning fs-1 mb-3 d-block"></i>
                        <p class="mb-0">Möchten Sie diese Rechnung 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>

    {{-- ── PDF Vollbild ─────────────────────────────────────────────────── --}}
    <div class="modal fade" id="pdfModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-fullscreen">
            <div class="modal-content border-0">
                <div class="modal-header border-0 pb-0">
                    <h6 class="modal-title fw-semibold">
                        <i class="bi bi-file-earmark-pdf-fill text-danger me-2"></i>Rechnung
                    </h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body p-2">
                    <iframe src="" style="width:100%; height:85vh;" frameborder="0" id="pdf-src"></iframe>
                </div>
                <div class="modal-footer border-0 py-2">
                    <button type="button" class="btn btn-outline-secondary rounded-pill px-4"
                        data-bs-dismiss="modal">Schließen</button>
                </div>
            </div>
        </div>
    </div>

    {{-- ── Main Content ─────────────────────────────────────────────────── --}}
    <div class="container-fluid py-4" style="max-width:1600px;">

        {{-- Alerts --}}
        @if (session('msg'))
            <div class="alert alert-success alert-dismissible fade show mb-3" role="alert">
                <i class="bi bi-check-circle me-2"></i>{{ session('msg') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show mb-3" role="alert">
                <i class="bi bi-x-circle me-2"></i>{{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        {{-- Header --}}
        <div class="d-flex align-items-center justify-content-between mb-4">
            <div>
                <h4 class="fw-bold mb-0">
                    <i class="bi bi-box-arrow-in-down me-2 text-secondary"></i>Eingangsrechnungen
                </h4>
            </div>
            <div class="d-flex gap-2">
                @if (Auth::user()->get_employee->is_acc)
                    <div class="dropdown">
                        <button class="btn btn-outline-secondary rounded-pill px-3" type="button"
                            data-bs-toggle="dropdown">
                            <i class="bi bi-download me-1"></i>Export
                        </button>
                        <ul class="dropdown-menu dropdown-menu-end shadow border-0">
                            <li>
                                <a class="dropdown-item" href="{{ route('accounting.incoming-invoice.export') }}">
                                    <i class="bi bi-file-earmark-spreadsheet me-2"></i>ER an Datev
                                </a>
                            </li>
                        </ul>
                    </div>
                @endif
                @if (Auth::user()->get_employee->is_mgt or Auth::user()->get_employee->is_sec)
                    <button type="button" class="btn btn-success rounded-pill px-3" data-bs-toggle="modal"
                        data-bs-target="#new-item">
                        <i class="bi bi-plus-lg me-1"></i>Neue Rechnung
                    </button>
                @endif
            </div>
        </div>

        @if (!empty($invoices))

            {{-- Stat Cards --}}
            <div class="row g-3 mb-4">
                <div class="col">
                    <a href="{{ route('accounting.incoming-invoice.index') }}" class="text-decoration-none">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-body text-center py-3">
                                <h3 class="fw-bold mb-0">{{ $invoices_all->wherein('fk_invoice_status_id', ['1', '2'])->count() }}</h3>
                                <small class="text-muted">aktuell offen</small>
                            </div>
                            <div class="bg-info rounded-bottom" style="height:4px;"></div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('accounting.incoming-invoice.status', ['id' => '1']) }}" class="text-decoration-none">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-body text-center py-3">
                                <h3 class="fw-bold mb-0">{{ $invoices_all->where('fk_invoice_status_id', '1')->count() }}</h3>
                                <small class="text-muted">neue</small>
                            </div>
                            <div class="bg-secondary rounded-bottom" style="height:4px;"></div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('accounting.incoming-invoice.status', ['id' => '2']) }}" class="text-decoration-none">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-body text-center py-3">
                                <h3 class="fw-bold mb-0">{{ $invoices_all->where('fk_invoice_status_id', '2')->count() }}</h3>
                                <small class="text-muted">freigegeben / in Bearbeitung</small>
                            </div>
                            <div class="bg-primary rounded-bottom" style="height:4px;"></div>
                        </div>
                    </a>
                </div>
                <div class="col border-start border-2">
                    <a href="{{ route('accounting.incoming-invoice.status', ['id' => '3']) }}" class="text-decoration-none">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-body text-center py-3">
                                <h3 class="fw-bold mb-0 text-success">{{ $invoices_all->where('fk_invoice_status_id', '3')->count() }}</h3>
                                <small class="text-muted">bezahlt</small>
                            </div>
                            <div class="bg-success rounded-bottom" style="height:4px;"></div>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="{{ route('accounting.incoming-invoice.status', ['id' => '4']) }}" class="text-decoration-none">
                        <div class="card border-0 shadow-sm h-100">
                            <div class="card-body text-center py-3">
                                <h3 class="fw-bold mb-0 text-danger">{{ $invoices_all->where('fk_invoice_status_id', '4')->count() }}</h3>
                                <small class="text-muted">abgelehnt</small>
                            </div>
                            <div class="bg-danger rounded-bottom" style="height:4px;"></div>
                        </div>
                    </a>
                </div>
            </div>

            {{-- Suche + Filter --}}
            <div class="card border-0 shadow-sm mb-3">
                <div class="card-body py-3">
                    <div class="row g-2 align-items-center">
                        {{-- Bulk-Aktion (nur sichtbar wenn Checkboxen gewählt) --}}
                        <div class="col-auto" id="action-select" style="display:none;">
                            <div class="dropdown">
                                <button class="btn btn-outline-secondary rounded-pill dropdown-toggle" type="button"
                                    id="triggerId" data-bs-toggle="dropdown">
                                    <i class="bi bi-gear-wide me-1"></i>Aktion
                                </button>
                                <ul class="dropdown-menu shadow border-0" aria-labelledby="triggerId">
                                    @foreach ($status_in_com as $sc)
                                        <li>
                                            <a class="dropdown-item dropdown-item-action" href="#"
                                                data-action="status" data-value="{{ $sc->id }}">
                                                als <b>{{ $sc->name }}</b> einstellen
                                            </a>
                                        </li>
                                    @endforeach
                                    <li><hr class="dropdown-divider"></li>
                                    <li>
                                        <a class="dropdown-item dropdown-item-action" href="#"
                                            data-action="status" data-value="1000"
                                            title="Bauleitung wird übersprungen">
                                            Rechnungen <b>Weitergeben</b>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <form action="{{ route('accounting.incoming-invoice.index') }}" method="get">
                                <div class="input-group">
                                    <span class="input-group-text bg-white border-end-0">
                                        <i class="bi bi-search text-muted"></i>
                                    </span>
                                    <input type="text" class="form-control border-start-0 ps-0"
                                        placeholder="Suche nach Rechnungsnummer, Betreff oder Lieferant"
                                        id="name" name="name" value="{{ request('name') }}">
                                    <button class="btn btn-primary rounded-end-pill px-4" type="submit">Suchen</button>
                                </div>
                            </form>
                        </div>
                        <div class="col-auto">
                            <button class="btn btn-outline-secondary rounded-pill" type="button"
                                data-bs-toggle="collapse" data-bs-target="#filterOptions">
                                <i class="bi bi-funnel me-1"></i>Filter
                            </button>
                        </div>
                    </div>

                    {{-- Filter Collapse --}}
                    <div class="collapse {{ request('filter_option') ? 'show' : '' }} mt-3" id="filterOptions">
                        <form action="{{ route('accounting.incoming-invoice.index') }}" method="GET"
                            class="p-3 bg-light rounded border">
                            <input type="hidden" name="name" value="{{ request('name') }}">
                            <div class="row g-2 align-items-end">
                                <div class="col-auto">
                                    <small class="text-muted d-block mb-1">Eingangsdatum</small>
                                    <div class="d-flex gap-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="filter_option"
                                                id="showAll" value="all"
                                                {{ in_array(request('filter_option'), ['all', '']) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="showAll">Alle</label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="filter_option"
                                                id="dateRange" value="date_range"
                                                {{ request('filter_option') == 'date_range' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="dateRange">Zeitraum</label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="filter_option"
                                                id="dateMonth" value="date_month"
                                                {{ request('filter_option') == 'date_month' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="dateMonth">Monat</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-auto" id="dateRangeFields" style="display:none;">
                                    <div class="d-flex gap-2 align-items-center">
                                        <span class="small text-muted">von</span>
                                        <input type="date" name="start_date" value="{{ request('start_date') }}"
                                            class="form-control form-control-sm" style="width:140px;">
                                        <span class="small text-muted">bis</span>
                                        <input type="date" name="end_date" value="{{ request('end_date') }}"
                                            class="form-control form-control-sm" style="width:140px;">
                                    </div>
                                </div>
                                <div class="col-auto" id="dateMonthFields">
                                    <select name="month_b" id="month_b" class="form-select form-select-sm" style="width:130px;">
                                        @foreach (range(1, 12) as $month)
                                            <option value="{{ $month }}" @selected($month == request('month_b'))>
                                                {{ \Carbon\Carbon::createFromFormat('m', $month)->locale('de')->isoFormat('MMMM') }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-auto">
                                    <small class="text-muted d-block mb-1">Bezahlung</small>
                                    <select name="is_prepayment" class="form-select form-select-sm" style="width:150px;">
                                        <option value="">Alle</option>
                                        <option value="1" @selected(request('is_prepayment') == '1')>VORKASSE</option>
                                        <option value="2" @selected(request('is_prepayment') == '2')>Gutschrift</option>
                                        <option value="0" @selected(request('is_prepayment') == '0')>NACH ERHALT</option>
                                        <option value="3" @selected(request('is_prepayment') == '3')>Sofort Barkasse</option>
                                    </select>
                                </div>
                                <div class="col-auto">
                                    <small class="text-muted d-block mb-1">Abteilung</small>
                                    <select name="department" class="form-select form-select-sm" style="width:150px;">
                                        <option value="">Alle</option>
                                        @foreach ($department as $item)
                                            <option value="{{ $item->department_id }}">{{ $item->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-auto ms-auto d-flex gap-2">
                                    <button type="submit" class="btn btn-primary btn-sm rounded-pill px-3">Anwenden</button>
                                    <a href="{{ route('accounting.incoming-invoice.index') }}"
                                        class="btn btn-outline-secondary btn-sm rounded-pill px-3">Zurücksetzen</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            {{-- Prioritäten Legende --}}
            @if (!empty($invoice_priorities))
                <div class="d-flex gap-3 mb-2 flex-wrap">
                    @foreach ($invoice_priorities as $itemc)
                        <small>
                            <i class="bi bi-square-fill me-1" style="color:{{ $itemc->color }}"></i>
                            {{ $itemc->priority }} – {{ $itemc->description }}
                        </small>
                    @endforeach
                </div>
            @endif

            {{-- Tabelle --}}
            <div class="card border-0 shadow-sm">
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0" style="font-size:0.82rem;">
                            <thead class="table-light">
                                <tr>
                                    @if (Auth::user()->get_employee->is_acc)
                                        <th class="ps-3" style="width:90px;">
                                            Auswahl
                                            <form action="{{ route('accounting.incoming-invoice.sort') }}" method="POST" class="d-inline">
                                                @csrf
                                                <input type="hidden" name="sort" value="fk_invoice_priority_id">
                                                <button type="submit" class="btn btn-link btn-sm p-0 text-muted text-decoration-none">
                                                    Prio
                                                    @if (Session::get('income_invoices_sort') == 'fk_invoice_priority_id')
                                                        <i class="bi bi-sort-numeric-{{ Session::get('income_invoices_sort_range') == 'asc' ? 'down' : 'up' }}"></i>
                                                    @else
                                                        <i class="bi bi-chevron-expand opacity-50"></i>
                                                    @endif
                                                </button>
                                            </form>
                                        </th>
                                    @endif
                                    <th>Rech.Nr.</th>
                                    <th>Kst.Nr.</th>
                                    <th>Betreff</th>
                                    <th class="text-end">
                                        <form action="{{ route('accounting.incoming-invoice.sort') }}" method="POST" class="d-inline">
                                            @csrf
                                            <input type="hidden" name="sort" value="total">
                                            <button type="submit" class="btn btn-link btn-sm p-0 text-muted text-decoration-none">
                                                Betrag
                                                @if (Session::get('income_invoices_sort') == 'total')
                                                    <i class="bi bi-sort-numeric-{{ Session::get('income_invoices_sort_range') == 'asc' ? 'down' : 'up' }}"></i>
                                                @else
                                                    <i class="bi bi-chevron-expand opacity-50"></i>
                                                @endif
                                            </button>
                                        </form>
                                    </th>
                                    <th>Lieferant</th>
                                    <th class="text-center">
                                        <form action="{{ route('accounting.incoming-invoice.sort') }}" method="POST" class="d-inline">
                                            @csrf
                                            <input type="hidden" name="sort" value="invoice_date">
                                            <button type="submit" class="btn btn-link btn-sm p-0 text-muted text-decoration-none">
                                                Rech.datum
                                                @if (Session::get('income_invoices_sort') == 'invoice_date')
                                                    <i class="bi bi-sort-numeric-{{ Session::get('income_invoices_sort_range') == 'asc' ? 'down' : 'up' }}"></i>
                                                @else
                                                    <i class="bi bi-chevron-expand opacity-50"></i>
                                                @endif
                                            </button>
                                        </form>
                                    </th>
                                    <th class="text-center">
                                        <form action="{{ route('accounting.incoming-invoice.sort') }}" method="POST" class="d-inline">
                                            @csrf
                                            <input type="hidden" name="sort" value="income_date">
                                            <button type="submit" class="btn btn-link btn-sm p-0 text-muted text-decoration-none">
                                                Eingang
                                                @if (Session::get('income_invoices_sort') == 'income_date')
                                                    <i class="bi bi-sort-numeric-{{ Session::get('income_invoices_sort_range') == 'asc' ? 'down' : 'up' }}"></i>
                                                @else
                                                    <i class="bi bi-chevron-expand opacity-50"></i>
                                                @endif
                                            </button>
                                        </form>
                                    </th>
                                    <th class="text-center">
                                        <form action="{{ route('accounting.incoming-invoice.sort') }}" method="POST" class="d-inline">
                                            @csrf
                                            <input type="hidden" name="sort" value="expiry_date">
                                            <button type="submit" class="btn btn-link btn-sm p-0 text-muted text-decoration-none">
                                                Fälligkeit
                                                @if (Session::get('income_invoices_sort') == 'expiry_date')
                                                    <i class="bi bi-sort-numeric-{{ Session::get('income_invoices_sort_range') == 'asc' ? 'down' : 'up' }}"></i>
                                                @else
                                                    <i class="bi bi-chevron-expand opacity-50"></i>
                                                @endif
                                            </button>
                                        </form>
                                    </th>
                                    <th class="text-center">
                                        <form action="{{ route('accounting.incoming-invoice.sort') }}" method="POST" class="d-inline">
                                            @csrf
                                            <input type="hidden" name="sort" value="is_prepayment">
                                            <button type="submit" class="btn btn-link btn-sm p-0 text-muted text-decoration-none">
                                                Bezahlung
                                                @if (Session::get('income_invoices_sort') == 'is_prepayment')
                                                    <i class="bi bi-sort-numeric-{{ Session::get('income_invoices_sort_range') == 'asc' ? 'down' : 'up' }}"></i>
                                                @else
                                                    <i class="bi bi-chevron-expand opacity-50"></i>
                                                @endif
                                            </button>
                                        </form>
                                    </th>
                                    <th class="text-center">Abteilung</th>
                                    <th class="text-center">
                                        Status
                                        @if (Auth::user()->get_employee->is_mgt or Auth::user()->get_employee->is_sec)
                                            / Aktion
                                        @endif
                                    </th>
                                </tr>
                            </thead>
                            <tbody id="clients-td-container">
                                <form id="action-form" method="POST"
                                    action="{{ route('accounting.incoming-invoice.allstatus') }}">
                                    @csrf
                                    <input type="hidden" name="action" id="action-input" value="">
                                    <input type="hidden" name="status" id="value-input" value="">

                                    @foreach ($invoices as $item)
                                        <tr style="background-color:{{ $item->get_priority ? $item->get_priority->color . '30' : 'transparent' }}">
                                            @if (Auth::user()->get_employee->is_acc)
                                                <td class="ps-3">
                                                    <input type="checkbox" class="form-check-input"
                                                        name="rechnung[]" value="{{ $item->id }}">
                                                    @if ($item->get_priority)
                                                        <i class="bi bi-square-fill ms-1"
                                                            style="color:{{ $item->get_priority->color }}"></i>
                                                    @endif
                                                </td>
                                            @endif
                                            <td class="text-muted">{{ $item->invoice_nr }}</td>
                                            <td>
                                                @if (!empty($item->get_cost_center))
                                                    @php
                                                        $cc = $item->get_cost_center;
                                                        $ccNr = $cc->old_number ?? $cc->number;
                                                    @endphp
                                                    @if (Auth::user()->get_employee->is_acc)
                                                        <a href="{{ route('accounting.cost-center.show', ['id' => $cc->id]) }}"
                                                            class="text-decoration-none small">
                                                            {{ $ccNr }} – {{ $cc->name }}
                                                        </a>
                                                    @else
                                                        <span class="small">{{ $ccNr }} – {{ $cc->name }}</span>
                                                    @endif
                                                @endif
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-sm btn-outline-secondary py-0 px-1 me-1"
                                                    onclick="ShowPDF({{ $item->id }})" title="PDF anzeigen">
                                                    <i class="bi bi-file-earmark-pdf text-danger"></i>
                                                </button>
                                                <a href="{{ route('accounting.incoming-invoice.show', ['id' => $item->id]) }}"
                                                    class="text-decoration-none">{{ $item->title }}</a>
                                            </td>
                                            <td class="text-end">
                                                <div>{{ number_format($item->total, 2, ',', '.') }} €</div>
                                                @if ($item->get_warning->count() > 0)
                                                    <div class="text-danger small">
                                                        +{{ number_format($item->get_warning->sum('total'), 2, ',', '.') }} € Mhg.
                                                    </div>
                                                @endif
                                                @if ($item->get_payments->count() > 0)
                                                    <div class="text-success small border-top">
                                                        {{ number_format($item->get_payments->sum('amount'), 2, ',', '.') }} € Zlg.
                                                    </div>
                                                @endif
                                                @if ($item->get_warning->count() > 0 or $item->get_payments->count() > 0)
                                                    <div class="fw-semibold small">
                                                        {{ number_format($item->total + $item->get_warning->sum('total') - $item->get_payments->sum('amount'), 2, ',', '.') }} € Ofn.
                                                    </div>
                                                @endif
                                            </td>
                                            <td>{{ $item->supplier->name }}</td>
                                            <td class="text-center text-muted">
                                                @if (!empty($item->invoice_date))
                                                    {{ date('d.m.Y', strtotime($item->invoice_date)) }}
                                                @endif
                                            </td>
                                            <td class="text-center text-muted">
                                                {{ date('d.m.Y', strtotime($item->income_date)) }}
                                            </td>
                                            <td class="text-center text-muted">
                                                {{ date('d.m.Y', strtotime($item->expiry_date)) }}
                                            </td>
                                            <td class="text-center">
                                                <span class="small">
                                                    @switch($item->is_prepayment)
                                                        @case(1) VORKASSE @break
                                                        @case(2) Gutschrift @break
                                                        @case(0) NACH ERHALT @break
                                                        @case(3) Sofort Barkasse @break
                                                        @default Unbekannt
                                                    @endswitch
                                                </span>
                                            </td>
                                            <td class="text-center">
                                                  @isset($item->get_status_in_department)
                                                        <span class="btn btn-outline-{{ $item->get_status_in_department->color }} btn-sm py-0 px-2 w-100" style="font-size:.7rem;">
                                                          {!! $item->get_status_in_department->name !!}
                                                        </span>
                                                    @endisset
                                                @if ($item->get_current_department)
                                                    <small>{{ $item->get_current_department->name }}</small>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                <div class="d-flex flex-column align-items-center gap-1">
                                                    @isset($item->get_status_in_company)
                                                        <span class="btn btn-outline-{{ $item->get_status_in_company->color }} btn-sm py-0 px-2 w-100">
                                                            {!! $item->get_status_in_company->name !!}
                                                        </span>
                                                    @endisset
                                               
                                                    @if (Auth::user()->get_employee->is_mgt or Auth::user()->get_employee->is_sec)
                                                        <div class="d-flex gap-1  border-top border-gray pt-1">
                                                            <button type="button" title="Bearbeiten"
                                                                class="btn btn-sm btn-outline-primary rounded-circle"
                                                                onclick="editItem({{ $item->id }})"
                                                                style="width:28px;height:28px;padding:0;">
                                                                <i class="bi bi-pencil" style="font-size:.7rem;"></i>
                                                            </button>
                                                            <button type="button" title="Löschen"
                                                                class="btn btn-sm btn-outline-danger rounded-circle delete_btn"
                                                                data-id="{{ $item->id }}"
                                                                style="width:28px;height:28px;padding:0;">
                                                                <i class="bi bi-trash" style="font-size:.7rem;"></i>
                                                            </button>
                                                        </div>
                                                    @endif
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </form>
                            </tbody>
                            <tfoot class="table-light">
                                <tr class="fw-semibold small">
                                    <td class="ps-3 text-muted" colspan="{{ Auth::user()->get_employee->is_acc ? 4 : 3 }}">Summen (aktuelle Seite)</td>
                                    <td class="text-end">
                                        <div>{{ number_format($sum_subtotal, 2, ',', '.') }} € netto</div>
                                        <div class="text-muted">{{ number_format($sum_tax, 2, ',', '.') }} € MwSt.</div>
                                        <div>{{ number_format($sum_total, 2, ',', '.') }} € brutto</div>
                                        @if($total_warnings > 0)
                                            <div class="text-danger">{{ number_format($total_warnings, 2, ',', '.') }} € Mhg.</div>
                                        @endif
                                        @if($total_payments > 0)
                                            <div class="text-success">{{ number_format($total_payments, 2, ',', '.') }} € Zlg.</div>
                                        @endif
                                        <div class="fw-bold">{{ number_format($sum_total + $total_warnings - $total_payments, 2, ',', '.') }} € offen</div>
                                    </td>
                                    <td colspan="7"></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
                <div class="card-footer bg-white border-0 d-flex justify-content-center py-3">
                    {!! $invoices->links() !!}
                </div>
            </div>

        @else
            <div class="card border-0 shadow-sm">
                <div class="card-body text-center py-5 text-muted">
                    <i class="bi bi-inbox fs-2 d-block mb-2 opacity-25"></i>Keine Eingangsrechnungen gefunden
                </div>
            </div>
        @endif

    </div>

    <script>
        $(document).on('click', '.delete_btn', function () {
            $('#did').val($(this).data('id'));
            new bootstrap.Modal(document.getElementById('delete-item')).show();
        });

        const source1 = document.getElementById('subtotal');
        source1.addEventListener('input', calc);
        const source2 = document.getElementById('tax_percent');
        source2.addEventListener('input', calc);

        function calc() {
            var subtotal = parseFloat(document.getElementById('subtotal').value) || 0;
            var tax = (subtotal * parseFloat(document.getElementById('tax_percent').value)) / 100;
            document.getElementById('tax').value = tax.toFixed(2);
            document.getElementById('total').value = (subtotal + tax).toFixed(2);
        }

        const source3 = document.getElementById('editsubtotal');
        source3.addEventListener('input', calc_edit);
        const source4 = document.getElementById('edittax_percent');
        source4.addEventListener('input', calc_edit);

        function calc_edit() {
            var subtotal = parseFloat(document.getElementById('editsubtotal').value) || 0;
            var tax = (subtotal * parseFloat(document.getElementById('edittax_percent').value)) / 100;
            document.getElementById('edittax').value = tax.toFixed(2);
            document.getElementById('edittotal').value = (subtotal + tax).toFixed(2);
        }

        function editItem(id) {
            var url = "{{ route('accounting.incoming-invoice.get', ':id') }}".replace(':id', id);
            $.get(url, function (item) {
                $('#editid').val(item.id);
                var select = $('#editsupplier').selectize();
                select[0].selectize.setValue(item.fk_supplier_id);
                var select2 = $('#editcost_center').selectize();
                select2[0].selectize.setValue(item.cost_centre_nr);
                $('#edit_invoice_priority').val(item.fk_invoice_priority_id);
                $('#editcost_centre_nr').val(item.cost_centre_nr);
                $('#editinvoice_nr').val(item.invoice_nr);
                $('#editincome_date').val(item.income_date);
                $('#editinvoice_date').val(item.invoice_date);
                $('#editexpiry_date').val(item.expiry_date);
                $('#editprepayment').val(item.is_prepayment);
                var url2 = "{{ route('accounting.incoming-invoice.file.get', ':id') }}".replace(':id', id);
                $('#file-old').attr('href', url2);
                $('#edittitle').val(item.title);
                $('#editsubtotal').val(item.subtotal);
                $('#edittax').val(item.tax);
                $('#edittax_percent').val(item.tax_percent * 100);
                $('#edittotal').val(item.total);
                $('#editinfo').val(item.info);
                new bootstrap.Modal(document.getElementById('edit-item')).show();
            });
        }

        function ShowPDF(id) {
            var url = "{{ route('accounting.incoming-invoice.file.get', ':id') }}".replace(':id', id);
            $('#pdf-src').attr('src', url);
            new bootstrap.Modal(document.getElementById('pdfModal')).show();
        }

        document.addEventListener('DOMContentLoaded', function () {
            var showAllRadio   = document.getElementById('showAll');
            var dateRangeRadio = document.getElementById('dateRange');
            var dateMonthRadio = document.getElementById('dateMonth');
            var dateRangeFields = document.getElementById('dateRangeFields');
            var dateMonthFields = document.getElementById('dateMonthFields');

            function toggleFields() {
                dateRangeFields.style.display = dateRangeRadio.checked ? 'block' : 'none';
                dateMonthFields.style.display  = dateMonthRadio.checked ? 'block' : 'none';
            }
            showAllRadio.addEventListener('change', toggleFields);
            dateRangeRadio.addEventListener('change', toggleFields);
            dateMonthRadio.addEventListener('change', toggleFields);
            toggleFields();

            // Bulk-Aktion Dropdown Sichtbarkeit
            const actionSelect = document.getElementById('action-select');
            const checkboxes   = document.querySelectorAll('input[name="rechnung[]"]');
            const updateDropdownVisibility = () => {
                actionSelect.style.display = Array.from(checkboxes).some(c => c.checked) ? 'block' : 'none';
            };
            checkboxes.forEach(cb => cb.addEventListener('change', updateDropdownVisibility));

            // Bulk-Aktion Submit
            const dropdownItems = document.querySelectorAll('.dropdown-item-action');
            const actionForm    = document.getElementById('action-form');
            const actionInput   = document.getElementById('action-input');
            const valueInput    = document.getElementById('value-input');
            dropdownItems.forEach(item => {
                item.addEventListener('click', function (e) {
                    e.preventDefault();
                    actionInput.value = this.getAttribute('data-action');
                    valueInput.value  = this.getAttribute('data-value');
                    actionForm.submit();
                });
            });
        });
    </script>

@endsection