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

    <!-- modals -->
    {{-- new Item --}}

    <!-- main content -->

    <div class="row">
        <div class="col">
            APP > {{ strtoupper(Request::segment(1)) }} > {{ strtoupper('Bauvorhaben') }} > NEU </div>

        <div class="col float-end text-end">

            {{-- <button type="button" class="btn btn-success shadow" data-bs-toggle="modal" data-bs-target="#new-item">
                <i class="bi bi-plus-square"></i> neue
            </button> --}}

        </div>
    </div>
    <br>
    <div class="bg-white mb-5 container-fluid bg-white   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
        <br>
        <h5 class="text-center"> Neuer Auftrag</h5>
        <div class="container-fluid px-3 ">
            {{-- <div class="row border py-3">
                <div class="col">Anfragedatum: {{ date('d.m.Y', time()) }}</div>

            </div> --}}

            <form action="{{ route('order.project.create') }}" method="POST" class="needs-validation" novalidate>
                @csrf
                <div class="row card p-2">
                    <br>
                    <h4 class="text-secondary">Bauvorhabensdaten:</h4>



                    <div class="row px-3 ">
                        <p class="">Ist das Bauvorhaben bereits im System eingetragen?</p>
                        <div class="col">
                            <div class="row justify-content-center align-items-center g-2">
                                <div class="col">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="pro_location"
                                            id="newlocationr1" checked onchange="project_location_change();" value="old">
                                        <label class="form-check-label" for="flexRadioDefault1">
                                            Ja, es ist im System eingetragen:
                                        </label>
                                    </div>
                                </div>

                            </div>

                            <div class="row justify-content-center align-items-center g-2" id="old_l">
                                <div class="col-12">
                                    @if (!empty($project_location))
                                        <div class="mt-3">
                                            <select class="  select-search" id="bauvorhaben" name="bauvorhaben"
                                                placeholder="bitte auswählen..." data-live-search="true">

                                                <option value="" selected hidden class="text-danger">bitte
                                                    auswählen...</option>
                                                @foreach ($project_location->sortByDesc('id') as $itemc)
                                                    <option value="{{ $itemc->id }}">
                                                        {{ $itemc->name }}
                                                    </option>
                                                @endforeach

                                            </select>
                                        </div>
                                    @endif
                                </div>


                            </div>

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

                            <div class="form-check col">
                                <input class="form-check-input" type="radio" name="pro_location" id="newlocationr2"
                                    value="new">
                                <label class="form-check-label" for="newlocationr2" onchange="project_location_change();">
                                    Nein, neues Bauvorhaben erstellen:
                                </label>
                            </div>

                            <div class="row justify-content-center align-items-center g-2" id="new_l">
                                <div class="col-12">
                                    Bauvorhaben - Name:
                                    <div class="col form-group">
                                        <input type="text" name="bauvorhaben_name" class="form-control form-control-sm"
                                            id="bauvorhaben_name" placeholder="Name, Nummer" />
                                    </div>
                                </div>
                                <div class="col-12">
                                    Bauvorhaben - Adresse:
                                    <div class="col form-group">
                                        <input type="text" name="bauvorhaben_adresse"
                                            class="form-control form-control-sm" id="bauvorhaben_adresse"
                                            placeholder="Musterstrasse 1, 12345 Musterstadt" />
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>

                    {{-- <hr class="mt-2">
                    <div class="row my-2">
                        <h4 class="text-secondary">Kostenstellennummer</h4>

                        <div class="col">
                            <label>Hat der Auftrag eine alte Kostenstellennummer?</label><br>

                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="alte_kostenstellennummer"
                                    id="ja" value="ja">
                                <label class="form-check-label" for="ja">Ja</label>
                            </div>
                            <div class="form-group" id="alte_kostenstellennummer_input" style="display: none;">
                                <label for="kostenstellennummer">Kostenstellennummer</label>
                                <input type="text" class="form-control" id="kostenstellennummer"
                                    name="kostenstellennummer">
                            </div>



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

                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="alte_kostenstellennummer"
                                    id="nein" value="nein" checked>
                                <label class="form-check-label" for="nein">Nein, neue erstellen</label>
                            </div>
                        </div>




                    </div> --}}


                </div>
                <br>
                <div class="row card py-3">
                    <div class="col">
                        <h6 class="text-secondary"> Projekt-Title:</h6>

                        <div class="col form-group">
                            <input type="text" name="project_title" class="form-control form-control-sm"
                                id="project_title" placeholder="Title, Name" required />
                        </div>
                    </div>
                </div>
                <br>
                <div class="row card py-3">
                    <div class="row">


                        <div class="col-6">
                            <label class="form-label"> Dienstleistung </label>

                            <div class="col">
                                @if (!empty($services))
                                    <select class="form-select " id="service" name="service" required>
                                        @foreach ($services as $item)
                                            <option value="{{ $item->service_phases_id }}">
                                                {{ $item->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                @endif

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

                            <label class="form-label"> Produktart: </label>
                            <div class="col">
                                @if (!empty($productstype))
                                    <select class="form-select " id="produkte_art" name="produkte_art" required>
                                        @foreach ($productstype as $item)
                                            <option value="{{ $item->productstype_id }}">
                                                {{ $item->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                        </div> --}}
                        <div class="col">

                            <label class="form-label"> Kategorie: </label>
                            <div class="col">
                                @if (!empty($project_category))
                                    <select class="form-select " id="projektskategorie " name="projektskategorie" required>
                                        @foreach ($project_category as $item)
                                            <option value="{{ $item->project_category_id }}">
                                                {{ $item->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                        </div>
                        <div class="col">

                            <label class="form-label"> Anfrageursprung: </label>
                            <div class="col">
                                @if (!empty($request_origin))
                                    <select class="form-select " id="anfrageursprung" name="anfrageursprung" required>
                                        @foreach ($request_origin as $item)
                                            <option value="{{ $item->request_origin_id }}">
                                                {{ $item->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                        </div>
                        {{-- <div class="col ">
                            <label class="form-label">Kunde/Firma: </label>
                            @if (!empty($customers))
                                <div>
                                    <select class=" select-search " id="kunde" name="kunde"
                                        placeholder="bitte auswählen..." required>
                                        <option value="">
                                            bitte auswählen...
                                        </option>
                                        <option value="0" selected>
                                            ** Keine Info
                                        </option>
                                        @foreach ($customers as $itemc)
                                            <option value="{{ $itemc->customer_id }}">
                                                {{ $itemc->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif
                        </div>
                        <div class="col">
                            <label class="form-label">Planner: </label>
                            @if (!empty($customers))
                                <select class="select-search " id="planner" name="planner"
                                    placeholder="bitte auswählen..." required>
                                    <option value="0" selected>
                                        ** Keine Info
                                    </option>

                                    @foreach ($customers as $itemc)
                                        <option value="{{ $itemc->customer_id }}">
                                            {{ $itemc->name }}
                                        </option>
                                    @endforeach
                                </select>
                            @endif

                        </div> --}}
                    </div>
                    <div class="row py-3">
                        <div class="col-6 ">
                            <label class="form-label">Auftraggeber: </label>
                            @if (!empty($customers))
                                <div>
                                    <select class=" select-search " id="kunde" name="kunde"
                                        placeholder="bitte auswählen..." onchange="get_customer_persons(this);" required>

                                        <option value="0" selected>
                                            ** Keine Info
                                        </option>
                                        @foreach ($customers as $itemc)
                                            <option value="{{ $itemc->customer_id }}">
                                                {{ $itemc->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif
                        </div>
                        <div class="col-2 ">
                            <label class="form-label">Projektleiter: </label>
                            @if (!empty($customers))
                                <div>
                                    <select class="form-select " id="kundeperson1" name="kundeperson1"
                                        placeholder="bitte auswählen...">
                                        <option value="0" selected>
                                            ** Keine
                                        </option>


                                    </select>
                                </div>
                            @endif
                        </div>
                        <div class="col-2 ">
                            <label class="form-label">Bauleiter: </label>
                            @if (!empty($customers))
                                <div>
                                    <select class="form-select " id="kundeperson2" name="kundeperson2"
                                        placeholder="bitte auswählen...">
                                        <option value="0" selected>
                                            ** Keine
                                        </option>


                                    </select>
                                </div>
                            @endif
                        </div>
                        <div class="col-2 ">
                            <label class="form-label">Buchhaltung: </label>
                            @if (!empty($customers))
                                <div>
                                    <select class="form-select " id="kundeperson3" name="kundeperson3"
                                        placeholder="bitte auswählen...">
                                        <option value="0" selected>
                                            ** Keine
                                        </option>


                                    </select>
                                </div>
                            @endif
                        </div>


                    </div>
                    <div class="row ">
                        <div class="col ">
                            <label class="form-label">Bauherr: </label>
                            @if (!empty($customers))
                                <div>
                                    <select class=" select-search " id="builder" name="builder"
                                        placeholder="bitte auswählen..." onchange="get_builder_persons(this);" required>

                                        <option value="0" selected>
                                            ** Keine Info
                                        </option>
                                        @foreach ($customers as $itemc)
                                            <option value="{{ $itemc->customer_id }}">
                                                {{ $itemc->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif
                        </div>
                        <div class="col-2 ">
                            <label class="form-label">Ansprechpartner: </label>
                            @if (!empty($customers))
                                <div>
                                    <select class="form-select " id="builderperson" name="builderperson"
                                        placeholder="bitte auswählen...">
                                        <option value="0" selected>
                                            ** Keine
                                        </option>


                                    </select>
                                </div>
                            @endif
                        </div>
                        <div class="col">
                            <label class="form-label">Planer: </label>
                            @if (!empty($customers))
                                <select class="select-search " id="planner" name="planner"
                                    placeholder="bitte auswählen..." onchange="get_planner_persons(this);">

                                    <option value="0" selected>
                                        ** Keine Info
                                    </option>
                                    @foreach ($customers as $itemc)
                                        <option value="{{ $itemc->customer_id }}">
                                            {{ $itemc->name }}
                                        </option>
                                    @endforeach
                                </select>
                            @endif

                        </div>
                        <div class="col-2">
                            <label class="form-label">Ansprechpartner: </label>
                            @if (!empty($customers))
                                <select class=" form-select" id="plannerperson" name="plannerperson"
                                    placeholder="bitte auswählen..." required>

                                    <option value="0" selected>
                                        ** Keine
                                    </option>
                                    @foreach ($customers as $itemc)
                                    @endforeach
                                </select>
                            @endif

                        </div>

                    </div>
                    <div class="row py-3">

                        <div class="col-4">
                            <label class="form-label">Sonnstige: </label>
                            @if (!empty($customers))
                                <select class="select-search " id="other_customer" name="other_customer"
                                    placeholder="bitte auswählen..." onchange="get_other_persons(this);">

                                    <option value="0" selected>
                                        ** Keine Info
                                    </option>
                                    @foreach ($customers as $itemc)
                                        <option value="{{ $itemc->customer_id }}">
                                            {{ $itemc->name }}
                                        </option>
                                    @endforeach
                                </select>
                            @endif

                        </div>
                        <div class="col-2">
                            <label class="form-label">Ansprechpartner: </label>
                            @if (!empty($customers))
                                <select class=" form-select" id="otherperson" name="otherperson"
                                    placeholder="bitte auswählen..." required>

                                    <option value="0" selected>
                                        ** Keine
                                    </option>
                                    @foreach ($customers as $itemc)
                                    @endforeach
                                </select>
                            @endif

                        </div>
                    </div>
                    {{-- <div class="row py-3">
                        <div class="col ">
                            <label class="form-label">Kunde/Firma: </label>
                            @if (!empty($customers))
                                <div>
                                    <select class=" select-search " id="kunde" name="kunde"
                                        placeholder="bitte auswählen..." onchange="get_customer_persons(this);" required>

                                        <option value="0" selected>
                                            ** Keine Info
                                        </option>
                                        @foreach ($customers as $itemc)
                                            <option value="{{ $itemc->customer_id }}">
                                                {{ $itemc->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif
                        </div>
                        <div class="col-2 ">
                            <label class="form-label">Ansprechpartner: </label>
                            @if (!empty($customers))
                                <div>
                                    <select class="form-select " id="kundeperson" name="kundeperson"
                                        placeholder="bitte auswählen...">
                                        <option value="0" selected>
                                            ** Keine
                                        </option>


                                    </select>
                                </div>
                            @endif
                        </div>
                        <div class="col">
                            <label class="form-label">Planner: </label>
                            @if (!empty($customers))
                                <select class="select-search " id="planner" name="planner"
                                    placeholder="bitte auswählen..." onchange="get_planner_persons(this);">

                                    <option value="0" selected>
                                        ** Keine Info
                                    </option>
                                    @foreach ($customers as $itemc)
                                        <option value="{{ $itemc->customer_id }}">
                                            {{ $itemc->name }}
                                        </option>
                                    @endforeach
                                </select>
                            @endif

                        </div>
                        <div class="col-2">
                            <label class="form-label">Ansprechpartner: </label>
                            @if (!empty($customers))
                                <select class=" form-select" id="plannerperson" name="plannerperson"
                                    placeholder="bitte auswählen..." required>

                                    <option value="0" selected>
                                        ** Keine
                                    </option>
                                    @foreach ($customers as $itemc)
                                    @endforeach
                                </select>
                            @endif

                        </div>
                    </div> --}}
                    {{-- <div class="row py-3">
                        <div class="col">
                            Anfrageursprung:
                            <div class="col">
                                @if (!empty($request_origin))
                                    <select class="form-select " id="anfrageursprung" name="anfrageursprung" required>
                                        @foreach ($request_origin as $item)
                                            <option value="{{ $item->request_origin_id }}">
                                                {{ $item->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                        </div>
                        <div class="col">
                            Produkte Art:
                            <div class="col">
                                @if (!empty($productstype))
                                    <select class="form-select " id="produkte_art" name="produkte_art" required>
                                        @foreach ($productstype as $item)
                                            <option value="{{ $item->productstype_id }}">
                                                {{ $item->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                        </div>
                        <div class="col">
                            Kategorie:
                            <div class="col">
                                @if (!empty($project_category))
                                    <select class="form-select " id="projektskategorie " name="projektskategorie" required>
                                        @foreach ($project_category as $item)
                                            <option value="{{ $item->project_category_id }}">
                                                {{ $item->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                @endif
                            </div>
                        </div>
                    </div> --}}
                </div>
                <br>
                <div class="row card pt-3">
                    <h4>Projektdaten:</h4>
                    {{-- <div class="row py-3">
                        <div class="col">
                            Bauvorhaben - Name:
                            <div class="col form-group">
                                <input type="text" name="bauvorhaben_name" class="form-control form-control-sm"
                                    id="bauvorhaben_name" placeholder="Name, Nummer" required />
                            </div>
                        </div>
                        <div class="col">
                            Bauvorhaben - Adresse:
                            <div class="col form-group">
                                <input type="text" name="bauvorhaben_adresse" class="form-control form-control-sm"
                                    id="bauvorhaben_adresse" placeholder="asdasdasd-Str. 210 , 44801 Stadt" required />
                            </div>
                        </div>

                    </div> --}}
                    <div class="row py-3">

                        <div class="col">

                            geplanter Baubeginn:
                            <div class="col form-group mt-1">
                                <input type="date" name="bauzeitbeginn" class="form-control form-control-sm"
                                    id="bauzeitbeginn" placeholder="" />
                            </div>
                        </div>
                        <div class="col">
                            geplantes Bauende:
                            <div class="col form-group mt-1">
                                <input type="date" name="bauzeitende" class="form-control form-control-sm"
                                    id="bauzeitende" placeholder="" />
                            </div>
                        </div>
                        <div class="col">
                            Bearbeitung - Deadline:
                            <div class="col form-group mt-1">
                                <input type="date" name="projekt_deadline" class="form-control form-control-sm"
                                    id="projekt_deadline " required />
                            </div>
                        </div>
                    </div>

                    <hr>


                    <div class="row py-3">
                        <div class="col">
                            <label for="exampleFormControlTextarea1">Projektinformationen: </label>
                            <textarea class="form-control" id="projekt_infos" name="projekt_infos" rows="3"></textarea>
                        </div>
                    </div>
                    <hr>

                    <div class="row py-1">
                        <h5 class="text-muted">Das Budget</h5>
                        {{-- <small>Eingabe im netto und die Währung ist die €</small> --}}
                        {{-- <div class="row  ">
                            <div class="col-6">netto €</div>
                            <div class="col-2">
                                <input type="number" name="tax1" class="" id="tax1" placeholder="19 %"
                                    step="0.01" value="19" onkeyup="calc()" />
                            </div>
                            <div class="col-4">Brutto €</div>
                        </div> --}}



                    </div>
                    <div class="row  ">
                        <div class="col-2">
                            <label>Spielgeräte <small>(netto)</small>:</label>
                        </div>
                        <div class="col-4 ">

                            <input type="number" name="budget-netto" class="form-control form-control-sm"
                                id="budget-netto" placeholder="0 €" step="0.01" />
                        </div>


                        <div class="col-4  ">
                        </div>
                        <div class="col-1 text-end ">
                            MwSt. %
                        </div>
                        <div class="col-1 text-end ">

                            <input type="number" name="tax" class="form-control form-control-sm" id="tax"
                                placeholder="19 %" step="0.01" value="19" onkeyup="calc()" />
                        </div>
                        {{-- <div class="col-4">
                            <label>
                            </label>
                            <input type="number" class="form-control form-control-sm" id="brutto" name="brutto"
                                value="0" readonly>

                        </div> --}}
                    </div>

                    <div class="row py-1">
                        <div class="col-2">

                            <div class="form-check form-switch  my-1">
                                <input class="form-check-input " type="checkbox" id="mit_lieferung" name="mit_lieferung"
                                    onchange="fun_lieferung()" />
                                <label class="">
                                    Lieferung <small>(netto)</small>:
                                </label>

                            </div>

                        </div>
                        <div class="col-4 ">
                            <input type="number" name="lieferung" class="form-control form-control-sm " id="lieferung"
                                placeholder="€" style="display: none;" onkeyup="calc()" value="0" />
                        </div>
                    </div>

                    <div class="row ">
                        <div class="col-2">
                            <div class="form-check form-switch my-1">
                                <input class="form-check-input" type="checkbox" id="mit_montage" name="mit_montage"
                                    onchange="fun_montage()" />
                                <label class="form-check-label">
                                    Montage <small>(netto)</small>:
                                </label>

                            </div>
                        </div>
                        <div class="col-4 ">
                            <input type="number" name="montage" class="form-control form-control-sm" id="montage"
                                placeholder="%" style="display: none" value="0" onkeyup="calc()" />
                        </div>

                    </div>
                    <div class="row py-1">
                        <div class="col-3">
                            <div class="form-check form-switch my-1">
                                <input class="form-check-input" type="checkbox" id="mit_sta" name="mit_sta"
                                    onchange="fun_safetest()" />
                                <label class="form-check-label">
                                    Sicherheitstechnische Abnahme <small>(netto)</small>:
                                </label>

                            </div>
                        </div>
                        <div class="col-3 ">
                            <input type="number" name="sta" class="form-control form-control-sm" id="sta"
                                placeholder="%" style="display: none" value="0" onkeyup="calc()" />
                        </div>

                    </div>
                    <div class="row px-5">
                        <div class="border"></div>
                    </div>
                    <div class="row justify-content-center align-items-center g-2">

                        <div class="col text-end"> Summe <small>(netto)</small></div>
                        <div class="col  border-bottom" id="snetto">
                            0
                        </div>
                        <div class="col"></div>
                    </div>
                    <div class="row justify-content-center align-items-center g-2">

                        <div class="col text-end "> zzgl. <span id="mwsttax">19</span> % MwSt. </div>
                        <div class="col border-bottom" id="mwst">
                            0
                        </div>
                        <div class="col"></div>
                    </div>
                    <div class="row justify-content-center align-items-center g-2">

                        <div class="col text-end "> <b>Summe <small>(brutto)</small></b> </div>
                        <div class="col border-bottom">
                            <b id="total"> 0</b>

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

                    <div class="row py-3">
                        <div class="col">
                            <label for="">Budget - Hinweise: </label>
                            <textarea class="form-control" id="budget_hinweise" name="budget_hinweise" rows="3"></textarea>
                        </div>
                    </div>
                    <hr>
                    <div class="row py-3">
                        <div class="col">
                            <label for="">Zahlungskonditionen: </label>
                            <textarea class="form-control" id="budget_conditions" name="budget_conditions" rows="3"></textarea>
                        </div>
                    </div>
                    <hr>
                    <div class="row py-3">
                        <div class="col">
                            Fläche in m²/Pläne:
                            <textarea class="form-control" id="flaeche_beschreibung" name="flaeche_beschreibung" rows="3"></textarea>

                        </div>
                    </div>
                    <hr>
                    <div class="row  py-3">
                        <div class="col">
                            <h5> Material:</h5>
                        </div>
                        <div class="col">
                            <div class="form-check ">
                                <input class="form-check-input" type="checkbox" id="material_holz"
                                    name="material_holz" />
                                <label class="form-check-label">
                                    Holz
                                </label>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="material_stahl"
                                    name="material_stahl" />
                                <label class="form-check-label">
                                    Stahl
                                </label>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="material_netz"
                                    name="material_netz" />
                                <label class="form-check-label">
                                    Netz
                                </label>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="material_naturfelsen"
                                    name="material_naturfelsen" />
                                <label class="form-check-label">
                                    Naturfelsen
                                </label>
                            </div>
                        </div>

                    </div>

                    <div class="row  py-3 ">
                        <div class="col-3">
                            <div class="row">
                                <div class="col">
                                    <h5 class="form-check-label">
                                        Zukaufteile:
                                    </h5>
                                </div>
                                <div class="col">
                                    <div class="form-check form-switch ">
                                        <input class="form-check-input" type="checkbox" id="mit_zukaufteile"
                                            name="mit_zukaufteile" onchange="myFunction()" />
                                    </div>
                                </div>
                            </div>


                        </div>
                        <div class="col-9">
                            <textarea class="form-control " id="zukaufteile" name="zukaufteile" rows="3" style="display: none"></textarea>

                        </div>

                    </div>
                    <hr>
                    <div class="row py-3">
                        <div class="col">

                            Zielgruppe:
                            <textarea class="form-control" id="zielgruppe" name="zielgruppe" rows="3"></textarea>
                            <br>
                            Idee Kunde/Planer:
                            <textarea class="form-control" id="idee_planer" name="idee_planer" rows="3"></textarea>
                        </div>
                    </div>
                    <hr>
                    <div class="row py-3">
                        <div class="col-2">
                            Anzahl der Bereiche:
                        </div>
                        <div class="col-2">
                            <select class="form-select form-select-sm" name="bereichen_anzahl" id="bereichen_anzahl">
                                <option value="0" selected>0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                            </select>
                        </div>
                        <div class="col">
                        </div>
                        <div class="col">
                        </div>
                        <div class="col">
                        </div>
                    </div>

                    <div id="areas">

                    </div>
                    <hr>

                    <div class="row py-3">
                        <div class="col">
                            <label for="exampleFormControlTextarea1">Besonderheiten: </label>
                            <textarea class="form-control" id="besonderheiten" name="besonderheiten" rows="3"></textarea>
                        </div>
                    </div>
                    <hr>
                    <div class="row px-4 py-3">
                        Planungsgrundlage:
                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="planungsgrundlage_dwg"
                                    name="planungsgrundlage_dwg" />
                                <label class="form-check-label">
                                    DWG
                                </label>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="planungsgrundlage_pdf"
                                    name="planungsgrundlage_pdf" />
                                <label class="form-check-label">
                                    PDF
                                </label>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="planungsgrundlage_fotos"
                                    name="planungsgrundlage_fotos" />
                                <label class="form-check-label">
                                    Fotos
                                </label>
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="planungsgrundlage_zeichnung"
                                    name="planungsgrundlage_zeichnung" />
                                <label class="form-check-label">
                                    Zeichnungen
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row py-4">
                    <div class="col float-start">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>
                    <div class="col float-end">
                        <button type="submit" class="btn btn-success float-end"><i class="bi bi-plus-square"></i>
                            Speichern</button>
                    </div>

                </div>

            </form>

        </div>




    </div>

    <script type="text/javascript">
        $(document).ready(function() {

            project_location_change();

            $('#newlocationr1').click(function() {
                if ($(this).is(':checked')) {
                    project_location_change();
                }
            });

            $('#newlocationr2').click(function() {
                if ($(this).is(':checked')) {
                    project_location_change();
                }
            });
        });

        function project_location_change() {
            if (document.getElementById('newlocationr1').checked) {
                document.getElementById("old_l").style.display = "block";

                document.getElementById("bauvorhaben").required = true;
                // document.getElementById("bauvorhaben-selectized").required = true;

                document.getElementById("bauvorhaben_name").required = false;
                document.getElementById("bauvorhaben_adresse").required = false;
                document.getElementById("new_l").style.display = "none";


            } else {
                document.getElementById("bauvorhaben").required = false;
                document.getElementById("bauvorhaben-selectized").required = false;
                document.getElementById("old_l").style.display = "none";



                document.getElementById("bauvorhaben_name").required = true;
                document.getElementById("bauvorhaben_adresse").required = true;
                document.getElementById("new_l").style.display = "block";


            }
        }
        // function editItem(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);
        //         $("#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);
        //         $("#edit-modal").modal('toggle');
        //     })
        // }
        // $(document).ready(function() {
        //     $('#flexCheckDefault1').on('switch-change', function(e, data) {

        //         var $el = $(data.el),
        //             value = data.value;
        //         if (value) { //this is true if the switch is on
        //             $(this).next('.name-number-form').show();
        //         } else {
        //             $(this).next('.name-number-form').hide();
        //         }
        //     });
        // });

        function myFunction() {
            var x = document.getElementById("zukaufteile");
            if (document.getElementById('mit_zukaufteile').checked) {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
        }

        function fun_lieferung() {
            var x = document.getElementById("lieferung");
            if (document.getElementById('mit_lieferung').checked) {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
            calc();
        }

        function fun_montage() {
            var x = document.getElementById("montage");
            if (document.getElementById('mit_montage').checked) {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
            calc();
        }

        function fun_safetest() {
            var x = document.getElementById("sta");
            if (document.getElementById('mit_sta').checked) {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
            calc();
        }



        const source = document.getElementById('budget-netto');
        source.addEventListener('input', calc);

        function calc() {
            var sbg = document.getElementById('budget-netto').value;

            var s_netto = 0;
            s_netto = s_netto + parseFloat(sbg);
            if (document.getElementById('mit_lieferung').checked) {
                s_netto = s_netto + parseFloat(document.getElementById('lieferung').value);

            }
            if (document.getElementById('mit_montage').checked) {
                s_netto = s_netto + parseFloat(document.getElementById('montage').value);

            }
            if (document.getElementById('mit_sta').checked) {
                s_netto = s_netto + parseFloat(document.getElementById('sta').value);
            }



            document.getElementById("snetto").innerHTML = s_netto + " €";
            document.getElementById("mwst").innerHTML = ((s_netto * parseFloat(document.getElementById('tax').value)) /
                100) + " €";
            document.getElementById("total").innerHTML = (s_netto + ((s_netto * parseFloat(document.getElementById('tax')
                .value)) / 100)) + " €";

            document.getElementById("mwsttax").innerHTML = document.getElementById('tax').value;

        }
        // var areas = document.getElementById('areas');

        document.getElementById('bereichen_anzahl').addEventListener('change', function(e) {
            var n = this.value;
            var divs = "";
            if (n == 0) {
                document.getElementById('areas').innerHTML = " ";
            } else {
                for (var i = 1; i <= n; i++) {
                    divs = divs + "      <div class=\"row my-3 \">   ";
                    divs = divs + "           <div class=\"col-3 form-group\">   ";
                    divs = divs + "              <label > Bereich " + i + " - Title:</label>   ";
                    divs = divs +
                        "              <input class=\"form-control\" type=\"text\" name=\"bereich_" + i +
                        "_name\" id=\"bereich_" + i + "_name\">   ";
                    divs = divs + "           </div>   ";
                    divs = divs + "           <div class=\"col-9 form-group\">   ";
                    divs = divs + "              <label >Bereich " + i + " - Beschreibung:</label>   ";
                    divs = divs +
                        "              <textarea class=\"form-control\" id=\"bereich_" + i +
                        "_desc\" name=\"bereich_" +
                        i + "_desc\" rows=\"3\"></textarea>   ";
                    divs = divs + "           </div>   ";
                    divs = divs + "      </div>   ";



                }
            }
            document.getElementById('areas').innerHTML = divs;

        });

        function get_customer_persons(obj) {



            document.getElementById("kundeperson1").innerHTML = "";
            var option = "<option value=\"0\"> Alle</option>";
            $("#kundeperson1").append(option);
            document.getElementById("kundeperson2").innerHTML = "";
            var option = "<option value=\"0\"> Alle</option>";
            $("#kundeperson2").append(option);
            document.getElementById("kundeperson3").innerHTML = "";
            var option = "<option value=\"0\"> Alle</option>";
            $("#kundeperson3").append(option);


            $.ajax({

                url: '/crm/kunden-kontakt/alle/' + obj.value,

                type: 'GET',

                dataType: 'json',

                success: function(data) {

                    i = 0;
                    data.forEach(function(item, index) {

                        var option = "<option value='" + item.employee_id + "'>" + item.name +
                            "</option>";

                        $("#kundeperson1").append(option);
                        $("#kundeperson2").append(option);
                        $("#kundeperson3").append(option);

                        i = i + 1;

                    });
                    if (i == 0) {
                        document.getElementById("kundeperson").innerHTML = "";
                        var option = "<option value='0'> keine</option>";
                        $("#kundeperson1").append(option);
                        $("#kundeperson2").append(option);
                        $("#kundeperson3").append(option);
                    }


                },
                error: function() {
                    alert('data');
                }

            });

        }

        function get_planner_persons(obj) {
            document.getElementById("plannerperson").innerHTML = "";
            var option = "<option value=\"0\"> Alle</option>";
            $("#plannerperson").append(option);


            $.ajax({

                url: '/crm/kunden-kontakt/alle/' + obj.value,

                type: 'GET',

                dataType: 'json',

                success: function(data) {

                    i = 0;
                    data.forEach(function(item, index) {

                        var option = "<option value='" + item.employee_id + "'>" + item.name +
                            "</option>";

                        $("#plannerperson").append(option);

                        i = i + 1;

                    });
                    if (i == 0) {
                        document.getElementById("plannerperson").innerHTML = "";
                        var option = "<option value='0'> keine</option>";
                        $("#plannerperson").append(option);
                    }


                },
                error: function() {
                    alert('data');
                }

            });



        }

        function get_builder_persons(obj) {
            document.getElementById("builderperson").innerHTML = "";
            var option = "<option value=\"0\"> Alle</option>";
            $("#builderperson").append(option);


            $.ajax({

                url: '/crm/kunden-kontakt/alle/' + obj.value,

                type: 'GET',

                dataType: 'json',

                success: function(data) {

                    i = 0;
                    data.forEach(function(item, index) {

                        var option = "<option value='" + item.employee_id + "'>" + item.name +
                            "</option>";

                        $("#builderperson").append(option);

                        i = i + 1;

                    });
                    if (i == 0) {
                        document.getElementById("builderperson").innerHTML = "";
                        var option = "<option value='0'> keine</option>";
                        $("#builderperson").append(option);
                    }


                },
                error: function() {
                    alert('data');
                }

            });



        }

        function get_other_persons(obj) {
            document.getElementById("otherperson").innerHTML = "";
            var option = "<option value=\"0\"> Alle</option>";
            $("#otherperson").append(option);


            $.ajax({

                url: '/crm/kunden-kontakt/alle/' + obj.value,

                type: 'GET',

                dataType: 'json',

                success: function(data) {

                    i = 0;
                    data.forEach(function(item, index) {

                        var option = "<option value='" + item.employee_id + "'>" + item.name +
                            "</option>";

                        $("#otherperson").append(option);

                        i = i + 1;

                    });
                    if (i == 0) {
                        document.getElementById("otherperson").innerHTML = "";
                        var option = "<option value='0'> keine</option>";
                        $("#otherperson").append(option);
                    }


                },
                error: function() {
                    alert('data');
                }

            });



        }
    </script>
    <script>
        $(document).ready(function() {
            $('input[name="alte_kostenstellennummer"]').change(function() {
                if ($(this).val() == 'ja') {
                    $('#alte_kostenstellennummer_input').show();
                } else {
                    $('#alte_kostenstellennummer_input').hide();
                }
            });
        });
    </script>
@endsection