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



    {{-- Cost-centre-Nr modal --}}

    <div class="modal fade modal-dialog-scrollable modal-xl" id="cost-centre-item" data-bs-backdrop="static"
        data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="{{ route('accounting.outgoing-invoice.costcentre') }}" method="POST" class="needs-validation"
                    novalidate>
                    @csrf
                    <input id="editid" name="editid" value="" hidden>

                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel">Kostenstelle-Nr. Eingabe</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body">

                        <div class="row mt-2">
                            <div class="col-4">
                                <label class="form-label">RechnungsNr. </label>
                                <input type="text" class="form-control p" id="editinvoice_nr" name="editinvoice_nr"
                                    disabled>

                            </div>

                            <div class="col">
                                <label class="form-label">*Kostenstelle-Nr. </label>
                                {{-- <input type="text" class="form-control p" id="cost_centre" name="cost_centre"
                                    placeholder="" required> --}}
                                @if (!empty($cost_centers))
                                    <div>
                                        <select
                                            class="select-search form-control form-control-sm form-select cke_dialog_ui_labeled_required"
                                            id="cost_center" name="cost_center" placeholder="bitte auswählen/suchen..."
                                            onchange="">
                                            <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>
                                    </div>
                                @endif

                            </div>

                        </div>
                        <div class="row ">
                            <div class="col">
                                <label class="form-label">Betreff </label>
                                <input type="text" class="form-control p" id="edittitle" name="edittitle" disabled>

                            </div>
                        </div>



                        <hr>
                        <small>Mit Stern (*) markierte Felder sind Pflichtfelder.</small>

                        <br>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-success">Änderung speichern</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- paid-date modal --}}

    <div class="modal fade modal-dialog-scrollable modal-xl" id="paid-item" data-bs-backdrop="static"
        data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="{{ route('accounting.outgoing-invoice.paid') }}" method="POST" class="needs-validation"
                    novalidate>
                    @csrf
                    <input id="paidid" name="paidid" value="" hidden>

                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel">Zahlungsdaten</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body">

                        <div class="row mt-2">
                            <div class="col-4">
                                <label class="form-label">RechnungsNr. </label>
                                <input type="text" class="form-control p" id="paidinvoice_nr" name="paidinvoice_nr"
                                    disabled>

                            </div>
                            <div class="col">
                                <label class="form-label">Betreff </label>
                                <input type="text" class="form-control p" id="paidtitle" name="paidtitle" disabled>

                            </div>

                            <div class="col">
                                <label class="form-label">*bezahlt am </label>
                                <input type="date" class="form-control  form-control-sm p" id="paid_date"
                                    name="paid_date" value="{{ Carbon\Carbon::today()->format('Y-m-d') }}" required>

                            </div>
                        </div>
                        <div class="row mt-2">
                            {{-- <div class="col">
                                <label class="form-label">*Konto </label>
                                @if (!empty($kontos))
                                    <div>
                                        <select
                                            class="select-search form-control form-select cke_dialog_ui_labeled_required"
                                            id="konto" name="konto" placeholder="bitte auswählen/suchen..."
                                            onchange="" 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>
                                    </div>
                                @endif
                            </div> --}}

                            {{-- <div class="col">
                                <label class="form-label">*Zahlungsmethode </label>
                                <select name="paidwithid" id="paidwithid" class="form-select form-select-sm">
                                    @foreach ($payment_methods as $pitem)
                                        <option value="{{ $pitem->id }}">{{ $pitem->name }}</option>
                                    @endforeach


                                </select>

                            </div> --}}
                        </div>
                        <hr>
                        <small>Mit Stern (*) markierte Felder sind Pflichtfelder.</small>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-success">Änderung speichern</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Konto Update modal --}}

    <div class="modal fade modal-dialog-scrollable modal-xl" id="konto-item" data-bs-backdrop="static"
        data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="{{ route('accounting.outgoing-invoice.konto') }}" method="POST" class="needs-validation"
                    novalidate>
                    @csrf
                    <input id="invid" name="invid" value="" hidden>

                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel">Konto zuweisen</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body">

                        <div class="row mt-2">
                            <div class="col-4">
                                <label class="form-label">RechnungsNr. </label>
                                <input type="text" class="form-control p" id="kontoinvoice_nr" name="kontoinvoice_nr"
                                    disabled>

                            </div>
                            <div class="col">
                                <label class="form-label">Betreff </label>
                                <input type="text" class="form-control p" id="kontotitle" name="kontotitle" disabled>

                            </div>


                        </div>
                        <div class="row mt-2">
                            <div class="col">
                                <label class="form-label">*Konto </label>
                                @if (!empty($kontos))
                                    <div>
                                        <select
                                            class="select-search form-control form-select cke_dialog_ui_labeled_required"
                                            id="konto" name="konto" placeholder="bitte auswählen/suchen..."
                                            onchange="" 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>
                                    </div>
                                @endif
                            </div>
                            {{-- <div class="col">
                                <label class="form-label">*bezahlt am </label>
                                <input type="date" class="form-control  form-control-sm p" id="paid_date"
                                    name="paid_date" value="{{ Carbon\Carbon::today()->format('Y-m-d') }}" required>

                            </div>
                            <div class="col">
                                <label class="form-label">*Zahlungsmethode </label>
                                <select name="paidwithid" id="paidwithid" class="form-select form-select-sm">
                                    @foreach ($payment_methods as $pitem)
                                        <option value="{{ $pitem->id }}">{{ $pitem->name }}</option>
                                    @endforeach


                                </select>

                            </div> --}}
                        </div>
                        <hr>
                        <small>Mit Stern (*) markierte Felder sind Pflichtfelder.</small>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-success">Änderung speichern</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- invoice-warning modal --}}

    <div class="modal fade modal-dialog-scrollable modal-xl" id="invoice-warning" data-bs-backdrop="static"
        data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="{{ route('accounting.outgoing-invoice.warning.create') }}" method="POST"
                    class="needs-validation" enctype="multipart/form-data" novalidate>
                    @csrf
                    <input id="rid" name="rid" value="{{ $invoice->id }}" hidden>

                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel">neue Mahnung</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body">

                        <div class="row mt-2">
                            <div class="col-4">
                                <label class="form-label">*Rechnungsnummer </label>
                                <input type="text" class="form-control form-control-sm p" id="wnumber"
                                    name="wnumber" required>

                            </div>
                            <div class="col">
                                <label class="form-label">*Eingangsdatum </label>
                                <input type="date" class="form-control form-control-sm p" id="woutgoing_date"
                                    name="woutgoing_date" value="{{ Carbon\Carbon::today()->format('Y-m-d') }}" required>
                            </div>
                            <div class="col">
                                <label class="form-label">*Zahlungsfrist bis </label>
                                <input type="date" class="form-control form-control-sm p" id="wexpiry_date"
                                    name="wexpiry_date" required>
                            </div>
                            <div class="col">
                                <label class="form-label">*Mahngebühr </label>
                                <input type="number" class="form-control form-control-sm p" id="wtotal"
                                    name="wtotal" step="0.01" onkeyup="calc()" required>
                            </div>

                        </div>
                        <div class="row mt-2">
                            <div class="col">
                                <label class="form-label">*Mahnung/Datei hochladen </label>
                                <input class="form-control form-control-sm file " type="file" id="wfile_pdf"
                                    name="wfile_pdf" data-show-upload="true" data-show-caption="true" accept=".pdf"
                                    required />

                            </div>

                        </div>
                        <hr>
                        <small>Mit Stern (*) markierte Felder sind Pflichtfelder.</small>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-success">Änderung speichern</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- delete warning modal --}}
    <div class="modal fade modal-dialog-scrollable modal-lg" id="delete-warning" data-bs-backdrop="static"
        data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content ">
                <form action="{{ route('accounting.outgoing-invoice.warning.delete') }}" method="POST"
                    class="needs-validation" novalidate>
                    @csrf

                    <input id="wid" name="wid" value="" hidden>
                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel"> Mahnung löschen </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body">

                        <div class="row mt-2">
                            <div class="col">
                                <h4 class="text-center">Möchten Sie die Mahnung löschen ? </h4>
                            </div>

                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-danger">Löschen</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- new - Teilzahlung modal --}}
    <!-- Modal für Hinzufügen/Aktualisieren von Zahlungen -->
    <div class="modal fade modal-dialog-scrollable modal-lg" id="paymentModal" data-bs-backdrop="static"
        data-bs-keyboard="false" tabindex="-1" aria-labelledby="paymentModalLabel" aria-hidden="true">

        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="{{ route('accounting.outgoing-invoice.payment.new') }}" method="POST"
                    class="needs-validation" enctype="multipart/form-data" novalidate>
                    @csrf
                    <input id="invoice_id" name="invoice_id" value="{{ $invoice->id }}" hidden>

                    <div class="modal-header">
                        <h5 class="modal-title " id="paymentModalLabel">neue Zahlungseingang </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body">
                        <div class="row mt-2">
                            <div class="col">
                                <div class="form-group ">
                                    <label for="amount">Betrag</label>
                                    <input type="number" class="form-control" id="amount" name="amount"
                                        step="0.01" required>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-4">
                                <div class="form-group ">
                                    <label for="payment_date">Zahlungsdatum</label>
                                    <input type="date" class="form-control" id="payment_date" name="payment_date"
                                        required>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group ">
                                    <label for="payment_method">Zahlungsmethode</label>
                                    {{-- <input type="text" class="form-control" id="payment_method"
                                        name="payment_method"> --}}
                                    <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>
                        </div>
                        <div class="row mt-3">
                            <div class="col">
                                <div class="form-group mt-3">
                                    <label for="note">Notiz</label>
                                    <textarea class="form-control" id="note" name="note" rows="3"></textarea>
                                </div>
                            </div>
                        </div>

                        {{-- <input type="hidden" id="paymentId" name="paymentId"> --}}




                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-success"> Speichern</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- delete payment modal --}}
    <div class="modal fade modal-dialog-scrollable modal-lg" id="delete-payment" data-bs-backdrop="static"
        data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content ">
                <form action="{{ route('accounting.outgoing-invoice.payment.delete') }}" method="POST"
                    class="needs-validation" novalidate>
                    @csrf

                    <input id="pid" name="pid" value="" hidden>
                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel"> Zahlung löschen </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body">

                        <div class="row mt-2">
                            <div class="col">
                                <h4 class="text-center">Sind Sie sicher, dass Sie diese Zahlung löschen möchten? </h4>
                            </div>

                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-danger">Löschen</button>
                    </div>
                </form>
            </div>
        </div>
    </div>


    {{-- Skonto paid modal --}}

    <div class="modal fade modal-dialog-scrollable modal-xl" id="skonto-modal" data-bs-backdrop="static"
        data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="{{ route('accounting.outgoing-invoice.statusincompany') }}" method="POST" class="p-0 "
                    novalidate {{ $invoice->is_paid == '1' ? ' disabled' : '' }}>
                    @csrf

                    <input id="skontoinvid" name="skontoinvid" value="" hidden>
                    <input type="hidden" id="sid" name="sid" value="1">

                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel">Rechnungsstatus - bezahlt!</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body ">


                        <div class="row mt-2 text-start">
                            <div class="col-4">
                                <h6 class="">RechnungsNr. </h6>
                                <input type="text" class="form-control p" id="skontoinvoice_nr"
                                    name="skontoinvoice_nr" disabled>

                            </div>
                            <div class="col">
                                <h6 class="">Betreff </h6>
                                <input type="text" class="form-control p" id="skontoinvoicetitle"
                                    name="skontoinvoicetitle" disabled>

                            </div>


                        </div>
                        <div class="row mt-3 text-start">
                            <div class="col">
                                <h6 class=""> Skontofrist bis: </h6>
                                <input type="text" class="form-control p" id="skontoduedate" name="skontoduedate"
                                    disabled>
                            </div>
                            <div class="col">
                                <div class="col-6">
                                    <h4 class="text-start">Skontofrist eingehalten? </h4>
                                </div>
                                <div class="col  ">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="skonto_option"
                                            id="skonto_ja" value="1" checked>
                                        <label class="form-check-label" for="skonto_ja">
                                            Ja
                                        </label>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="skonto_option"
                                            id="skonto_nein" value="0">
                                        <label class="form-check-label" for="skonto_nein">
                                            Nein
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-2">



                        </div>



                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-success">Änderung speichern</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- main content -->
    @if (session('msg'))
        <div class="alert alert-success alert-dismissible" id="success-alert">
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>

            <p class="text-center"> {{ session('msg') }}</p>

        </div>
        <script>
            $("#success-alert").fadeTo(2000, 500).slideUp(500, function() {
                $("#success-alert").slideUp(1000);
            });
        </script>
    @endif
    @if (session('error'))
        <div class="alert alert-success alert-dismissible" id="success-alert">
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>

            <p class="text-center"> {{ session('error') }}</p>

        </div>
        <script>
            $("#success-alert").fadeTo(2000, 500).slideUp(500, function() {
                $("#success-alert").slideUp(1000);
            });
        </script>
    @endif
    <br>
    <div class="row bg-white border mx-2 align-items-baseline py-2">
        <div class="col-3 ">
            @if ($previous_invoice)
                <a href="{{ route('accounting.outgoing-invoice.show', ['id' => $previous_invoice->id]) }}"
                    class="btn btn-sm btn-outline-success">
                    ← Vorherige
                </a>
            @endif
        </div>
        <div class="col-6">
            <label class="fs-4"> Rechnung-Nr. {{ $invoice->invoice_nr }}
            </label>
        </div>
        <div class="col-3 text-end">
            @if ($next_invoice)
                <a href="{{ route('accounting.outgoing-invoice.show', ['id' => $next_invoice->id]) }}"
                    class="btn btn-sm btn-outline-success">
                    Nächste →
                </a>
            @endif
        </div>

    </div>
    <br>
    <div class="row ">
        <div class="col-8">


            <div class="container-fluid bg-white border px-4">
                <br>
                <div class="container-fluid  ">
                    @if (Auth::user()->get_employee->is_mgt or Auth::user()->get_employee->get_department->department_id == '9')
                        <div class="row align-middle">

                            <div class="col-2 align-middle small">
                                Hauptstatus:
                            </div>
                            <div class="col-10  btn-group  btn-group-sm   " role="group">
                                <form action="{{ route('accounting.outgoing-invoice.statusincompany') }}" method="POST"
                                    class="p-0 btn  btn-sm  {{ $invoice->is_paid == '0' ? ' btn-danger ' : ' ' }}   border-secondary "
                                    novalidate {{ $invoice->is_paid == '0' ? ' disabled' : '' }}>
                                    @csrf
                                    <input type="hidden" id="sid" name="sid" value="0">
                                    <input type="hidden" id="id" name="id" value="{{ $invoice->id }}">

                                    <button type="submit" class="btn btn-sm w-100 rounded-0 "
                                        {{ $invoice->is_paid == '0' ? ' disabled' : '' }}>
                                        unbezahlt</button>


                                </form>
                                <form action="{{ route('accounting.outgoing-invoice.statusincompany') }}" method="POST"
                                    class="p-0 btn  btn-sm  {{ $invoice->is_paid == '1' ? ' btn-success  ' : ' ' }}  border-secondary "
                                    novalidate {{ $invoice->is_paid == '1' ? ' disabled' : '' }}>
                                    @csrf
                                    <input type="hidden" id="sid" name="sid" value="1">
                                    <input type="hidden" id="id" name="id" value="{{ $invoice->id }}">
                                    @if ($invoice->is_discount_period_adhered)
                                        <button type="button" class="btn btn-sm w-100 rounded-0"
                                            onclick="skontomodal({{ $invoice->id }})"
                                            {{ $invoice->is_paid == '1' ? ' disabled' : '' }}>
                                            bezahlt
                                        </button>
                                    @else
                                        <button type="submit" class="btn btn-sm w-100 rounded-0"
                                            {{ $invoice->is_paid == '1' ? ' disabled' : '' }}>
                                            bezahlt</button>
                                    @endif



                                </form>

                            </div>

                        </div>
                    @endif
                </div>
                <hr>

                <nav class="project-taps">
                    <div class="nav nav-tabs nav-fill nav-pills" id="nav-tab" role="tablist">
                        <button class="nav-link active rounded-0" id="nav-home-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home"
                            aria-selected="true">Rechnungsdaten</button>

                        <button class="nav-link " id="nav-warning-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-warning" type="button" role="tab" aria-controls="nav-warning"
                            aria-selected="false">Mahnungen
                            @if ($invoice->get_warning->count() > 0)
                                ({!! $invoice->get_warning->count() !!})
                            @endif
                        </button>

                        <button class="nav-link " id="nav-payments-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-payments" type="button" role="tab" aria-controls="nav-payments"
                            aria-selected="false">Zahlungseingang
                            @if ($invoice->get_payments->count() > 0)
                                ({!! $invoice->get_payments->count() !!})
                            @endif
                        </button>

                        <button class="nav-link" id="nav-pdf-tab" data-bs-toggle="tab" data-bs-target="#nav-invoice-pdf"
                            type="button" role="tab" aria-controls="nav-invoice-pdf" aria-selected="false">Rechnung
                            ansehen</button>


                    </div>
                </nav>
                <div class="tab-content  " id="nav-tabContent">
                    <div class="tab-pane fade show active " id="nav-home" role="tabpanel"
                        aria-labelledby="nav-home-tab" tabindex="0">
                        <div class="container-fluid bg-white border p-4 ">



                            <div class="container-fluid ">
                                <div class="row  ">
                                    <div class="col-9  ">
                                        <div class="p-3 border rounded">


                                            <div class="row">
                                                <div class="col">
                                                    <small class="text-secondary">Kunde</small>
                                                    <label class="form-label border-bottom p-1 w-100">
                                                        {{ $invoice->customer->name }}
                                                    </label>
                                                </div>
                                                <div class="col-4">
                                                    <small class="text-secondary">Rechnung-herunterladen </small>

                                                    <a href="{{ route('accounting.outgoing-invoice.file.download', ['id' => $invoice->id]) }}"
                                                        target=""
                                                        class="btn btn-sm btn-outline-secondary col-12 text-start">

                                                        <i class="bi bi-file-earmark-pdf-fill text-danger"></i> <i
                                                            class="bi bi-download" aria-hidden="true"></i>
                                                        {{ $invoice->invoice_nr }} </a>

                                                </div>

                                            </div>

                                            <div class="row mt-2">
                                                <div class="col m-1">
                                                    <small class="text-secondary">RechnungsNr.</small>
                                                    <label class="form-label border-bottom p-1 w-100">
                                                        {{ $invoice->invoice_nr }}
                                                    </label>
                                                </div>

                                                <div class="col">
                                                    <small class="text-secondary">Rechnungsdatum</small>
                                                    <label class="form-label border-bottom p-1 w-100">


                                                        @if (!empty($invoice->invoice_date))
                                                            {{ date('d.m.Y', strtotime($invoice->invoice_date)) }}
                                                        @else
                                                            -
                                                        @endif

                                                    </label>
                                                </div>
                                                {{-- <div class="col">
                                                    <small class="text-secondary">Eingangsdatum</small>
                                                    <label class="form-label border-bottom p-1 w-100">

                                                        {{ date('d.m.Y', strtotime($invoice->income_date)) }}
                                                    </label>
                                                </div> --}}
                                                <div class="col">
                                                    <small class=" text-secondary">Zahlungsfrist
                                                        bis</small>
                                                    <label class="form-label border-bottom p-1 w-100">

                                                        {{ date('d.m.Y', strtotime($invoice->expiry_date)) }}
                                                    </label>
                                                </div>

                                                <div class="col">
                                                    <small class="text-secondary">Bezahlung</small>
                                                    <label class="form-label border-bottom p-1 w-100">

                                                        @if ($invoice->is_prepayment)
                                                            VORKASSE
                                                        @else
                                                            NACH ERHALT
                                                        @endif
                                                    </label>
                                                </div>




                                            </div>
                                            <div class="row mt-2">



                                            </div>
                                            <div class="row mt-2">
                                                <div class="col ">
                                                    <div class="card" style="">

                                                        <div class="card-body">
                                                            {{-- <h5 class="card-title">Bauleitung</h5> --}}
                                                            {{-- <h6></h6> --}}
                                                            <small class="text-secondary">Kostenstelle-Nr.</small>
                                                            <label class="form-label border-bottom p-1 w-100">
                                                                <button type="button" title="Bearbeiten"
                                                                    class="btn btn-sm btn-outline-primary bi bi-pencil-square "
                                                                    onclick="CostItem({{ $invoice->id }})">

                                                                </button>
                                                                @if (isset($invoice->get_cost_center))
                                                                    {{ $invoice->get_cost_center->old_number ?? $invoice->get_cost_center->number }}
                                                                    -
                                                                    {{ $invoice->get_cost_center->name }}
                                                                @else
                                                                    -
                                                                @endif
                                                            </label>
                                                        </div>
                                                    </div>
                                                    {{-- <b class="text-secondary">Bauleitung</b>
                                                    <small class="text-secondary">Kostenstelle-Nr.</small>
                                                    <label class="form-label border-bottom p-1 w-100">

                                                        @if (isset($invoice->get_cost_center))
                                                            {{ $invoice->get_cost_center->number }} &ensp;
                                                            <button type="button" title="Bearbeiten"
                                                                class="btn btn-sm btn-outline-primary p-1"
                                                                onclick="CostItem({{ $invoice->id }})">
                                                                ändern
                                                            </button>
                                                        @else
                                                            <button type="button" title="Bearbeiten"
                                                                class="btn btn-sm btn-primary p-1 "
                                                                onclick="CostItem({{ $invoice->id }})">
                                                                Kostenstelle-Nr. eingeben
                                                            </button>
                                                        @endif
                                                    </label> --}}
                                                </div>
                                            </div>
                                            @if (1)
                                                <div class="row mt-2">
                                                    <div class="col  ">


                                                        <div class="card">

                                                            <div class="card-body">
                                                                <h5 class="card-title">Buchhaltung</h5>


                                                                <div class="row ">

                                                                    <div class="col">
                                                                        <small class=" text-secondary">bezahlt am</small>
                                                                        <label class="form-label border-bottom  w-100">
                                                                            @if (Auth::user()->get_employee->is_acc)
                                                                                <button type="button" title="Bearbeiten"
                                                                                    class="btn btn-sm btn-outline-primary bi bi-pencil-square m-0"
                                                                                    onclick="paidItem({{ $invoice->id }})">

                                                                                </button>
                                                                            @endif
                                                                            @if ($invoice->paid_date)
                                                                                {{ date('d.m.Y', strtotime($invoice->paid_date)) }}
                                                                            @else
                                                                                noch unbezahlt
                                                                            @endif


                                                                        </label>
                                                                    </div>
                                                                    {{-- <div class="col">
                                                                        <small class=" text-secondary">bezahlt mit</small>
                                                                        <label class="form-label border-bottom p-1 w-100">
                                                                            @if ($invoice->paid_date)
                                                                                @if ($invoice->get_payment_method)
                                                                                    {{ $invoice->get_payment_method->name }}
                                                                                @else
                                                                                    {{ $invoice->paid_with }}
                                                                                @endif
                                                                            @else
                                                                                -
                                                                            @endif






                                                                        </label>
                                                                    </div> --}}
                                                                    <div class="col">
                                                                        <small class=" text-secondary">Konto</small>
                                                                        <label class="form-label border-bottom  w-100">
                                                                            @if (Auth::user()->get_employee->is_acc)
                                                                                <button type="button" title="Bearbeiten"
                                                                                    class="btn btn-sm btn-outline-primary  bi bi-pencil-square m-0"
                                                                                    onclick="kontoItem({{ $invoice->id }})">
                                                                                    <i class=""></i>
                                                                                </button>
                                                                            @endif
                                                                            @if ($invoice->fk_konto_id)
                                                                                {{ $invoice->konto->konto }} -
                                                                                {{ $invoice->konto->name }}
                                                                            @else
                                                                                -
                                                                            @endif
                                                                        </label>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>


                                                    </div>

                                                </div>
                                            @endif
                                            <div class="row mt-2">
                                                <div class="col">
                                                    <small class="text-secondary">Betreff</small>
                                                    <label class="form-label border-bottom p-1 w-100">
                                                        {{ $invoice->title }}
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col">
                                                    <small class="text-secondary">Info/Hinweise</small>
                                                    <label class="form-label border-bottom p-1 w-100">
                                                        {{ $invoice->info }}
                                                    </label>
                                                </div>
                                            </div>

                                        </div>

                                    </div>
                                    {{-- <div class="col-1  ">
                                    </div> --}}
                                    <div class="col-3  border border-black rounded p-2 text-end ">
                                        @if ($invoice->is_discount_period_adhered)
                                            <div class="container-fluid bg-dots-darker">
                                                <h6
                                                    class="text-center {{ now() < $invoice->discount_due_date ? 'text-success' : ' text-danger ' }} ">
                                                    <b>Skono
                                                        {{ $invoice->discount_rate * 100 }}% bis
                                                        {{ date('d.m.Y', strtotime($invoice->discount_due_date)) }}
                                                    </b>
                                                </h6>
                                                <div class="row  ">

                                                    <div class="col">
                                                        <small class="text-secondary">Summe (netto)</small>

                                                    </div>
                                                    <div class="col ">


                                                        {{ number_format($invoice->subtotal, 2, ',', '.') }}

                                                    </div>
                                                </div>
                                                <div class="row ">
                                                    <div class="col">
                                                        <small class="text-secondary">% MwSt.</small>

                                                    </div>
                                                    <div class="col ">


                                                        {{ $invoice->tax_percent * 100 }}%

                                                    </div>
                                                </div>
                                                <div class="row border-bottom">
                                                    <div class="col">
                                                        <small class="text-secondary">zzgl. MwSt.</small>

                                                    </div>
                                                    <div class="col">


                                                        {{ number_format($invoice->tax, 2, ',', '.') }}

                                                    </div>
                                                </div>


                                                <div class="row ">
                                                    <div class="col">
                                                        Summe (brutto)

                                                    </div>
                                                    <div class="col">
                                                        <b class=" ">

                                                            {{ number_format($invoice->total, 2, ',', '.') }}

                                                        </b>
                                                    </div>
                                                </div>
                                                <div class="row border-bottom">
                                                    <div class="col">
                                                        Skonto/Rabatt
                                                        {{ $invoice->discount_rate * 100 }}%

                                                    </div>
                                                    <div class="col">


                                                        - {{ number_format($invoice->discount_amount, 2, ',', '.') }}


                                                    </div>
                                                </div>
                                                <div class="row border text-success">
                                                    <div class="col">
                                                        <b> Zahlbetrag</b>



                                                    </div>
                                                    <div class="col ">

                                                        <b>
                                                            {{ number_format($invoice->amount_due_with_discount, 2, ',', '.') }}</b>



                                                    </div>
                                                </div>
                                                {{-- @if ($invoice->get_warning->count() > 0)
                                                    <div class="row">
                                                        <div class="col">
                                                            <small class="text-danger">Mahngebühren </small>

                                                        </div>
                                                        <div class="col">
                                                            {{ number_format($invoice->get_warning->sum('total'), 2, ',', '.') }}
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col">
                                                            <small class="text-danger">neue Summe (brutto)</small>

                                                        </div>
                                                        <div class="col">
                                                            {{ number_format($invoice->total + $invoice->get_warning->sum('total'), 2, ',', '.') }}
                                                        </div>
                                                    </div>
                                                @endif --}}
                                                <br>
                                                @if ($invoice->get_payments->count() > 0)
                                                    <div class="row text-success">
                                                        <div class="col">
                                                            Zahlungseingang

                                                        </div>
                                                        <div class="col">
                                                            {{ number_format($invoice->get_payments->sum('amount'), 2, ',', '.') }}
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col">
                                                            <b class="">offene Betrag </b>

                                                        </div>
                                                        <div class="col">
                                                            <b> {{ number_format($invoice->total + $invoice->get_warning->sum('total') - $invoice->get_payments->sum('amount'), 2, ',', '.') }}
                                                            </b>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        @endif
                                        <hr class=" border-dark border-4">
                                        <div class="container-fluid ">

                                            <h6 class="text-center "> <b>Ohne Skonto
                                                </b></h6>
                                            <div class="row">

                                                <div class="col">
                                                    <small class="text-secondary">Summe (netto)</small>

                                                </div>
                                                <div class="col">
                                                    {{ number_format($invoice->subtotal, 2, ',', '.') }}
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col">
                                                    <small class="text-secondary">% MwSt.</small>

                                                </div>
                                                <div class="col">
                                                    {{ $invoice->tax_percent * 100 }}%

                                                </div>
                                            </div>
                                            <div class="row border-bottom">
                                                <div class="col">
                                                    <small class="text-secondary">zzgl. MwSt.</small>

                                                </div>
                                                <div class="col">
                                                    {{ number_format($invoice->tax, 2, ',', '.') }}

                                                </div>
                                            </div>


                                            <div class="row ">
                                                <div class="col">
                                                    <b class="">offene Betrag</b>

                                                </div>
                                                <div class="col">
                                                    <b>
                                                        {{ number_format($invoice->total, 2, ',', '.') }}</b>
                                                </div>
                                            </div>
                                            @if ($invoice->get_warning->count() > 0)
                                                <br>
                                                <div class="row text-danger">
                                                    <div class="col">
                                                        <small class="">Mahngebühren </small>

                                                    </div>
                                                    <div class="col">
                                                        {{ number_format($invoice->get_warning->sum('total'), 2, ',', '.') }}

                                                    </div>
                                                </div>
                                                <div class="row text-danger border">
                                                    <div class="col">
                                                        <small class="">offene Betrag</small>

                                                    </div>
                                                    <div class="col">
                                                        <b> {{ number_format($invoice->total + $invoice->get_warning->sum('total'), 2, ',', '.') }}
                                                        </b>
                                                    </div>
                                                </div>
                                            @endif
                                            @if ($invoice->get_payments->count() > 0)
                                                <br>
                                                <div class="row text-success">
                                                    <div class="col">
                                                        <b class="">Zahlungseingang </b>

                                                    </div>
                                                    <div class="col">
                                                        {{ number_format($invoice->get_payments->sum('amount'), 2, ',', '.') }}
                                                    </div>
                                                </div>
                                                <div class="row text-dark border">
                                                    <div class="col ">
                                                        offene Betrag

                                                    </div>
                                                    <div class="col">
                                                        <b> {{ number_format($invoice->total + $invoice->get_warning->sum('total') - $invoice->get_payments->sum('amount'), 2, ',', '.') }}
                                                        </b>
                                                    </div>
                                                </div>
                                            @endif
                                            <br>
                                        </div>
                                    </div>

                                </div>
                            </div>



                            <hr>
                            @if ($invoice->get_warning->count() > 0)
                                <div class="container-fluid border border-2 border-danger">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr class="text-danger">
                                                <th scope="col">#</th>
                                                {{-- <th scope="col">MahnungsNr.</th> --}}
                                                <th scope="col">Eingangsdatum</th>
                                                <th scope="col">Zahlungsfrist bis</th>
                                                <th scope="col">Mahngebühr </th>
                                                <th scope="col">PDF </th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($invoice->get_warning as $witem)
                                                <tr>
                                                    <td>{{ $witem->number }}</td>
                                                    <td> {{ date('d.m.Y', strtotime($witem->income_date)) }}</td>

                                                    <td> {{ date('d.m.Y', strtotime($witem->expiry_date)) }}</td>
                                                    <td> {{ number_format($witem->total, 2, ',', '.') }}</td>
                                                    <td> <a href="{{ route('dms.file.download', ['id' => $witem->file_id]) }}"
                                                            target="" class="btn btn-sm btn-outline-secondary">

                                                            <i class="bi bi-file-earmark-pdf text-danger"></i>
                                                            <i class="bi bi-download" aria-hidden="true"></i>
                                                            {{ $witem->number }}-Mahnung </a>
                                                    </td>



                                                </tr>
                                            @endforeach


                                        </tbody>
                                    </table>
                                </div>
                            @endif
                            @if ($invoice->get_payments->count() > 0)
                                <hr>
                                <div class="container-fluid border border-2 border-success">
                                    <table class="table table-striped ">
                                        <thead>
                                            <tr class="text-success">
                                                <th scope="col">#</th>
                                                {{-- <th scope="col">MahnungsNr.</th> --}}
                                                <th scope="col">Betrag</th>
                                                <th scope="col">Zahlungsdatum</th>
                                                <th scope="col">Zahlungsmethode </th>
                                                <th scope="col">Hinweis </th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($invoice->get_payments as $pitem)
                                                <tr>
                                                    <td>{{ $pitem->id }}</td>
                                                    <td> {{ number_format($pitem->amount, 2, ',', '.') }} €</td>


                                                    <td> {{ date('d.m.Y', strtotime($pitem->payment_date)) }}</td>

                                                    <td>{{ $pitem->get_payment_method->name }}</td>
                                                    <td>{{ $pitem->note }}</td>




                                                </tr>
                                            @endforeach


                                        </tbody>
                                    </table>
                                </div>
                            @endif


                        </div>

                    </div>
                    <div class="tab-pane fade " id="nav-warning" role="tabpanel" aria-labelledby="nav-warning-tab"
                        tabindex="0">
                        <div class="container-fluid">
                            <br>
                            <div class="row ">
                                @if (Auth::user()->get_employee->is_mgt or Auth::user()->get_employee->is_sec or Auth::user()->get_employee->is_acc)
                                    <div class="col-2">
                                        <button type="button" class=" btn btn-success  btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#invoice-warning">
                                            <i class="bi bi-plus-square"></i> Neue
                                        </button>
                                    </div>
                                @endif
                            </div>
                            <hr>
                            <table class="table table-striped">
                                <thead>
                                    <tr class="text-danger">
                                        <th scope="col">#</th>
                                        {{-- <th scope="col">MahnungsNr.</th> --}}
                                        <th scope="col">Eingangsdatum</th>
                                        <th scope="col">Zahlungsfrist bis</th>
                                        <th scope="col">Mahngebühr </th>
                                        <th scope="col">PDF </th>
                                        <th scope="col">Aktion </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($invoice->get_warning as $witem)
                                        <tr>
                                            <td>{{ $witem->number }}</td>

                                            <td> {{ date('d.m.Y', strtotime($witem->income_date)) }}</td>
                                            <td> {{ date('d.m.Y', strtotime($witem->expiry_date)) }}</td>


                                            <td> {{ number_format($witem->total, 2, ',', '.') }} €</td>
                                            <td> <a href="{{ route('dms.file.download', ['id' => $witem->file_id]) }}"
                                                    target="" class="btn btn-sm btn-outline-secondary">

                                                    <i class="bi bi-file-earmark-pdf text-danger"></i>
                                                    <i class="bi bi-download" aria-hidden="true"></i>
                                                    {{ $witem->number }}-Mahnung </a>
                                            </td>
                                            <td> <button type="button" title="Löschen"
                                                    class="btn btn-sm btn-outline-danger delete_btn"
                                                    data-bs-toggle="modal" data-bs-target="#delete-warning"
                                                    data-id="{{ $witem->id }}">
                                                    <i class="bi bi-trash"></i>
                                                </button>


                                            </td>


                                        </tr>
                                    @endforeach


                                </tbody>
                            </table>

                        </div>
                    </div>
                    <div class="tab-pane fade " id="nav-payments" role="tabpanel" aria-labelledby="nav-payments-tab"
                        tabindex="0">
                        <div class="container-fluid">
                            <br>
                            <div class="row ">
                                @if (Auth::user()->get_employee->is_mgt or Auth::user()->get_employee->is_sec or Auth::user()->get_employee->is_acc)
                                    <div class="col-2">
                                        <button type="button" class=" btn btn-success  btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#paymentModal">
                                            <i class="bi bi-plus-square"></i> Neue
                                        </button>
                                    </div>
                                @endif
                            </div>
                            <hr>
                            <table class="table table-striped ">
                                <thead>
                                    <tr class="text-success">
                                        <th scope="col">#</th>
                                        {{-- <th scope="col">MahnungsNr.</th> --}}
                                        <th scope="col">Betrag</th>
                                        <th scope="col">Zahlungsdatum</th>
                                        <th scope="col">Zahlungsmethode </th>
                                        <th scope="col">Hinweis </th>
                                        <th scope="col">Aktion </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($invoice->get_payments as $pitem)
                                        <tr>
                                            <td>{{ $pitem->id }}</td>
                                            <td> {{ number_format($pitem->amount, 2, ',', '.') }} €</td>

                                            {{-- <td>{{ $pitem->amount }}</td> --}}
                                            {{-- <td>{{ $pitem->payment_date }}</td> --}}
                                            <td> {{ date('d.m.Y', strtotime($pitem->payment_date)) }}</td>

                                            <td>{{ $pitem->get_payment_method->name }}</td>
                                            <td>{{ $pitem->note }}</td>

                                            {{-- <td> <a href="{{ route('dms.file.download', ['id' => $witem->file_id]) }}"
                                                    target="" class="btn btn-sm btn-outline-secondary">

                                                    <i class="bi bi-file-earmark-pdf text-danger"></i>
                                                    <i class="bi bi-download" aria-hidden="true"></i>
                                                    {{ $witem->number }}-Mahnung </a>
                                            </td> --}}
                                            <td>
                                                <button type="button" title="Löschen"
                                                    class="btn btn-sm btn-outline-danger delete_payment"
                                                    data-bs-toggle="modal" data-bs-target="#delete-payment"
                                                    data-id="{{ $pitem->id }}">
                                                    <i class="bi bi-trash"></i>
                                                </button>


                                            </td>


                                        </tr>
                                    @endforeach


                                </tbody>
                            </table>

                        </div>
                    </div>
                    <div class="tab-pane fade " id="nav-invoice-pdf" role="tabpanel" aria-labelledby="nav-pdf-tab"
                        tabindex="0">
                        <div class="container-fluid">
                            {{-- <object data="{{ route('accounting.incoming-invoice.file.show', ['id' => $invoice->id]) }}"
                            type="application/pdf" width="100%" height="100%">
                            <p>Alternative text - include a link <a
                                    href="{{ route('accounting.incoming-invoice.file.show', ['id' => $invoice->id]) }}">to
                                    the PDF!</a></p>
                        </object> --}}
                            {{-- {{ Storage::response(route('accounting.incoming-invoice.file.get', ['id' => $invoice->id])) }} --}}

                            {{-- @if (route('accounting.incoming-invoice.file.get', ['id' => $invoice->id]))
                                hi
                            @else
                                ho
                            @endif --}}


                            <iframe src="{{ route('accounting.outgoing-invoice.file.get', ['id' => $invoice->id]) }}"
                                width="100%" height="100%" style="height: 100vh">
                            </iframe>



                            {{-- <object data='{{ route('accounting.incoming-invoice.file.show', ['id' => $invoice->id]) }}'
                            type="application/pdf">

                            <iframe src='{{ route('accounting.incoming-invoice.file.show', ['id' => $invoice->id]) }}'>
                                <p>This browser does not support PDF!</p>
                            </iframe>
                        </object> --}}
                        </div>

                    </div>


                </div>
                <br>

            </div>

        </div>
        <div class="col-4  ">
            <div class="container-fluid bg-white border p-2">

                @if ($invoice->id != 6)
                    <div class="container-fluid ">
                        <form action="{{ route('accounting.outgoing-invoice.timeline') }}" onsubmit="syncTextarea()"
                            method="POST" novalidate>
                            @csrf

                            <input type="hidden" id="pid" name="pid" value="{{ $invoice->id }}">


                            <div class="form-group">
                                <h5 class="text-center"> neuer Hinweis/Kontaktverlauf </h5>
                                <div class="row mb-1">
                                    <div class="col" title="Information/Hinweis">
                                        <input class="form-check-input" onclick="contact_checked(this);" type="radio"
                                            name="contact_type" value="4" id="notes" checked> <span
                                            class="bi bi-info-square-fill me-1"></span>
                                    </div>
                                    <div class="col" title="Anruf">
                                        <input class="form-check-input" onclick="contact_checked(this);" type="radio"
                                            name="contact_type" value="0" id="call"> <span
                                            class="bi bi-telephone-fill me-1"></span>
                                    </div>
                                    <div class="col" title="E-mail">
                                        <input class="form-check-input" onclick="contact_checked(this);" type="radio"
                                            name="contact_type" value="1" id="mail"> <span
                                            class="bi bi-envelope-fill me-1"></span>
                                    </div>
                                    <div class="col" title="Postlich/Schriftlich">
                                        <input class="form-check-input" onclick="contact_checked(this);" type="radio"
                                            name="contact_type" value="2" id="poste"> <span
                                            class="bi bi-mailbox2 me-1"></span>
                                    </div>
                                    <div class="col" title="Persönlich">
                                        <input class="form-check-input" onclick="contact_checked(this);" type="radio"
                                            name="contact_type" value="3" id="personally"> <span
                                            class="bi bi-people-fill me-1"></span>
                                    </div>
                                </div>

                                {{-- <div class="row mb-1" id="contact-with">
                                <label class="form-label small col-12"> Kontakt mit: </label>
                                <div class="col-12">

                                    <select class="form-select form-select-sm" id="contact-dst-id"
                                        name="contact-dst-id">
                                        @if (isset($invoice->customer->name))
                                            <option value="{{ $invoice->customer->customer_id }}">
                                                Kunde: {{ $invoice->customer->name }}
                                            </option>
                                        @endif

                                        @if (isset($invoice->get_planner->name))
                                            <option value="{{ $invoice->get_planner->customer_id }}">
                                                Planer: {{ $invoice->get_planner->name }}
                                            </option>
                                        @endif




                                    </select>

                                </div>
                            </div> --}}
                                <p class="  text-sm text-muted  font-italic small m-0 p-0">** es ist möglich hier
                                    jemandem
                                    zu
                                    erwähnen:
                                    @Name oder
                                    #Abteilung</p>
                                <textarea class="form-control" name="msg" id="msg" rows="3" style="display:none;" required></textarea>
                                <div id="editor-container" class="w-100"></div>

                            </div>
                            <div class="form-group py-2">
                                <button type="submit" class="form-control col-4 btn btn-sm btn-primary text-center">
                                    Speichern</button>
                            </div>
                        </form>
                    </div>
                    <hr>
                @endif
                <div class="row ">
                    <div class="">

                        <!-- Timeline -->
                        <div class=" ">
                            <h6 class="text-secondary text-center"> <i class="bi bi-list-columns-reverse"></i>
                                Projekt Verlauf/Hinweise </h6>
                            <div class="row mx-3 border-bottom mb-1">
                                <div class="col">
                                    Filter:
                                </div>
                                <div class="col" title="alle">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="0" id="all" checked>alle</span>
                                </div>
                                <div class="col" title="Information/Hinweis">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="1" id="notes"> <span
                                        class="bi bi-info-square-fill me-1"></span>
                                </div>
                                <div class="col" title="Anruf">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="2" id="call"> <span
                                        class="bi bi-telephone-fill me-1"></span>
                                </div>
                                <div class="col" title="E-mail">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="3" id="mail"> <span
                                        class="bi bi-envelope-fill me-1"></span>
                                </div>
                                <div class="col" title="Postlich/Schriftlich">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="4" id="poste"> <span
                                        class="bi bi-mailbox2 me-1"></span>
                                </div>
                                <div class="col" title="Persönlich">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="5" id="personally"> <span
                                        class="bi bi-people-fill me-1"></span>
                                </div>
                            </div>

                            @foreach ($invoice->timelines 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)
                                    @if (request('d_tag') == $tt->id)
                                        <div id="E{{ $tt->id }}" class=" mb-5"></div>
                                    @endif
                                    <div class="row">

                                        <div
                                            class="col m-0 note0 {{ ($tt->is_note and !$tt->is_event) ? 'note1' : '' }} {{ $tt->is_call ? 'note2' : '' }} {{ $tt->is_email ? 'note3' : '' }} {{ $tt->is_post ? 'note4' : '' }} {{ $tt->is_personally ? 'note5' : '' }}">

                                            <div
                                                class=" {{ request('d_tag') == $tt->id ? ' bg-primary bg-opacity-25  mx-0  p-2 rounded border border-2   my-3' : ' bg-lights mb-2 mx-0  p-2 rounded border border-2 ' }} ">
                                                <div class="row">
                                                    <span class="col text-secondary">
                                                        <i class="bi bi-person">
                                                            {{ $tt->get_employee->first_name }}
                                                            {{ $tt->get_employee->last_name }}</i>

                                                    </span>
                                                    <span class="col small text-secondary text-end"><i
                                                            class="bi bi-clock mr-1"></i>
                                                        {{ date('d.m.Y - H:i', strtotime($tt->created_at)) }}
                                                    </span>
                                                </div>


                                                @if ($tt->is_note)
                                                    <div class="row ">
                                                        <div class="col-1">
                                                            <h6 class="bi bi-info-square-fill me-1"></h6>
                                                        </div>

                                                        <div class="col-11">
                                                            @if ($tt->is_event)
                                                                <small
                                                                    class="text-secondary ">{{ $tt->event_msg }}</small>
                                                            @else
                                                                <span class="text-small mt-2 font-weight-light"
                                                                    style="white-space: pre-line">{!! $tt->event_msg !!}</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                @else
                                                    @if ($tt->is_call)
                                                        <div class="row ">
                                                            <div class="col-1" title="Anruf">
                                                                <h6 class="bi bi-telephone-fill ">
                                                                </h6>
                                                            </div>
                                                            <div class="col-11 ps-0" title="Anruf">
                                                                <h6 class="">
                                                                    <span class="bi bi-arrow-right"></span>
                                                                    <span>

                                                                        Kunde: {!! $invoice->customer->name !!}
                                                                    </span>
                                                                </h6>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @if ($tt->is_email)
                                                        <div class="row ">
                                                            <div class="col-1" title="Email">
                                                                <h6 class="bi bi-envelope-fill ">
                                                                </h6>
                                                            </div>
                                                            <div class="col-11 ps-0" title="Email">
                                                                <h6 class="">
                                                                    <span class="bi bi-arrow-right"></span>
                                                                    <span>
                                                                        Kunde: {!! $invoice->customer->name !!}
                                                                    </span>
                                                                </h6>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @if ($tt->is_post)
                                                        <div class="row ">
                                                            <div class="col-1" title="schriftlich per post">
                                                                <h6 class="bi bi-mailbox2 ">
                                                                </h6>
                                                            </div>
                                                            <div class="col-11 ps-0" title="schriftlich per post">


                                                                <h6 class="">
                                                                    <span class="bi bi-arrow-right"></span>
                                                                    <span>
                                                                        Kunde: {!! $invoice->customer->name !!}
                                                                    </span>
                                                                </h6>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @if ($tt->is_personally)
                                                        <div class="row ">
                                                            <div class="col-1" title="Persönlich/Meeting">
                                                                <h6 class="bi bi-people-fill ">
                                                                </h6>
                                                            </div>
                                                            <div class="col-11 ps-0" title="Persönlich/Meeting">
                                                                <h6 class="">
                                                                    <span class="bi bi-arrow-right"></span>
                                                                    <span>
                                                                        Kunde: {!! $invoice->customer->name !!}
                                                                    </span>
                                                                </h6>

                                                            </div>
                                                        </div>
                                                    @endif



                                                    <div class="row justify-content-center align-items-center g-2">
                                                        <div class="col-1">
                                                        </div>
                                                        <div class="col-11">
                                                            @if ($tt->is_event)
                                                                <small
                                                                    class="text-secondary ">{{ $tt->event_msg }}</small>
                                                            @else
                                                                <span class="text-small mt-2 font-weight-light"
                                                                    style="white-space: pre-line">{{ $tt->event_msg }}</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                @endif

                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        </div><!-- End -->

                    </div>
                </div>



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


    <script>
        $(document).on('click', '.order_btn', function() {
                let id = $(this).attr('data-id');
                $('#project2_id').val(id);
                // document.getElementById('ptitle').innerHTML = "You pressed ";
            }

        );
    </script>

    <script>
        $(document).on('click', '.delete_btn', function() {
                let id = $(this).attr('data-id');
                $('#wid').val(id);
                // document.getElementById('ptitle').innerHTML = "You pressed ";
            }

        );
        $(document).on('click', '.delete_payment', function() {
                let id = $(this).attr('data-id');
                $('#pid').val(id);
                // document.getElementById('ptitle').innerHTML = "You pressed ";
            }

        );





        function CostItem(id) {

            // $("#editcustomer").val(5);
            var url = "{{ route('accounting.outgoing-invoice.get', ':id') }}";
            url = url.replace(':id', id);
            $.get(url, function(item) {


                // alert(item.fk_customer_id);



                $("#editid").val(item.id);

                $("#editinvoice_nr").val(item.invoice_nr);


                $("#edittitle").val(item.title);
                var select2 = $("#cost_center").selectize();
                var selectize2 = select2[0].selectize;
                selectize2.setValue(item.fk_cost_centre_id);


                $("#cost-centre-item").modal('toggle');
            })
        }

        function paidItem(id) {

            // $("#editcustomer").val(5);
            var url = "{{ route('accounting.outgoing-invoice.get', ':id') }}";
            url = url.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);
                // if (item.paid_with)
                //     $("#paidwith").val(item.paid_with);

                $("#paid-item").modal('toggle');
            })
        }

        function kontoItem(id) {

            // $("#editcustomer").val(5);
            var url = "{{ route('accounting.outgoing-invoice.get', ':id') }}";
            url = url.replace(':id', id);
            $.get(url, function(item) {



                $("#invid").val(item.id);
                // $("#paidinvoice_nr").val(item.invoice_nr);
                $("#kontoinvoice_nr").val(item.invoice_nr);
                $("#kontotitle").val(item.title);

                $("#konto-item").modal('toggle');
            })
        }

        function formatGermanDateFromString(dateString) {
            const parsedDate = new Date(dateString); // Parse the date string into a Date object
            return new Intl.DateTimeFormat('de-DE', {
                day: '2-digit',
                month: '2-digit',
                year: 'numeric'
            }).format(parsedDate);
        }

        function skontomodal(id) {

            // $("#editcustomer").val(5);
            var url = "{{ route('accounting.outgoing-invoice.get', ':id') }}";
            url = url.replace(':id', id);
            $.get(url, function(item) {



                $("#skontoinvid").val(item.id);
                // $("#paidinvoice_nr").val(item.invoice_nr);
                $("#skontoinvoice_nr").val(item.invoice_nr);
                $("#skontoinvoicetitle").val(item.title);

                $("#skontoduedate").val(formatGermanDateFromString(item.discount_due_date));

                // $("#skontoduedate").val(date('d.m.Y', strtotime(item.discount_due_date)));

                $("#skonto-modal").modal('toggle');
            })
        }
    </script>



@endsection