@extends('layouts.app', ['title' => strtoupper(Request::segment(1)) . ' | ' . strtoupper(Request::segment(2))])
@section('content')
    {{-- BU Update modal --}}

    <div class="modal fade modal-dialog-scrollable modal-xl" id="bu-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.bu.update') }}" method="POST" class="needs-validation"
                    novalidate>
                    @csrf
                    <input id="bu-invid" name="bu-invid" value="" hidden>

                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel">BU-Schlüssel 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="bu-invoice_nr" name="bu-invoice_nr"
                                    disabled>

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

                            </div>


                        </div>
                        <div class="row mt-2">
                            <div class="col">
                                <label class="form-label">*BU-Schlüssel </label>
                                @if (!empty($datev_bus))
                                    <div>
                                        <select
                                            class="select-search form-control form-select cke_dialog_ui_labeled_required"
                                            id="datev-bus" name="datev-bus"
                                            placeholder="bitte auswählen/suchen/leer lassen..." onchange="">
                                            <option value="" disabled selected>bitte auswählen</option>

                                            @foreach ($datev_bus as $itemc)
                                                <option value="{{ $itemc->id }}">
                                                    {{ $itemc->nr }} - {{ $itemc->bezeichnung }}
                                                </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>

    {{-- pdf anzeigen --}}
    <div class="modal fade" id="pdfModal" tabindex="-1" aria-labelledby="pdfModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pdfModalLabel">
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <iframe src="" style="width:100%; height:500px;" frameborder="0" id="pdf-src"></iframe>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schließen</button>
                </div>
            </div>
        </div>
    </div>
    {{-- Kreditor Update modal --}}

    <div class="modal fade modal-dialog-scrollable modal-xl" id="supplier-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('crm.customer.konto.update') }}" method="POST" class="needs-validation" novalidate>
                    @csrf
                    <input id="id-edit" name="id-edit" 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> --}}
                        <h4>Kunde</h4>
                        <div class="row mt-2">
                            {{-- <div class="col">
                                <label class="form-label"> Lieferant-Kategorie: </label>
                                @if (!empty($customer_category))
                                    <select class="form-select " id="customer_category_id-edit"
                                        name="customer_category_id-edit" required>
                                        @foreach ($customer_category as $itemc)
                                            <option value="{{ $itemc->customer_category_id }}">
                                                {{ $itemc->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                @else
                                    <input type="text" class="form-control" id="customer_category_id2-edit"
                                        name="customer_category_id2-edit">
                                @endif

                            </div> --}}
                            <div class="col">
                                <label class="form-label">Name: </label>
                                <input type="text" class="form-control" id="name-edit" name="name-edit" disabled>
                                {{-- <button class=""><i class="bi bi-copy"></i></button> --}}
                            </div>
                            <div class="col-4">
                                <label class="form-label fw-bold">*Debitor-Konto: </label>
                                <input type="text" class="form-control" id="konto-edit" name="konto-edit" required>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col">
                                <label class="form-label">Adresse: </label>
                                <input type="text" class="form-control" id="address-edit" name="address-edit"
                                    disabled>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col">
                                <label class="form-label">Tel: </label>
                                <input type="text" class="form-control" id="tel-edit" name="tel-edit" disabled>
                            </div>
                            <div class="col">
                                <label class="form-label">Mobile: </label>
                                <input type="text" class="form-control" id="mobile-edit" name="mobile-edit" disabled>
                            </div>
                            <div class="col">
                                <label class="form-label">Fax: </label>
                                <input type="text" class="form-control" id="fax-edit" name="fax-edit" disabled>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col">
                                <label class="form-label">Haupt Email: </label>
                                <input type="email" class="form-control" id="email-edit" name="email-edit" disabled>
                            </div>
                            <div class="col">
                                <label class="form-label">Webseite: </label>
                                <input type="text" class="form-control" id="website-edit" name="website-edit"
                                    disabled>
                            </div>
                        </div>
                        <hr>
                        <small>Mit Stern (*) markierte Felder sind Pflichtfelder.</small>
                        <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>
    {{-- 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 }}">
                                                    {{ $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>
    <!-- main content -->


    <div class="row">

        <div class="col">
            <h4 class="bg-white border px-2 p-2 w-100 fs-4 rounded shadow-sm">Ausgangsrechnungen Export</h4>
        </div>




    </div>
    <br>
    <div class="container-fluid bg-white mb-5 rounded border">
        @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>
        @if (!empty($invoices))
            <div class="row ">
                <div class="col ">
                    <a href="{{ route('accounting.outgoing-invoice.status', ['status' => '0']) }}"
                        class="text-decoration-none text-black">
                        <div class="p-2 border rounded">
                            <div class="card-body">
                                <div class="col-12">
                                    <h4 class="text-center">
                                        {{ $invoices_all->where('is_paid', '0')->count() }}
                                    </h4>
                                    <h6 class="text-center text-danger small">offen</h6>
                                </div>
                                <div class="col-12 bg-danger border-2  rounded " style="height: 4px;">
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-2 border-start  border-dark">
                    <a href="{{ route('accounting.outgoing-invoice.status', ['status' => '1']) }}"
                        class="text-decoration-none text-black">
                        <div class="p-2 border rounded">
                            <div class="card-body">
                                <div class="col-12">
                                    <h4 class="text-center">
                                        {{ $invoices_all->where('is_paid', '1')->count() }}
                                    </h4>
                                    <h6 class="text-center text-success small">bezahlt</h6>
                                </div>
                                <div class="col-12 bg-success border-2  rounded " style="height: 4px;">
                                </div>
                            </div>
                        </div>
                    </a>
                </div>


            </div>

            <hr>
            <div class="row  align-content-center mb-1">
                <div class="col-2"></div>
                <div class="col ">
                    <form action="{{ route('accounting.outgoing-invoice.export') }}" method="get">

                        <div class="row ">


                            <div class="col text-center">
                                <div class="input-group   ">
                                    <input type="text" class="form-control  rounded-0"
                                        placeholder="Suche nach Rechnungsnummer" id="name" name="name"
                                        value="{{ request('name') }}">
                                    <div class="input-group-append   ">
                                        <button class="btn  text-white bg-primary rounded-0 " type="submit"> <i
                                                class="bi bi-search"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </form>
                </div>
                <div class="col-2 text-end me-2"> <button class="btn btn-primary  " type="button"
                        data-bs-toggle="collapse" data-bs-target="#filterOptions" aria-expanded="false"
                        aria-controls="filterOptions">
                        Filter <i class="bi bi-caret-down"></i>
                    </button></div>

            </div>

            <div class="collapse {{ request('filter_option') ? ' show ' : '' }}" id="filterOptions">


                <form action="{{ route('accounting.outgoing-invoice.export') }}" method="GET"
                    class="p-2 border rounded">
                    <input type="hidden" name="name" value="{{ request('name') }}">
                    <div class="container-fluid mx-2 ">
                        <div class="row ">
                            <div class="col  border p-3 ">
                                <div class="container px-4 text-center my-3">
                                    <div class="row gx-5">

                                        <div class="col  ">
                                            <input type="checkbox" name="status[]" value="0" id="status0">
                                            offen
                                        </div>
                                        <div class="col  ">
                                            <input type="checkbox" name="status[]" value="1" id="status1">
                                            bezahlt
                                        </div>
                                        <div class="col  ">
                                            <input type="checkbox" name="exported" value="1" id="exported">
                                            exportiert
                                        </div>
                                    </div>
                                </div>


                                <div class="row ">

                                    <div class="col   ">
                                        <div class="row ">
                                            {{-- <div class="col-2 ">
                                                Filter auswählen:
                                            </div> --}}
                                            <div class="col-2  ">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="radio" name="filter_option"
                                                        id="showAll" value="all"
                                                        {{ request('filter_option') == 'all' ? ' checked ' : '' }}
                                                        {{ request('filter_option') == '' ? ' checked ' : '' }}>
                                                    <label class="form-check-label" for="showAll">
                                                        Alle
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-2">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="radio" name="filter_option"
                                                        id="dateRange" value="date_range"
                                                        {{ request('filter_option') == 'date_range' ? ' checked ' : '' }}>
                                                    <label class="form-check-label" for="dateRange">
                                                        zwischen:
                                                    </label>
                                                </div>
                                            </div>

                                            <div class="col  ">
                                                <div id="dateRangeFields" style="display: none;">
                                                    <div class="row g-3 align-items-center">
                                                        <div class="col-auto">von
                                                            <input type="date" id="start_date" name="start_date"
                                                                value="{{ request('start_date') }}"
                                                                class="form-control form-control-sm">
                                                        </div>
                                                        <div class="col-auto">bis
                                                            <input type="date" id="end_date" name="end_date"
                                                                value="{{ request('end_date') }}"
                                                                class="form-control form-control-sm ">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-3  ">
                                                <div class="row ">
                                                    <div class="col-4">
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="radio"
                                                                name="filter_option" id="dateMonth" value="date_month"
                                                                {{ request('filter_option') == 'date_month' ? ' checked ' : '' }}>
                                                            <label class="form-check-label" for="month">
                                                                Monat
                                                            </label>

                                                        </div>
                                                    </div>
                                                    <div class="col ">
                                                        <div id="dateMonthFields">
                                                            <select name="month_b" id="month_b"
                                                                class="form-select form-select-sm">
                                                                {{-- @foreach (range(1, 12) as $month)
                                                                    <option value="{{ $month }}"
                                                                        @selected($month == request('month_b'))>
                                                                        {{ \Carbon\Carbon::createFromFormat('m', $month)->format('F') }}
                                                                    </option>
                                                                @endforeach --}}
                                                                @foreach (range(1, 12) as $month)
                                                                    <option value="{{ $month }}"
                                                                        @selected($month == request('month_b'))>
                                                                        {{ \Carbon\Carbon::createFromFormat('m', $month)->locale('de')->isoFormat('MMMM') }}
                                                                    </option>
                                                                @endforeach

                                                            </select>
                                                        </div>

                                                    </div>
                                                </div>

                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-3 border p-3">
                                <div class="container text-start ">
                                    <div class="row  my-2">

                                        <div class="col  ">

                                            <a href="{{ route('accounting.outgoing-invoice.export') }}"
                                                class="btn btn-primary btn-sm">zurücksetzen</a>

                                        </div>
                                    </div>
                                    <div class="row  ">
                                        <div class="col  ">
                                            <button type="submit" class="btn btn-primary btn-sm">
                                                anwenden</button>
                                        </div>

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





                </form>
                <hr>

            </div>







            <div class="">
                <div class=" ">
                    <form id="exportForm" action="{{ route('accounting.outgoing-invoice.export.csv') }}" method="post">
                        @csrf
                        <div class="row justify-content-end">

                            <div class="col text-start">
                                <!-- Bootstrap Alert for showing messages -->
                                <div id="alertPlaceholder" class="alert alert-danger d-none" role="alert">
                                    Bitte wählen Sie mindestens eine Rechnung aus.
                                </div>
                            </div>
                            <div class="col-1 text-end">

                                <button class="btn btn-success  w-100" type="submit"> exportieren</button>
                            </div>
                        </div>

                        <table class="table table-hover no-wrap contact-list" data-page-size="5">
                            <thead>
                                <tr class="text-info fs-6 align-middle">


                                    <th class="col-1  small" style="width: 5em;"><input type="checkbox" name=""
                                            id="all" onclick="checkall()">

                                    </th>
                                    <th class="col-2 ps-1">Betreff

                                    </th>

                                    <th class="col-1 ps-1 text-end">Betrag

                                    </th>


                                    <th class="col-1 ps-1 text-center smal">BU-Schlüssel

                                    </th>
                                    <th class="col-2 ps-1 ">Gegenkonto/Kunde

                                    </th>

                                    <th class="col-1 ps-1 small" style="">Rech.Nr.

                                    </th>
                                    <th class="col-1 ps-1 text-center">Rechnungsdatum

                                    </th>





                                    {{-- <th class="col-1 ps-1 text-center">Lieferant

                                </th> --}}
                                    {{-- <th class="col-1 ps-1 text-center">Eingangsdatum

                                    </th> --}}
                                    <th class="col-2 ps-1 ">Konto

                                    </th>
                                    <th class="col-2 ps-1 text-center">Kostenstelle

                                    </th>
                                    {{-- <th class="col-1 ps-1 text-center">Zahlungsfrist bis

                                </th> --}}



                                    <th class="col-1 ps-1 text-center te">Status

                                    </th>
                                    <th class=" ps-1 text-center te">Exportiert

                                    </th>
                                    {{-- <th class="col-1 ps-1 text-center te">
                                        Abteilung

                                    </th> --}}




                                </tr>
                            </thead>
                            <tbody id="clients-td-container" class="">
                                <!--ajax content here-->
                                <!--each row-->
                                @php
                                    $warnings = 0.0;
                                @endphp
                                @foreach ($invoices as $item)
                                    <tr id="" class="fs-6 align-middle small">

                                        <td class="small ">
                                            <input type="checkbox" name="rechnung[]" value="{{ $item->id }}"
                                                id="">
                                        </td>

                                        <td class="small p-1">
                                            <a class="d-inline-block text-danger pe-1" role="button"
                                                onclick="ShowPDF({{ $item->id }})">
                                                <h4 class="bi bi-file-earmark-pdf-fill"></h4>
                                            </a>
                                            <a href="{{ route('accounting.outgoing-invoice.show', ['id' => $item->id]) }}"
                                                target="_blank">
                                                {{ $item->title }}</a>
                                        </td>



                                        <td class="small px-3 text-end">
                                            @if ($item->get_warning->count() > 0)
                                                {{ number_format($item->total, 2, ',', '.') }}
                                                € /
                                                {{ number_format($item->total + $item->get_warning->sum('total'), 2, ',', '.') }}
                                                €
                                                @php
                                                    $warnings += $item->get_warning->sum('total');
                                                @endphp
                                            @else
                                                {{ number_format($item->total, 2, ',', '.') }}
                                                €
                                            @endif
                                        </td>
                                        <td class="small p-1 text-center">
                                            @if (!empty($item->get_bu_key))
                                                <a name="" id=""
                                                    class="d-inline-block text-secondary pe-1" href="#"
                                                    role="button" onclick="UpdateBU({{ $item->id }})">
                                                    <h5 class="bi bi-pencil-square"></h5>
                                                </a>
                                                {{ $item->get_bu_key->nr }}
                                            @else
                                                <button type="button" title="Bearbeiten" class="btn btn-sm btn-danger"
                                                    onclick="UpdateBU({{ $item->id }})">
                                                    <i class="bi bi-pencil-square"> </i>
                                                </button>
                                            @endif

                                        </td>
                                        <td
                                            class="small ps-2 {{ $item->customer->customer_code == null ? ' text-danger ' : ' ' }}">
                                            @if (!empty($item->customer->customer_code))
                                                <button type="button" title="Bearbeiten"
                                                    class="btn btn-sm btn-outline-secondary "
                                                    onclick="kreditorSet({{ $item->customer->customer_id }})">
                                                    <i class="bi bi-pencil-square"> </i>
                                                </button>
                                                {{ $item->customer->customer_code }}-
                                            @else
                                                <button type="button" title="Bearbeiten" class="btn btn-sm btn-danger"
                                                    onclick="kreditorSet({{ $item->customer->customer_id }})">
                                                    <i class="bi bi-pencil-square"> </i>
                                                </button>
                                            @endif
                                            @if (!empty($item->customer))
                                                {{ $item->customer->name }}
                                            @endif

                                        </td>
                                        <td class="small p-1">
                                            {{ $item->invoice_nr }}
                                        </td>
                                        <td class="small p-1 text-center">



                                            @if ($item->invoice_date)
                                                {{ date('d.m.Y', strtotime($item->invoice_date)) }}
                                            @else
                                                -
                                            @endif
                                        </td>


                                        {{-- <td class="small p-1 text-center">
                                        {{ $item->customer->name }}
                                    </td> --}}
                                        {{-- <td class="small p-1 text-center">

                                            {{ date('d.m.Y', strtotime($item->income_date)) }}
                                        </td> --}}
                                        <td class="small p-1 ">



                                            @if ($item->fk_konto_id)
                                                <button type="button" title="Bearbeiten"
                                                    class="btn btn-sm btn-outline-secondary   m-0"
                                                    onclick="kontoItem({{ $item->id }})">
                                                    <i class="bi bi-pencil-square"></i>
                                                </button> {{ $item->konto->konto }} -
                                                {{ $item->konto->name }}
                                            @else
                                                <button type="button" title="Bearbeiten"
                                                    class="btn btn-sm btn-danger   m-0"
                                                    onclick="kontoItem({{ $item->id }})">
                                                    <i class="bi bi-pencil-square"></i>
                                                </button> -
                                            @endif
                                        </td>

                                        <td class="small p-1 text-center">
                                            @if (!empty($item->get_cost_center))
                                                @if ($item->get_cost_center->old_number)
                                                    {{ $item->get_cost_center->old_number }}
                                                @else
                                                    {{ $item->get_cost_center->number }}
                                                @endif
                                                - {{ $item->get_cost_center->name }}
                                            @endif

                                        </td>
                                        {{-- <td class="small p-1 text-center">

                                        {{ date('d.m.Y', strtotime($item->expiry_date)) }}
                                    </td> --}}
                                        <td class="small p-1 text-center">

                                            @if ($item->is_paid)
                                                <small class="p-1 m-0 btn btn-success btn-sm " href="#"
                                                    role="button">
                                                    bezahlt</small>
                                            @else
                                                <small class="p-1 m-0 btn btn-danger btn-sm " href="#"
                                                    role="button">
                                                    offen</small>
                                            @endif

                                        </td>


                                        <td class="text-center">
                                            @if ($item->is_exported)
                                                Ja
                                            @else
                                                Nein
                                            @endif
                                        </td>


                                    </tr>
                                    <!--each row-->
                                    {{-- <tr>
                                        <td class="" colspan="100%"></td>
                                    </tr> --}}
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr class="border  ">
                                    {{-- <td>Summe</td> --}}
                                    <td></td>
                                    <td class="text-center"> netto:
                                        {{ number_format($invoices->sum('subtotal'), 2, ',', '.') }} €</td>
                                    <td colspan="" class="text-start"> Mwst.:
                                        {{ number_format($invoices->sum('tax'), 2, ',', '.') }}€</td>
                                    {{-- <td class="text-end"> </td> --}}
                                    {{-- <td class="text-end"> </td> --}}

                                    <td class="text-end"> brutto:
                                        <b> {{ number_format($invoices->sum('total'), 2, ',', '.') }}

                                            €</b>
                                    </td>


                                </tr>
                            </tfoot>
                        </table>
                    </form>
                    <br>
                    <div class="d-flex justify-content-center pagination pagination-lg text-dark">
                        {!! $invoices->links() !!}
                    </div>
                </div>
            </div>
        @else
            <div class="row">
                <h6>Keine Daten</h6>
            </div>
        @endif

    </div>
    <script>
        // function checkall() {
        //     var all = document.getElementById('all');
        //     var checkboxes = document.getElementsByName("rechnung[]");

        //     checkboxes.forEach(element => {
        //         if (all.checked == true) {
        //             element.checked = true;
        //         } else {
        //             element.checked = false;

        //         }
        //     });


        // }



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

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


            showAllRadio.addEventListener('change', toggleFields);
            dateRangeRadio.addEventListener('change', toggleFields);
            dateMonthRadio.addEventListener('change', toggleFields);

            toggleFields(); // Call on initial load
        });

        function kreditorSet(id) {

            // $("#editsupplier").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);

            //     $("#supplier-item").modal('toggle');
            // })
            var url = "{{ route('srm.supplier.get', ':id') }}";
            url = url.replace(':id', id);
            $.get('/crm/kunden/' + id, function(item) {
                $("#id-edit").val(item.customer_id);
                // $("#customer_category_id-edit").val(item.fk_customer_category_id);
                $("#name-edit").val(item.name);
                $("#konto-edit").val(item.customer_code);
                $("#address-edit").val(item.address);
                $("#tel-edit").val(item.tel);
                $("#mobile-edit").val(item.mobile);
                $("#fax-edit").val(item.fax);
                $("#email-edit").val(item.email);
                $("#website-edit").val(item.website);
                $("#supplier-item").modal('toggle');
            })
        }

        function kontoItem(id) {

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



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

                var select = $("#konto").selectize();
                var selectize = select[0].selectize;
                selectize.setValue(item.fk_konto_id);
                // $("#paidinvoice_nr").val(item.invoice_nr);
                $("#kontoinvoice_nr").val(item.invoice_nr);
                $("#kontotitle").val(item.title);

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

        function ShowPDF(id) {

            // $("#editsupplier").val(5);

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




                $("#pdf-src").attr('src', url);

                $("#pdfModal").modal('toggle');
            })
        }

        function UpdateBU(id) {


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



                $("#bu-invid").val(item.id);

                var select = $("#datev-bus").selectize();
                var selectize = select[0].selectize;
                selectize.setValue(item.fk_konto_id);
                // $("#paidinvoice_nr").val(item.invoice_nr);
                $("#bu-invoice_nr").val(item.invoice_nr);
                $("#bu-invoice_title").val(item.title);

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


        document.getElementById('exportForm').addEventListener('submit', function(event) {
            const checkboxes = document.querySelectorAll('input[type="checkbox"][name="rechnung[]"]');
            const isChecked = Array.from(checkboxes).some(checkbox => checkbox.checked);

            if (!isChecked) {
                event.preventDefault(); // Prevent form submission

                $('#alertPlaceholder').removeClass('d-none').fadeTo(2000, 500).slideUp(500, function() {
                    $('#alertPlaceholder').slideUp(500); // Slide up the alert after showing it
                });
            }
        });

        function checkall() {
            var masterCheck = document.getElementById('all');
            var checkboxes = document.querySelectorAll('input[type="checkbox"][name="rechnung[]"]');
            checkboxes.forEach(function(checkbox) {
                checkbox.checked = masterCheck.checked;
            });
        }
    </script>
@endsection