{% extends 'admin/admin_base.html.twig' %}
{% import "admin/Macros/Buttons/_button.html.twig" as button %}
{% set page_title = "Bestellungen" %}
{% block title %}{{ page_title }}{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" type="text/css"
          href="{{ asset('assets/admin/app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/admin/app-assets/css/style.bundle.css') }}">
{% endblock %}
{% block breadcrumb %}
    {# {% set fields = [{ 'name': page_title }] %}
    {% include 'admin/Common/_breadcrumb.html.twig' %}#}
{% endblock %}
{% block body %}
    <div class="card">
        <div class="card-content">
            <div class="card-body">
                <div class="row">

                    <div class="col-md-4 bestell-form">
                        <form action="{{ path('admin_bestellungen') }}" id="formBestell" method="get">
                            <div class="row mb-4">
                                <div class="col-lg-2">
                                    <span class="label">Datum:</span>
                                </div>
                                <div class="col-lg-8">
                                    <div class="form-row">
                                        <div class="col">
                                            <input type="text" name="datumStart"
                                                   class="form-control form-control-sm font-small-3 flat-picker inp-filter"
                                                   data-type="datumStart">
                                        </div>
                                        <div class="col">
                                            <input type="text" name="datumEnd"
                                                   class="form-control form-control-sm font-small-3 flat-picker inp-filter"
                                                   data-type="datumEnd">
                                        </div>
                                    </div>

                                    <div class="form-row mt-3">
                                        <div class="col-lg-auto mb-2">
                                            <label for="rad1"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('datums') == 'Gesamtzeit' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio"
                                                       id="rad1" {% if app.request.get('datums') == 'Gesamtzeit' %} checked {% endif %}
                                                       class="flBest flBest0" name="datums" value="Gesamtzeit">
                                                Gesamtzeit
                                            </label>
                                        </div>
                                        <div class="col-lg-auto mb-2">
                                            <label for="rad2"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('datums') == 'Heute' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio"
                                                       id="rad2" {% if app.request.get('datums') == 'Heute' %} checked {% endif %}
                                                       class="flBest flBest0" name="datums" value="Heute">
                                                Heute
                                            </label>
                                        </div>
                                        <div class="col-lg-auto mb-2">
                                            <label for="rad3"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('datums') == 'Aktueller Monat' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio"
                                                       id="rad3" {% if app.request.get('datums') == 'Aktueller Monat' %} checked {% endif %}
                                                       class="flBest flBest0" name="datums" value="Aktueller Monat">
                                                Aktueller Monat
                                            </label>
                                        </div>
                                        <div class="col-lg-auto mb-2">
                                            <label for="rad4"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('datums') == 'Aktuelles Jahr' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio"
                                                       id="rad4" {% if app.request.get('datums') == 'Aktuelles Jahr' %} checked {% endif %}
                                                       class="flBest flBest0" name="datums" value="Aktuelles Jahr">
                                                Aktuelles Jahr
                                            </label>
                                        </div>
                                    </div>


                                </div>
                            </div>
                            <div class="row mb-4">
                                <div class="col-lg-2">
                                    <span class="label">Type:</span>
                                </div>
                                <div class="col-lg-10">
                                    <div class="form-row">
                                        <div class="col-lg-auto mb-2">
                                            <label for="rad11"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('type') == 'Bestellung' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio" id="rad11"
                                                       class="flBest flBest1" {% if app.request.get('datums') == 'Bestellung' %} checked {% endif %}
                                                       name="type" value="Bestellung">
                                                Bestellung
                                            </label>
                                        </div>
                                        <div class="col-lg-auto mb-2">
                                            <label for="rad12"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('type') == 'Zahlungseingang' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio" id="rad12"
                                                       class="flBest flBest1" {% if app.request.get('type') == 'Zahlungseingang' %} checked {% endif %}
                                                       name="type" value="Zahlungseingang">
                                                Zahlungseingang
                                            </label>
                                        </div>
                                        <div class="col-lg-auto mb-2">
                                            <label for="rad13"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('type') == 'Rückzahlung' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio" id="rad13"
                                                       class="flBest flBest1" {% if app.request.get('type') == 'Rückzahlung' %} checked {% endif %}
                                                       name="type" value="Rückzahlung">
                                                Rückzahlung
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-4">
                                <div class="col-lg-2">
                                    <span class="label">Website:</span>
                                </div>
                                <div class="col-lg-10">
                                    <div class="form-row">
                                        <div class="col-lg-auto mb-2">
                                            <label for="1Web"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('website') ==  'Modular Lernen' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;"
                                                       type="radio" {% if app.request.get('website') == 'Modular Lernen' %} checked {% endif %}
                                                       class="flBest  flBest2" id="1Web"
                                                       name="website" value="Modular Lernen">
                                                Modular Lernen
                                            </label>
                                        </div>

                                        <div class="col-lg-auto mb-2">
                                            <label for="2Web"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('website') ==  'Smarty' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio" id="2Web"
                                                       class="flBest flBest2" {% if app.request.get('website') == 'Smarty' %} checked {% endif %}
                                                       name="website" value="Smarty">
                                                Smarty
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-4">
                                <div class="col-lg-2">
                                    <span class="label">Status:</span>
                                </div>
                                <div class="col-lg-10">
                                    <div class="form-row">
                                        <div class="col-lg-auto mb-2">
                                            <label for="rad21"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('status') == 'alle' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio" id="rad21"
                                                       class="flBest flBest3" {% if app.request.get('status') == 'alle' %} checked {% endif %}
                                                       name="status" value="alle">
                                                alle
                                            </label>
                                        </div>
                                        <div class="col-lg-auto mb-2">
                                            <label for="rad22"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('status') == 'bezahlt' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio" id="rad22"
                                                       class="flBest flBest3" {% if app.request.get('status') == 'bezahlt' %} checked {% endif %}
                                                       name="status" value="bezahlt">
                                                bezahlt
                                            </label>
                                        </div>
                                        <div class="col-lg-auto mb-2">

                                            <label for="rad23"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('status') == 'offen' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio" id="rad23"
                                                       class="flBest flBest3" {% if app.request.get('status') == 'offen' %} checked {% endif %}
                                                       name="status" value="offen">
                                                offen
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-4">
                                <div class="col-lg-2">
                                    <span class="label">Kundentyp:</span>
                                </div>
                                <div class="col-lg-10">
                                    <div class="form-row">





                                        <div class="col-lg-auto mb-2">
                                            <label for="1Web1"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('tip') ==  '1' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;"
                                                       type="radio" {% if app.request.get('tip') == '1' %} checked {% endif %}
                                                       class="flBest  flBest2" id="1Web1"
                                                       name="tip" value="1">
                                                Privatkunde
                                            </label>
                                        </div>
                                        <div class="col-lg-auto mb-2">
                                            <label for="2Web2"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('tip') ==  '4' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio" id="2Web2"
                                                       class="flBest flBest2" {% if app.request.get('tip') == '4' %} checked {% endif %}
                                                       name="tip" value="4">
                                                Privatkunde Vip
                                            </label>
                                        </div>
                                        <div class="col-lg-auto mb-2">
                                            <label for="3Web3"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('tip') ==  '2' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio" id="3Web3"
                                                       class="flBest flBest2" {% if app.request.get('tip') == '2' %} checked {% endif %}
                                                       name="tip" value="2">
                                                Lehreraccount
                                            </label>
                                        </div>
                                        <div class="col-lg-auto mb-2">
                                            <label for="4Web4"
                                                   class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-secondary font-small-3 btn-filter {% if app.request.get('tip') ==  '3' %} filter-active btn-warning {% endif %}">
                                                <input style="opacity: 0; width: 0;" type="radio" id="4Web4"
                                                       class="flBest flBest2" {% if app.request.get('tip') == '3' %} checked {% endif %}
                                                       name="tip" value="3">
                                                Partner/Nachhilfezentrum
                                            </label>
                                        </div>




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

                            <div class="col-lg-auto p-0 py-5 text-left">
                                <button style="border: thin solid;" type="submit"
                                        class="btn btn-sm btn-success font-small-3">suchen
                                </button>
                            </div>


                        </form>
                    </div>
                    <div class="align-items-center col-lg d-flex flex-column">
                        <table class="table table-bordered border-transparent">
                            <tr>
                                <th class="border-0"></th>
                                <th class="border-top-0 border-left-0 border-right-0">Bestellung (CHF)</th>
                                <th class="border-top-0 border-left-0 border-right-0">Zahlungseingang (CHF)</th>
                                <th class="border-top-0 border-left-0 border-right-0">Rückzahlung (CHF)</th>
                                <th class="border-top-0 border-left-0 border-right-0">Deuthsch (CHF)</th>
                                <th class="border-top-0 border-left-0 border-right-0">Mathematik (CHF)</th>
                            </tr>
                            <tr>
                                <td class="border-top-0 border-bottom-0 border-left-0">Brutto</td>
                                <td id="bTotal">{{ bestellungTotal|number_format(2) }}</td>
                                <td id="zTotal">{{ zahlungseingang|number_format(2) }}</td>
                                <td id="rTotal">{{ ruckzahlung|number_format(2) }}</td>
                                <td id="dTotal">{{ almancaUmsatz|number_format(2) }}</td>
                                <td id="mTotal">{{ matematikUmsatz|number_format(2) }}</td>
                            </tr>
                            <tr>
                                <td class="border-top-0 border-bottom-0 border-left-0">MwSt 2.5%</td>
                                <td id="bMwSt">{{ bestellungMwSt|number_format(2) }}</td>
                                <td id="zMwSt">{{ zahlungseingangMwSt|number_format(2) }}</td>
                                <td id="rMwSt">{{ ruckzahlungMwSt|number_format(2) }}</td>
                                <td id="dMwSt">{{ almancaMwStUmsatz|number_format(2) }}</td>
                                <td id="mMwSt">{{ matematikMwStUmsatz|number_format(2) }}</td>
                            </tr>
                        </table>
                        <form action="{{ path('admin_bestell_xml') }}" class="my-auto" method="post" id="camt04Form"
                              enctype="multipart/form-data">
                            <label for="filess" class="btn btn-success">camt.054</label>
                            <input class="d-none" type="file" id="filess" name="camt054" accept="text/xml"/>
                            <a href="{{ path('admin_bestell_camt054') }}" class="btn btn-sm btn-dark p-3">
                                <i class="fa fa-file-archive-o fs-4"></i>
                            </a>
                        </form>
                    </div>
                    <div class="col-lg-2">
                        <div class="row">
                            <div class="col-auto">
                                <span class="label">Anz. Bestellungen:</span>
                                <span class="value" id="bestellC">{{ bestellungenCount }}</span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-auto">
                                <span class="label">VIP Bestellungen:</span>
                                <span class="value" id="bestellV">{{ vipBestellungenCount }}</span>
                            </div>
                        </div>
                        <div class="row mb-5">
                            <div class="col-auto">
                                <span class="label">Normale Benutzer Bestellungen:</span>
                                <span class="value" id="bestellN">{{ normaleBestellungenCount }}</span>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-auto">
                                <span class="label">UBS Vorkasse:</span>
                                <span class="value" id="transfer">{{ vorauskasseBestell }}</span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-auto">
                                <span class="label">SIX Payment:</span>
                                <span class="value" id="sPay">{{ sixPaymentBestell }}</span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-auto">
                                <span class="label">PayPal:</span>
                                <span class="value" id="pypl">{{ paypalBestel }}</span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-auto">
                                <span class="label">PostFinance:</span>
                                <span class="value" id="pFinance">{{ postFinanceBestell }}</span>
                            </div>
                        </div>


                    </div>

                </div>
            </div>
        </div>
    </div>
    {#<div style="display: none;" class="card mt-5">
        <div class="card-content">
            <div class="card-body overflow-x-scroll">
                <table class="table table-nowrap table-hover" id="bestellungTable">
                    <thead>
                    <tr>
                        <th class="text-center">Position</th>
                        <th class="text-center">Zahlungsmittel</th>
                        <th class="text-center">Website</th>
                        <th class="text-center">Benutzer</th>
                        <th class="text-center">Bestellungen</th>
                        <th class="text-center">Zahlungseingang</th>
                        <th class="text-center">Rückzahlung</th>
                        <th class="text-center">Differenz</th>
                        <th class="text-center">QR-Rechnung</th>
                        <th class="text-center">Beleg</th>
                        <th class="text-center">Lieferschein</th>
                        <th class="text-center">Etikette</th>
                        <th class="text-center">Latex</th>
                        <th class="text-center">Notiz</th>
                        <th class="text-center">Lage</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% include 'admin/Main/Bestellungen/_bestell.html.twig' %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>#}
    <div class="card mt-5">
        <div class="cart-content">
            <div class="card-body row">
                <form action="{{ path('admin_bestell_checktxt') }}" method="post" id="checkform" class="p-5">
                    <input class="btn btn-warning" type="button" id="check" value="Check.txt"/>
                </form>
                <form action="{{ path('admin_bestell_iteratxt') }}" method="post" id="iterateform" class="p-5">
                    <input class="btn btn-warning" type="button" id="iterate" value="İterate.txt"/>
                </form>
                <form action="{{ path('admin_bestell_pdfdownload',{'type':'lieferscheinpdf'}) }}" method="post"
                      id="pdfdownload" class="p-5">
                    <input class="btn btn-warning" type="button" id="pdfdownload" value="Lieferschein PDF"/>
                </form>
                <form action="{{ path('admin_bestell_pdfdownload',{'type':'barcodepdf'}) }}" method="post"
                      id="pdfdownload2" class="p-5">
                    <input class="btn btn-warning" type="button" id="pdfdownload2" value="Barcode PDF"/>
                </form>
                <form action="{{ path('admin_bestell_pdfdownload',{'type':'bestellpdf'}) }}" method="post"
                      id="pdfdownload3" class="p-5">
                    <input class="btn btn-warning" type="button" id="pdfdownload3" value="Bestellungen PDF"/>
                </form>
            </div>
        </div>
    </div>
    <div class="card mt-5">
        <div class="cart-content">
            {#<input class="btn btn-sm btn-dark p-3 mt-5 ml-2 fs-14" type="button" id="kurier" value="E-Mail an den Kurier"/>#}
            <div class="card-body" id="lagerTable">
                {{ sg_datatables_render(bestellungenDatatable) }}
            </div>
        </div>
    </div>
    <style>
        .iconDiv {
            padding: 0;
            margin: 0;
            height: 27px;
            width: 27px;
            display: inline-flex;
            align-items: center;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer;
            transition: width 300ms ease-in-out 0s, background-color 300ms linear 200ms;
        }

        .iconSVG {
            height: 30px;
            aspect-ratio: 1 / 1;
            align-items: center;
            justify-content: center;
        }

        .iconSVG a {
            margin: 0 !important;
        }

        .iconSVG a::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

        .effext-hoverpl {
            margin: 0;
            padding: 0 2px;
            position: relative;
        }

        .iconDiv:hover,
        .iconDiv:focus-visible {
            width: 142px;
            transition: width 300ms ease-in-out 0s, background-color 100ms linear 0s;
        }

        .iconDiv:focus-visible {
            outline-offset: 4px;
        }

        .iconDiv:active {
            opacity: 0.9;
        }

        .iconDiv::after {
            content: attr(tooltip);
            padding: 1px 0 0 13px;
            animation: fadeIn 600ms linear forwards;
            font-size: 11px;
        }

        @keyframes fadeIn {
            0% {
                opacity: 0;
            }
            50% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

        #sg-datatables-Bestellungen_datatable-filterrow {
            display: none;
        }

        #sg-datatables-Bestellungen_datatable_wrapper {
            overflow: hidden;
        }

        #sg-datatables-Bestellungen_datatable_wrapper td a {
            margin: 5px;
        }


        .sorting_disabled {
            text-align: center;
        }

        #sg-datatables-Bestellungen_datatable {
            width: 100%;
            display: block;
            overflow-x: auto;
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 20px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 14px;
            width: 14px;
            left: 4px;
            bottom: 3.4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input:checked + .slider {
            background-color: #4B4B4B;
        }

        input:focus + .slider {
            box-shadow: 0 0 1px #4B4B4B;
        }

        input:checked + .slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(18px);
        }

        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }

        .slider.round:before {
            border-radius: 50%;
        }
    </style>
    <div class="modal fade" id="addRuckZahlund" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Add RuckZahlung</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{ path('admin_ruckzahlung') }}" method="post">
                        <div class="row">
                            <div class="col-12 mb-3">
                                <label for="ruckZahlundBrutto">Brutto:</label>
                                <input type="number" name="brutto" class="form-control" id="ruckZahlundBrutto">
                            </div>
                        </div>
                        <input type="hidden" name="bestellId">
                        <div class="d-flex justify-content-end">
                            <input type="submit" value="Speichern" class="btn btn-success">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="notiz" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Bestellungen Notiz</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row align-items-center">
                        <div class="col-10"><span class="notizT"></span></div>
                        <div class="col-2">
                            <a href="" type="button" class="ml-2 notizA">
                                <i class="feather icon-trash fs-22px text-danger"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('#kurier').click(function () {
                Panel.contentLoader_start();
                let bestellId = [];
                $('.kuriercheck').each(function () {
                    if ($(this).is(':checked')) {
                        bestellId.push($(this).data('id'));
                    }
                });
                if (bestellId.length != 0) {
                    $.ajax({
                        url: "{{ path('admin_ajax_kurier_mail') }}",
                        data: {'bestellId': bestellId},
                        method: 'POST',
                        type: 'POST',
                        success: function (data) {
                            alert('E-Mail gesendet');
                            Panel.contentLoader_close();
                            location.reload();
                        }
                    });
                } else {
                    alert('Treffen Sie zuerst Ihre Wahl');
                }
            });
            $('#check').click(function () {
                let bestellId = [];
                $('.kuriercheck').each(function () {
                    if ($(this).is(':checked')) {
                        bestellId.push($(this).data('id'));
                    }
                });
                let html = '<input name="users" type="hidden" value="' + bestellId + '">';
                $('#checkform').append(html).submit();
                Panel.contentLoader_close();
            });
            $('#iterate').click(function () {
                let bestellId = [];
                $('.kuriercheck').each(function () {
                    if ($(this).is(':checked')) {
                        bestellId.push($(this).data('id'));
                    }
                });
                let html = '<input name="users" type="hidden" value="' + bestellId + '">';
                $('#iterateform').append(html).submit();
                Panel.contentLoader_close();
            });

            $('#pdfdownload').click(function () {
                let bestellId = [];
                $('.kuriercheck').each(function () {
                    if ($(this).is(':checked')) {
                        bestellId.push($(this).data('id'));
                    }
                });


                if (bestellId.length > 0) {
                    let html = '<input name="users" type="hidden" value="' + bestellId + '">';
                    $('#pdfdownload').append(html).submit();
                    Panel.contentLoader_close();
                } else {
                    alert('Sipariş Seçimi yapınız!');
                    return false;
                }


            });
            $('#pdfdownload2').click(function () {
                let bestellId = [];
                $('.kuriercheck').each(function () {
                    if ($(this).is(':checked')) {
                        bestellId.push($(this).data('id'));
                    }
                });

                if (bestellId.length > 0) {
                    let html = '<input name="users" type="hidden" value="' + bestellId + '">';
                    $('#pdfdownload2').append(html).submit();
                    Panel.contentLoader_close();
                } else {
                    alert('Sipariş Seçimi yapınız!');
                    return false;
                }


            });
            $('#pdfdownload3').click(function () {
                let bestellId = [];
                $('.kuriercheck').each(function () {
                    if ($(this).is(':checked')) {
                        bestellId.push($(this).data('id'));
                    }
                });

                if (bestellId.length > 0) {
                    let html = '<input name="users" type="hidden" value="' + bestellId + '">';
                    $('#pdfdownload3').append(html).submit();
                    Panel.contentLoader_close();
                } else {
                    alert('Sipariş Seçimi yapınız!');
                    return false;
                }


            });

            $('#lagerTable').on('change', '.lagerbtn input', function () {
                let bestell_id = $(this).val();
                let statusx = $(this).is(':checked');
                let data_url = "{{ path('admin_ajax_bestell_stock') }}";

                if ($(this).hasClass('stcplus')) {
                    $(this).removeClass('stcplus')
                } else {
                    $(this).addClass('stcplus')
                }

                $.ajax({
                    url: data_url,
                    data: {'bestell_id': bestell_id, 'statusx': statusx},
                    method: 'POST',
                    type: 'POST',
                    success: function (data) {
                        if (data.data === '1') {
                            Swal.fire({
                                icon: 'success',
                                title: 'Erfolg',
                                text: 'Transaktion Erfolgreich',
                                showConfirmButton: true,
                                timer: 1500,
                            });
                        }
                    }
                });
            });
        });
        $('#filess').on('change', function () {
            $('#camt04Form').get(0).submit();
        });
        $('#addRuckZahlund').on('show.bs.modal', function (e) {
            let el = e.relatedTarget;
            $('input[name="bestellId"]').val(el.dataset.id);
        });
        $('#notiz').on('show.bs.modal', function (e) {
            let targetBtn = e.relatedTarget;
            let id = targetBtn.dataset.id;
            let text = targetBtn.dataset.text;
            let date = targetBtn.dataset.date;
            let user = targetBtn.dataset.user;
            let link = '{{ path('admin_notiz_delete',{'id':'_id'}) }}';

            $(this).find('.notizT').html(text + '<br> <span class="text-muted font-small-3">Aussaat: ' + user + ' ' + date + '</span>');
            $(this).find('.notizA').attr('href', link.replace('_id', id));
        });
        $('.flBest0').click(function () {


            if ($(this).closest('label').hasClass('filter-active btn-warning')) {
                $(this).prop('checked', false).closest('label').removeClass('filter-active btn-warning');
            } else {
                $('.flBest0').closest('label').removeClass('filter-active btn-warning');
                $(this).prop('checked', true).closest('label').addClass('filter-active btn-warning');
            }


        });
        $('.flBest1').click(function () {
            if ($(this).closest('label').hasClass('filter-active btn-warning')) {
                $(this).prop('checked', false).closest('label').removeClass('filter-active btn-warning');
            } else {
                $('.flBest1').closest('label').removeClass('filter-active btn-warning');
                $(this).prop('checked', true).closest('label').addClass('filter-active btn-warning');
            }
        });
        $('.flBest2').click(function () {
            if ($(this).closest('label').hasClass('filter-active btn-warning')) {
                $(this).prop('checked', false).closest('label').removeClass('filter-active btn-warning');
            } else {
                $('.flBest2').closest('label').removeClass('filter-active btn-warning');
                $(this).prop('checked', true).closest('label').addClass('filter-active btn-warning');
            }
        });
        $('.flBest3').click(function () {
            if ($(this).closest('label').hasClass('filter-active btn-warning')) {
                $(this).prop('checked', false).closest('label').removeClass('filter-active btn-warning');
            } else {
                $('.flBest3').closest('label').removeClass('filter-active btn-warning');
                $(this).prop('checked', true).closest('label').addClass('filter-active btn-warning');
            }
        });
    </script>
    <style>
        .dropdown-toggle::after {
            padding-right: 5px !important;
        }
    </style>
{% endblock %}
{% block head_javascripts %}
    <script src="{{ asset('assets/admin/app-assets/vendors/js/extensions/moment.min.js') }}"></script>
    <script>
        function lieferschein(code) {
            Panel.contentLoader_start();
            if (code) {
                let data_url = "{{ path('admin_ajax_lieferschein_pdf') }}";
                $.ajax({
                    url: data_url,
                    data: {'id': code},
                    method: 'POST',
                    type: 'POST',
                    success: function (data) {
                        if (data) {
                            window.location.reload();
                        }
                    }
                });
            }
        }

        function barcode(typen, id) {
            Panel.contentLoader_start();

            if (id && typen) {
                let data_url = "{{ path('admin_bestell_barcode') }}";
                $.ajax({
                    url: data_url,
                    data: {'id': id, 'typen': typen},
                    method: 'POST',
                    type: 'POST',
                    success: function (data) {
                        if (data) {
                            window.location.reload();
                        }
                    }
                });
            }

        }
    </script>
    {% include 'admin/Common/_datatable_all_js.html.twig' %}
{% endblock %}