@extends('layouts.app', ['title' => strtoupper(Request::segment(1)) . ' | ' . strtoupper(Request::segment(2)) . ' | ' . $order->title])
@section('content')

    <!-- modals -->

    {{-- delete Item --}}
    <div class="modal fade modal-dialog-scrollable modal-lg" id="delete-item" data-bs-backdrop="static" data-bs-keyboard="false"
        tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

        <div class="modal-dialog">
            <div class="modal-content">
                <form action="{{ route('offer.project.area.delete') }}" method="POST" class="needs-validation" novalidate>
                    @csrf
                    <input id="areaid" name="areaid" value="" hidden>

                    <div class="modal-header">

                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body">

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

                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-danger">Löschen</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- show Item --}}
    <div class="modal fade modal-dialog-scrollable modal-lg" id="show-modal" data-bs-backdrop="static"
        data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

        <div class="modal-dialog">
            <div class="modal-content">


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

                <div class="modal-body">

                    <div class="row px-3 form-group">
                        <label for="">Bereich - Title:</label>
                        <input class="form-control" type="text" name="area_name" id="area_name" disabled>
                    </div>
                    <br>
                    <div class="row px-3 form-group">
                        <label for="">Bereich - Beschreibung:</label>
                        <textarea class="form-control" id="area_desc" name="area_desc" rows="3" disabled></textarea>
                    </div>



                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schlißen</button>

                </div>
                </form>
            </div>
        </div>
    </div>
    <!-- main content -->

    <div class="row">
        <div class="col">
            @include('layouts.breadcrumb', ['crumbs' => [ucfirst(Request::segment(1)), ucfirst(Request::segment(2))]]) > {{ $order->id }} >
            Bearbeiten
        </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="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
        {{-- <div class="row border py-3">
                <div class="col">Anfragedatum: {{ date('d.m.Y', time()) }}</div>

            </div> --}}
        <div class="px-3">
            <form action="{{ route('order.repair.update') }}" method="POST" class="needs-validation" novalidate>
                @csrf
                <input id="osid" name="osid" value="{{ $order->id }}" hidden>
                <br>

                <h5 class="text-center">Bearbeitung einen Repartur-Auftrag </h5>

                <br>
                <div class="row card p-2">

                    <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 }}" @selected($itemc->id == $order->fk_project_location_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>
                    <div class="row py-3">



                    </div>


                </div>
                <br>
                <div class="row border rounded  p-3">
                    <h4 class="text-secondary">Kundendaten:</h4>


                    {{-- <div class="col-6">
                            <label for="exampleDataList" class="form-label">Datalist example</label>
                            <input class="form-control form-select" list="datalistOptions" id="exampleDataList"
                                placeholder="Type to search...">
                            <datalist id="datalistOptions">
                                <option data-value="42" value="The answer">
                            </datalist>
                        </div> --}}

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

                                    <option value="" selected disabled class="text-muted">
                                        Bitte auswählen .....
                                    </option>
                                    @foreach ($customers as $itemc)
                                        <option value="{{ $itemc->customer_id }}" @selected($itemc->customer_id === $order->fk_customer_id)>
                                            {{ $itemc->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        @endif
                    </div>
                    <div class="col-4">
                        <label class="">Ansprechpartner: </label>
                        @if (!empty($customers))
                            <div>
                                <select class="form-select " id="kundeperson" name="kundeperson"
                                    placeholder="bitte auswählen...">
                                    <option value="0" selected>
                                        ** Keine
                                    </option>
                                    @if ($order->fk_customer_id != '0')
                                        @foreach ($order->get_customer->get_employees as $iteme)
                                            <option value="{{ $iteme->employee_id }}" @selected($iteme->employee_id === $order->fk_customer_person_id)>
                                                {{ $iteme->name }}
                                            </option>
                                        @endforeach
                                    @endif

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

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


                        <label class="form-label">Bauvorahben: </label>
                        @if (!empty($order_projects))
                            <div>

                                <select class="form-select " id="project" name="project"
                                    placeholder="bitte auswählen..." onchange="get_project(this);">
                                    <option value="0">
                                        ** Bauvorhaben ist nicht im system eingetragen
                                    </option>

                                </select>


                            </div>
                        @endif
                    </div> --}}

                </div>
                <br>


                <div class="row p-3 border rounded">
                    <div class="row py-3 ">


                        <div class="col-4">
                            geplanter Reparaturbeginn:
                            <div class="col form-group ">
                                <input type="date" name="repair_start" class="form-control form-control-sm"
                                    id="repair_start " value="{{ $order->repair_start }}" />
                            </div>
                        </div>
                        <div class="col-4">
                            geplantes Reparaturende:
                            <div class="col form-group ">
                                <input type="date" name="repair_end" class="form-control form-control-sm"
                                    id="repair_end" value="{{ $order->repair_end }}" />
                            </div>
                        </div>
                        <div class="col-2">
                            Bearbeitung - Deadline:
                            <div class="col form-group ">
                                <input type="date" name="projekt_deadline" class="form-control form-control-sm"
                                    id="projekt_deadline " value="{{ $order->project_deadline }}" required />
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row mt-3">

                        <div class="col">
                            <label>Betreff: </label>
                            <input type="text" name="title" class="form-control form-control-sm" id="title"
                                placeholder="" value="{{ $order->title }}" required />
                        </div>

                        {{-- <div class="col-2">
                            Bearbeitung - Deadline:
                            <div class="col form-group ">
                                <input type="date" name="projekt_deadline" class="form-control form-control-sm"
                                    id="projekt_deadline " value="{{ $order->project_deadline }}" required />
                            </div>
                        </div> --}}
                    </div>

                    <div class="row mb-3 mt-3">
                        <div class="col">
                            <label>Angefragte Ersatzteile: </label>
                            <textarea class="form-control" id="info" name="info" rows="3" required> {{ $order->info }}</textarea>
                        </div>
                    </div>
                    <div class="row mb-3 mt-3">
                        <div class="col ">
                            <b class="text-secondary">nötige
                                Materialien/Maße/ggf: </b>
                            <textarea class="form-control mt-1" id="necessary_materials" name="necessary_materials" rows="10">{{ $order->necessary_materials }} </textarea>
                        </div>
                    </div>




                    <div class="row py-3">
                        <hr>
                        {{-- <div class="col">
                            <label>Angebotssumme brutto in €: </label>
                            <input type="number" name="budget" class="form-control form-control-sm" id="budget"
                                placeholder="0 €" step="0.01" value="{{ $order->budget }}" />
                        </div>

                        <div class="col">

                            <div class="form-check form-switch">
                                <input class="form-check-input mx-1" type="checkbox" id="mit_lieferung"
                                    name="mit_lieferung" onchange="fun_lieferung()"
                                    {{ $order->budget_with_delivery == '1' ? 'checked' : ' ' }} />
                                <label class="form-check-label">
                                    Lieferung netto in €:
                                </label>
                                <input type="number" name="lieferung" class="form-control form-control-sm"
                                    id="lieferung" placeholder="€"
                                    style="display: {{ $order->budget_with_delivery == '0' ? ' none ' : ' block ' }}"
                                    onkeyup="calc()" step="0.01" value="{!! $order->budget_delivery_cost !!}" />
                            </div>
                        </div> --}}
                        <h4 class="text-muted">Kosten</h4>
                        @if (isset($order->budget_total))
                            <div class="row ">
                                <div class="col">
                                    <div class="row ">
                                        <div class="col-3">
                                            <label>Auftragssumme <small>(netto)</small>:</label>
                                        </div>
                                        <div class="col-3 ">

                                            <input type="number" name="budget-netto"
                                                class="form-control form-control-sm" id="budget-netto" placeholder="0 €"
                                                step="0.01" value="{{ $order->budget_total }}" />
                                        </div>


                                        <div class="col-3 text-end ">
                                            MwSt. %
                                        </div>
                                        <div class="col-2 text-end ">

                                            <input type="number" name="tax" class="form-control form-control-sm"
                                                id="tax" placeholder="19 %" step="0.01"
                                                value="{{ $order->tax * 100 }}" 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_lieferung"
                                                    name="mit_lieferung" onchange="fun_lieferung()" />
                                                <label class="">
                                                    Lieferung <small>(netto)</small>:
                                                </label>

                                            </div>

                                        </div>
                                        <div class="col-3 ">
                                            <input type="number" name="lieferung" class="form-control form-control-sm "
                                                id="lieferung" placeholder="€" style="display: none;" onkeyup="calc()"
                                                value="0" />
                                        </div>
                                    </div> --}}
                                </div>
                                <div class="col border-start">
                                    <div class="row justify-content-center align-items-center g-2">

                                        <div class="row ">

                                            <div class="col text-end"> Summe <small>(netto)</small></div>
                                            <div class="col  border-bottom text-end" id="snetto">
                                                {{ number_format($order->budget_total, 2, ',', '.') }}
                                                €
                                            </div>

                                        </div>
                                        <div class="row ">

                                            <div class="col text-end "> zzgl. <span
                                                    id="mwsttax"><b>{{ $order->tax * 100 }}% </b>
                                                </span> MwSt.
                                            </div>
                                            <div class="col border-bottom text-end" id="mwst">
                                                {{ number_format($order->budget_total * $order->tax, 2, ',', '.') }}
                                                €
                                            </div>

                                        </div>
                                        <div class="row">

                                            <div class="col text-end "> <b>Summe <small>(brutto)</small></b> </div>
                                            <div class="col border-bottom text-end">
                                                <b id="total">
                                                    {{ number_format($order->budget_total_tax, 2, ',', '.') }}
                                                    €</b>

                                            </div>

                                        </div>


                                    </div>
                                </div>

                            </div>
                            <br>
                            <div class="row mb-3 mt-3">
                                <div class="col">
                                    <h6>Hinweise zur Kosten: </h6>
                                    <textarea class="form-control" id="bg_notice" name="bg_notice" rows="3">{{ $order->budget_notice }}</textarea>
                                </div>
                            </div>
                        @else
                            <div class="row ">

                                <div class="col-2">
                                    <h6 class="text-end">alte Eingabe</h6>
                                </div>
                                <div class="col-5">
                                    <div class="row ">
                                        <div class="col-5">
                                            <label>Auftragssumme <small>(brutto)</small>:</label>
                                        </div>
                                        <div class="col-5 border-bottom text-end">


                                            {{ number_format($order->budget, 2, ',', '.') }} €
                                        </div>




                                    </div>
                                </div>


                            </div>
                            {{-- <hr> --}}

                            <div class="row mt-5 ">
                                <h6 class=" text-danger">**bitte die Eingabe überprüfen:</h6>
                                <div class="col">
                                    <div class="row ">
                                        <div class="col-3">
                                            <label>Auftragssumme <small>(netto)</small>:</label>
                                        </div>
                                        <div class="col-3 ">

                                            <input type="number" name="budget-netto"
                                                class="form-control form-control-sm" id="budget-netto" onkeyup="calc()"
                                                value="{{ number_format($order->budget / (1 + $order->tax) - $order->budget_delivery_cost, 2, '.', '') }}" />

                                        </div>


                                        <div class="col-3 text-end ">
                                            MwSt. %
                                        </div>
                                        <div class="col-2 text-end ">

                                            <input type="number" name="tax" class="form-control form-control-sm"
                                                id="tax" placeholder="19 %" step="0.01"
                                                value="{!! $order->tax * 100 !!}" 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_lieferung"
                                                    name="mit_lieferung" onchange="fun_lieferung()"
                                                    {{ $order->budget_with_delivery == '1' ? 'checked' : ' ' }} />
                                                <label class="">
                                                    Lieferung <small>(netto)</small>:
                                                </label>

                                            </div>

                                        </div>
                                        <div class="col-3 ">
                                            <input type="number" name="lieferung" class="form-control form-control-sm "
                                                id="lieferung" placeholder="€"
                                                style="display: {{ $order->budget_with_delivery == '0' ? ' none ' : ' block ' }}"
                                                onkeyup="calc()" value="{!! $order->budget_delivery_cost !!}" />
                                        </div>
                                    </div> --}}
                                </div>
                                <div class="col border-start">
                                    <div class="row justify-content-center align-items-center g-2">

                                        <div class="row ">

                                            <div class="col text-end"> Summe <small>(netto)</small></div>
                                            <div class="col  border-bottom text-end" id="snetto">

                                                {{ number_format($order->budget / (1 + $order->tax), 2, ',', '.') }}
                                                €
                                            </div>

                                        </div>

                                        <div class="row ">

                                            <div class="col text-end "> zzgl. <span id="mwsttax">

                                                    {{ $order->tax * 100 }}
                                                </span> %
                                                MwSt. </div>
                                            <div class="col border-bottom text-end" id="mwst">


                                                {{ number_format(($order->budget / (1 + $order->tax)) * $order->tax, 2, ',', '.') }}
                                                €
                                            </div>

                                        </div>
                                        <div class="row">

                                            <div class="col text-end "> <b>Summe <small>(brutto)</small></b>
                                            </div>
                                            <div class="col border-bottom text-end">
                                                <b id="total">
                                                    {{ number_format($order->budget, 2, ',', '.') }}
                                                    €</b>

                                            </div>

                                        </div>

                                    </div>
                                </div>

                            </div>
                            <br>
                            <div class="row mb-3 mt-3">
                                <div class="col">
                                    <h6>Hinweise zur Kosten: </h6>
                                    <textarea class="form-control" id="bg_notice" name="bg_notice" rows="3" required>{{ $order->budget_notice }}</textarea>
                                </div>
                            </div>
                        @endif

                    </div>
                    <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>
        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_gala() {
            var x = document.getElementById("gala");
            if (document.getElementById('mit_gala').checked) {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
            calc();
        }
        // const source = document.getElementById('budget');
        // source.addEventListener('input', calc);

        // function calc() {
        //     var bg = document.getElementById('budget').value;
        //     var r = 0;
        //     r = r + parseFloat(bg);
        //     if (document.getElementById('mit_lieferung').checked) {
        //         r = r - parseFloat(document.getElementById('lieferung').value);

        //     }

        //     document.getElementById("budget_rest").setAttribute('value', r);
        // }

        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);

            // }




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

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


            document.getElementById("budget_rest").setAttribute('value', r);
        }




        function get_customer_persons(obj) {



            document.getElementById("kundeperson").innerHTML = "";
            var option = "<option value=\"0\"> Alle</option>";
            $("#kundeperson").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>";

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

                        i = i + 1;

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


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

            });



            $.ajax({

                url: '/auftraege/kunde/' + obj.value + '/projekte',

                type: 'GET',

                dataType: 'json',

                success: function(data) {
                    document.getElementById("project").innerHTML = "";
                    var option =
                        "<option value='0'>     Bauvorhaben ist nicht im system eingetragen </option>";
                    $("#project").append(option);

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

                        var option = "<option value='" + item.project_id + "'>" + item
                            .construction_project_name +
                            "</option>";

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

                        i = i + 1;

                    });
                    if (i == 0) {
                        document.getElementById("project").innerHTML = "";
                        var option =
                            "<option value='0'>     ** Bauvorhaben ist nicht im system eingetragen </option>";
                        $("#project").append(option);
                    }


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

            });

        }

        function get_customer_Project(obj) {



            document.getElementById("project").innerHTML = "";
            var option = "<option value=\"0\"> ** keine info</option>";
            $("#project").append(option);


            $.ajax({

                url: '/crm/kunden/' + obj.value + '/projekte',

                type: 'GET',

                dataType: 'json',

                success: function(data) {

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

                        var option = "<option value='" + item.project_id + "'>" + item
                            .construction_project_name +
                            "</option>";

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

                        i = i + 1;

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


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

            });

        }



        function get_project(obj) {


            // document.getElementById("kundeperson").innerHTML = "";

            // document.getElementById('kunde').classList.remove('select-search');
            // document.getElementById('kunde').classList.remove('selectized');
            // document.getElementById('kunde').classList.add('form-select');

            // $('#kunde').removeClass('select-search');
            // $('#kunde').addClass('form-select');

            // document.getElementById("kundeperson").innerHTML = "";
            // document.getElementById("kunde").className = "form-select";

            // document.getElementById("kunde").classList.add('form-select');

            if (obj.value == '0') {
                document.getElementById("bauvorhaben_adresse").readOnly = false;
                document.getElementById("bauvorhaben_name").readOnly = false;


            } else {
                document.getElementById("bauvorhaben_adresse").readOnly = true;
                document.getElementById("bauvorhaben_name").readOnly = true;
                $.ajax({

                    url: '/auftraege/projekt/' + obj.value,

                    type: 'GET',

                    dataType: 'json',

                    success: function(data) {

                        document.getElementById("bauvorhaben_adresse").value = data
                            .construction_project_address;
                        document.getElementById("bauvorhaben_name").value = data.construction_project_name;

                    },
                    error: function() {

                    }

                });
            }


        }
        $(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";


            }
        }
    </script>

@endsection