@extends('layouts.app', ['title' => 'Auftrag | ' . $project->construction_project_name])
@section('content')

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

        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="{{ route('order.project.area.edit') }}" method="POST" class="needs-validation" novalidate>
                    @csrf
                    <input id="area_id-edit" name="area_id-edit" value="" hidden>
                    <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">

                        <input type="hidden" id="area_id" name="area_id" value="{{ $project->project_id }}">

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



                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-success">Aktualisieren</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- 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 modal-dialog-centered">
            <div class="modal-content">
                <form action="{{ route('order.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 modal-dialog-centered">
            <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">
            APP > {{ strtoupper(Request::segment(1)) }} > {{ strtoupper('bauvorhaben') }} > {{ $project->project_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 px-3">
        <br>
        @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="project-taps">
            <ul class="nav nav-tabs nav-fill nav-pills" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane"
                        type="button" role="tab" aria-controls="home-tab-pane"
                        aria-selected="true">Projectsdaten</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane"
                        type="button" role="tab" aria-controls="profile-tab-pane"
                        aria-selected="false">Bereiche</button>
                </li>
                {{-- <li class="nav-item" role="presentation">
                <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane"
                    type="button" role="tab" aria-controls="contact-tab-pane" aria-selected="false">Contact</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="disabled-tab" data-bs-toggle="tab" data-bs-target="#disabled-tab-pane"
                    type="button" role="tab" aria-controls="disabled-tab-pane" aria-selected="false"
                    disabled>Disabled</button>
            </li> --}}
            </ul>
        </div>
        <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab"
                tabindex="0">
                <div class=" container-fluid">
                    <br>
                    <form action="{{ route('order.project.update') }}" method="POST" class="needs-validation"
                        novalidate>
                        @csrf
                        <input type="hidden" id="p_id" name="p_id" value="{{ $project->project_id }}" hidden>
                        <div class="row card">
                            <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 }}"
                                                                @selected($itemc->id == $project->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 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
                                        value="{{ $project->construction_project_name }}" />
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row card py-3">
                            <div class="row">
                                <div class="col-6">
                                    <label class="form-label"> Diensleistung </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->service_phases_id === $project->fk_service_phases_id ? 'selected' : ' ' }}>
                                                        {{ $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->request_origin_id === $project->fk_request_origin_id ? 'selected' : ' ' }}>
                                                        {{ $item->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        @endif
                                    </div>
                                </div>
                                {{-- <div class="col">

                                    <label class="form-label">Produkteart:</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->productstype_id === $project->fk_productstype_id ? 'selected' : ' ' }}>
                                                        {{ $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->project_category_id === $project->fk_project_category_id ? 'selected' : ' ' }}>
                                                        {{ $item->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        @endif
                                    </div>
                                </div>
                                {{-- <div class="col">
                                    <label class="form-label">Kunde/Firma: </label>
                                    @if (!empty($customers))
                                        <select class=" select-search" id="kunde" name="kunde"
                                            placeholder="Bitte auswählen ..." required>
                                            <option value="0" {{ $project->fk_customer_id == 0 ? 'selected': ' ' }}>
                                                ** Keine Info
                                            </option>
                                            @foreach ($customers as $itemc)
                                                <option value="{{ $itemc->customer_id }}"
                                                    {{ $itemc->customer_id === $project->fk_customer_id ? 'selected': ' ' }}>
                                                    {{ $itemc->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    @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"
                                                {{ $project->fk_planner_customer_id == 0 ? 'selected': ' ' }}>
                                                ** Keine Info
                                            </option>
                                            @foreach ($customers as $itemc)
                                                <option value="{{ $itemc->customer_id }}"
                                                    {{ $itemc->customer_id === $project->fk_planner_customer_id ? 'selected': ' ' }}>
                                                    {{ $itemc->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    @endif

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

                        </div>
                        <br>
                        <div class=" row  card">
                            <br>
                            <h4 class="text-secondary">Kundendaten:</h4>
                            <div class="row ">
                                <div class="col">
                                    <label class="form-label">Auftraggeber: </label>
                                    @if (!empty($customers))
                                        <select class=" select-search " id="kunde" name="kunde"
                                            placeholder="Bitte auswählen ..." onchange="get_customer_persons(this);"
                                            required>
                                            <option value="0" {{ $project->fk_customer_id == 0 ? 'selected' : ' ' }}>
                                                ** Keine Info
                                            </option>
                                            @foreach ($customers as $itemc)
                                                <option value="{{ $itemc->customer_id }}" class="small"
                                                    {{ $itemc->customer_id === $project->fk_customer_id ? 'selected' : ' ' }}>
                                                    {{ $itemc->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    @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>
                                                @if (!is_null($project->get_customer))
                                                    @foreach ($project->get_customer->get_employees as $iteme)
                                                        <option value="{{ $iteme->employee_id }}"
                                                            {{ $iteme->employee_id === $project->fk_customer_person_id ? 'selected' : ' ' }}>
                                                            {{ $iteme->name }}
                                                        </option>
                                                    @endforeach
                                                @endif

                                            </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>
                                                @if (!is_null($project->get_customer))
                                                    @foreach ($project->get_customer->get_employees as $iteme)
                                                        <option value="{{ $iteme->employee_id }}"
                                                            {{ $iteme->employee_id === $project->fk_customer_person2_id ? 'selected' : ' ' }}>
                                                            {{ $iteme->name }}
                                                        </option>
                                                    @endforeach
                                                @endif

                                            </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>

                                                @if (!is_null($project->get_customer))
                                                    @foreach ($project->get_customer->get_employees as $iteme)
                                                        <option value="{{ $iteme->employee_id }}"
                                                            {{ $iteme->employee_id === $project->fk_customer_person3_id ? 'selected' : ' ' }}>
                                                            {{ $iteme->name }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    @endif
                                </div>

                            </div>

                            <div class="row my-2">
                                <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"
                                                    {{ $project->fk_builder_id == 0 ? 'selected' : ' ' }}>
                                                    ** Keine Info
                                                </option>
                                                @foreach ($customers as $itemc)
                                                    <option value="{{ $itemc->customer_id }}" class="small"
                                                        {{ $itemc->customer_id === $project->fk_builder_id ? 'selected' : ' ' }}>
                                                        {{ $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>
                                                @if (!is_null($project->get_builder))
                                                    @foreach ($project->get_builder->get_employees as $iteme)
                                                        <option value="{{ $iteme->employee_id }}"
                                                            {{ $iteme->employee_id === $project->fk_builder_person_id ? 'selected' : ' ' }}>
                                                            {{ $iteme->name }}
                                                        </option>
                                                    @endforeach
                                                @endif

                                            </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"
                                                {{ $project->fk_planner_customer_id == 0 ? 'selected' : ' ' }}>
                                                ** Keine Info
                                            </option>
                                            @foreach ($customers as $itemc)
                                                <option value="{{ $itemc->customer_id }}" class="small"
                                                    {{ $itemc->customer_id === $project->fk_planner_customer_id ? 'selected' : ' ' }}>
                                                    {{ $itemc->name }}
                                                </option>
                                            @endforeach
                                            {{-- <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>
                                            @if (!is_null($project->get_planner))
                                                @foreach ($project->get_planner->get_employees as $iteme)
                                                    <option value="{{ $iteme->employee_id }}"
                                                        {{ $iteme->employee_id === $project->fk_planner_person_id ? 'selected' : ' ' }}>
                                                        {{ $iteme->name }}
                                                    </option>
                                                @endforeach
                                            @endif
                                        </select>
                                    @endif

                                </div>

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

                                <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"
                                                {{ $project->fk_other_customer_id == 0 ? 'selected' : ' ' }}>
                                                ** Keine Info
                                            </option>
                                            @foreach ($customers as $itemc)
                                                <option value="{{ $itemc->customer_id }}" class="small"
                                                    {{ $itemc->customer_id === $project->fk_other_customer_id ? 'selected' : ' ' }}>
                                                    {{ $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>
                                            @if (!is_null($project->get_other_contact))
                                                @foreach ($project->get_other_contact->get_employees as $iteme)
                                                    <option value="{{ $iteme->employee_id }}"
                                                        {{ $iteme->employee_id === $project->fk_other_person_id ? 'selected' : ' ' }}>
                                                        {{ $iteme->name }}
                                                    </option>
                                                @endforeach
                                            @endif
                                        </select>
                                    @endif

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


                        {{-- <div class="row ">
                                <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"
                                                {{ $project->fk_planner_customer_id == 0 ? 'selected': ' ' }}>
                                                ** Keine Info
                                            </option>
                                            @foreach ($customers as $itemc)
                                                <option value="{{ $itemc->customer_id }}"
                                                    {{ $itemc->customer_id === $project->fk_planner_customer_id ? 'selected': ' ' }}>
                                                    {{ $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> --}}

                        <br>

                        <div class="row card py-3">
                            <h4 class="text-secondary">Projektdaten:</h4>
                            <div class="row  ">

                                <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=""
                                            value="{{ $project->construction_start_date }}" />
                                    </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="" value="{{ $project->construction_time }}" />
                                    </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
                                            value="{{ $project->project_deadline }}" />
                                    </div>
                                </div>
                            </div>
                            <br>
                            @if ($project->fk_status_in_company_id == '39')
                                <div class="row border border-danger p-2 ">

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


                                        <div class="col-4">
                                            <label class="form-label small">Allgemeine Gewährleistung-:</label>
                                            <br>
                                            <input type="text" name="warranty1_months" id="warranty1_months"
                                                placeholder="" value="{{ $project->warranty1_months }}">
                                            <small class="text-muted">Monate</small>

                                        </div>
                                        <div class="col-4">
                                            <label class="form-label small">beweglichen und Verschleißteile Gewährleistung
                                                :</label>
                                            <br>
                                            <input type="text" name="warranty2_months" id="warranty2_months"
                                                placeholder="" value="{{ $project->warranty2_months }}">
                                            <small class="text-muted">Monate</small>

                                        </div>

                                        <div class="col-4 form-group">
                                            <label class="form-label ">Abnahme/Startsdatum:</label>
                                            <div class="col form-group ">
                                                <input type="date" name="warranty_start"
                                                    value="{{ $project->warranty_start }}"
                                                    class="form-control form-control-sm" id="warranty_start" required />
                                            </div>
                                        </div>
                                        <div class="col-12 small text-dark text-center">
                                            <br>
                                            * auf alle beweglichen und Verschleißteile 2 Jahre.

                                        </div>

                                    </div>


                                </div>
                            @endif
                            <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"> {{ $project->project_infos }}</textarea>
                                </div>
                            </div>
                            <hr>
                            <div class="row py-3">
                                <h4 class="text-muted">Das Budget</h4>
                                @if ($project->budget_equipment > 0)
                                    <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" onkeyup="calc()"
                                                class="form-control form-control-sm" id="budget-netto" placeholder="0 €"
                                                step="0.01" value="{{ $project->budget_equipment }}" />
                                        </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="{{ $project->tax * 100 }}" onkeyup="calc()" />
                                        </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()"
                                                    {{ $project->budget_with_delivery == '1' ? 'checked' : ' ' }} />
                                                <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: {{ $project->budget_with_delivery == '0' ? ' none ' : ' block ' }}"
                                                onkeyup="calc()" value="{{ $project->budget_delivery_cost }}" />
                                        </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()"
                                                    {{ $project->budget_with_mounting == '1' ? 'checked' : ' ' }} />
                                                <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:  {{ $project->budget_with_mounting == '0' ? ' none ' : ' block ' }}"
                                                value="{{ $project->budget_mounting_percent }}" 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()"
                                                    {{ $project->budget_with_safety_inspection == '1' ? 'checked' : ' ' }} />
                                                <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"
                                                style="display:  {{ $project->budget_with_safety_inspection == '0' ? ' none ' : ' block ' }}"
                                                value="{{ $project->budget_safety_inspection_cost }}" 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">
                                            {{ $project->budget_total }}
                                        </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">{{ $project->tax * 100 }}</span> % MwSt. </div>
                                        <div class="col border-bottom" id="mwst">
                                            {{ $project->budget_total * $project->tax }}
                                        </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"> {{ $project->budget_total_tax }}</b>

                                        </div>
                                        <div class="col"></div>
                                    </div>
                                @else
                                    <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" onkeyup="calc()"
                                                class="form-control form-control-sm" id="budget-netto" placeholder="0 €"
                                                step="0.01" value="{{ $project->budget }}" />
                                        </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="{{ $project->tax * 100 }}" onkeyup="calc()" />
                                        </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()"
                                                    {{ $project->budget_with_delivery == '1' ? 'checked' : ' ' }} />
                                                <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: {{ $project->budget_with_delivery == '0' ? ' none ' : ' block ' }}"
                                                onkeyup="calc()" value="{{ $project->budget_delivery_cost }}" />
                                        </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()"
                                                    {{ $project->budget_with_mounting == '1' ? 'checked' : ' ' }} />
                                                <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:  {{ $project->budget_with_mounting == '0' ? ' none ' : ' block ' }}"
                                                value="{{ $project->budget_mounting_percent }}" 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()"
                                                    {{ $project->budget_with_safety_inspection == '1' ? 'checked' : ' ' }} />
                                                <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" value="0"
                                                style="display:  {{ $project->budget_with_safety_inspection == '0' ? ' none ' : ' block ' }}"
                                                value="{{ $project->budget_safety_inspection_cost }}" 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">
                                            {{ $project->budget }}
                                        </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">{{ $project->tax * 100 }}</span> % MwSt. </div>
                                        <div class="col border-bottom" id="mwst">
                                            {{ $project->budget * $project->tax }}
                                        </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">
                                                {{ $project->budget + $project->budget * $project->tax }} </b>

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


                                    {{-- <div class="col-2">
                                        <h5>Budget (netto) in €:</h5>
                                        <input type="number" name="budget" class="form-control form-control-sm"
                                            id="budget" placeholder="0 €" step="0.01"
                                            value="{{ $project->budget }}" />
                                    </div>
                                    <div class="col-6">
                                    </div>
                                    <div class="col-2 ">
                                        <label>Steuer %:</label>
                                        <input type="number" name="tax" class="form-control form-control-sm"
                                            id="tax" placeholder="19 %" step="0.01" onkeyup="calc()"
                                            value="{{ $project->tax * 100 }}" />
                                    </div>
                                    <div class="col-2">
                                        <label>
                                            Brutto in €: </label>
                                        <input type="number" class="form-control form-control-sm" id="brutto"
                                            name="brutto" value="0" readonly>

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

                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" id="mit_lieferung"
                                            name="mit_lieferung" onchange="fun_lieferung()"
                                            {{ $project->budget_with_delivery == '1' ? 'checked' : ' ' }} />
                                        <label class="form-check-label">
                                            Lieferung €
                                        </label>
                                        <input type="number" name="lieferung" class="form-control form-control-sm"
                                            id="lieferung" placeholder="€"
                                            style="display: {{ $project->budget_with_delivery == '0' ? ' none ' : ' block ' }}"
                                            onkeyup="calc()" step="0.01"
                                            value="{{ $project->budget_delivery_cost }}" />
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" id="mit_montage"
                                            name="mit_montage" onchange="fun_montage()"
                                            {{ $project->budget_with_mounting == '1' ? 'checked' : ' ' }} />
                                        <label class="form-check-label">
                                            Montage %
                                        </label>
                                        <input type="number" name="montage" class="form-control form-control-sm"
                                            id="montage" placeholder="%"
                                            style="display:  {{ $project->budget_with_mounting == '0' ? ' none ' : ' block ' }}"
                                            onkeyup="calc()" step="0.01"
                                            value="{{ $project->budget_mounting_percent }}" />
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" id="mit_gala" name="mit_gala"
                                            onchange="fun_gala()"
                                            {{ $project->budget_with_gala == '1' ? 'checked' : ' ' }} />
                                        <label class="form-check-label">
                                            Gala €</label><input type="number" name="gala"
                                            class="form-control form-control-sm" id="gala" placeholder="€"
                                            style="display:  {{ $project->budget_with_gala == '0' ? ' none ' : ' block ' }}"
                                            onkeyup="calc()" step="0.01" value="{{ $project->budget_gala_cost }}" />
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-check">
                                        <label class="form-check-label">
                                            Rest Verfügbar in €: </label>
                                        <input type="number" class="form-control form-control-sm" id="budget_rest"
                                            name="budget_rest" readonly value="{{ $project->budget_rest }}">

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




                                <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">{{ $project->budget_notice }}</textarea>
                                    </div>
                                </div>
                                <div class="row py-3">
                                    <div class="col">
                                        <label for="">Zahlungskonditionen: </label>
                                        <textarea class="form-control" id="budget_conditions" name="budget_conditions" rows="3">{{ $project->payment_conditions }}</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"> {{ $project->area_desc }}</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"
                                                {{ $project->material_wood == '1' ? 'checked' : ' ' }} />
                                            <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"
                                                {{ $project->material_steel == '1' ? 'checked' : ' ' }} />
                                            <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"
                                                {{ $project->material_net == '1' ? 'checked' : ' ' }} />
                                            <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"
                                                {{ $project->material_natural_rock == '1' ? 'checked' : ' ' }} />
                                            <label class="form-check-label">
                                                Naturfelsen
                                            </label>
                                        </div>
                                    </div>

                                </div>

                                <div class="row  py-3 ">
                                    <div class="col-2">
                                        <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()"
                                                        {{ $project->with_buy_parts == '1' ? 'checked' : ' ' }} />
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                    <div class="col-10">
                                        <textarea class="form-control " id="zukaufteile" name="zukaufteile" rows="3"
                                            style="display:  {{ $project->with_buy_parts == '0' ? ' none ' : ' block ' }}">{{ $project->buy_parts_desc }}</textarea>

                                    </div>

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

                                        Zielgruppe:
                                        <textarea class="form-control" id="zielgruppe" name="zielgruppe" rows="3">{{ $project->target_group }}</textarea>
                                        <hr>
                                        Idee Kunde/Planer:
                                        <textarea class="form-control" id="idee_planer" name="idee_planer" rows="3">{{ $project->idea_planer }}</textarea>
                                    </div>
                                </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">{{ $project->special_feature }}</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"
                                                {{ $project->planning_base_dwg == '1' ? 'checked' : ' ' }} />
                                            <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"
                                                {{ $project->planning_base_pdf == '1' ? 'checked' : ' ' }} />
                                            <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"
                                                {{ $project->planning_base_fotos == '1' ? 'checked' : ' ' }} />
                                            <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"
                                                {{ $project->planning_base_drawings == '1' ? 'checked' : ' ' }} />
                                            <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>
                    <br>



                </div>
            </div>
            <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab"
                tabindex="0">
                <br>
                <form action="{{ route('order.project.area.new') }}" method="POST" class="needs-validation"
                    novalidate>
                    @csrf
                    <input type="hidden" id="p_id" name="p_id" value="{{ $project->project_id }}">
                    <div class="row my-3 align-middle">
                        <div class="col-2 form-group">
                            <label for="">Bereich - Title:</label>
                            <input class="form-control" type="text" name="bereich_name" id="bereich_name">
                        </div>
                        <div class="col-8 form-group">
                            <label for="">Bereich - Beschreibung:</label>
                            <textarea class="form-control" id="bereich_desc" name="bereich_desc" rows="3"></textarea>
                        </div>
                        <div class="col-2  form-group">
                            {{-- <label for="">asd as</label> --}}
                            <br>
                            <button type="submit" class="btn btn-sm btn-success mx-auto"> Hinzufügen</button>
                        </div>
                    </div>
                </form>
                <br>

                <br>
                <div class="container-fluid" id="areas">
                    <table class="table table-hover ">
                        <thead>
                            <tr>
                                <th scope="col">ID</th>
                                <th scope="col">Title</th>
                                <th scope="col">Beschreibung</th>
                                <th scope="col">Action</th>

                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($project->project_areas as $item)
                                <tr>
                                    <th scope="row">{{ $item->area_id }}</th>
                                    <td>{{ $item->name }}</td>
                                    <td> {!! Str::limit($item->desc, 100) !!}</td>
                                    <td> <span class="list-table-action dropdown font-size-inherit">
                                            <!--delete-->
                                            <button type="button" title="Löschen"
                                                class="btn btn-sm btn-outline-danger delete_btn" data-bs-toggle="modal"
                                                data-bs-target="#delete-item" data-id="{{ $item->area_id }}">
                                                <i class="bi bi-trash"></i>
                                            </button>

                                            <!--edit-->
                                            <button type="button" title="Bearbeiten"
                                                class="btn btn-sm btn-outline-success"
                                                onclick="editItem({{ $item->area_id }})">
                                                <i class="bi bi-pencil-square"></i>
                                            </button>

                                            <button type="button" title="Anzeigen"
                                                class="btn btn-sm btn-outline-primary"
                                                onclick="showItem({{ $item->area_id }})">
                                                <i class="bi bi-box-arrow-up-right"></i>
                                            </button>


                                        </span></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                </div>

            </div>
            {{-- <div class="tab-pane fade" id="contact-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0">...
            </div>
            <div class="tab-pane fade" id="disabled-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0">
                ...</div> --}}
        </div>






    </div>

    <script>
        $(document).on('click', '.delete_btn', function() {
                let id = $(this).attr('data-id');
                $('#areaid').val(id);
            }

        );

        function editItem(id) {

            var url = "{{ route('offer.project.area.show', ':id') }}";
            url = url.replace(':id', id);

            $.get(url, function(item) {
                $("#area_id-edit").val(item.area_id);
                $("#bereich_name").val(item.name);
                $("#bereich_desc").val(item.desc);
                $("#edit-modal").modal('toggle');
            })
        }

        function showItem(id) {

            var url = "{{ route('offer.project.area.show', ':id') }}";
            url = url.replace(':id', id);

            $.get(url, function(item) {
                $("#area_name").val(item.name);
                $("#area_desc").val(item.desc);

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

        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();
        // }

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

        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('fehler');
                }

            });

        }

        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('fehler');
                }

            });



        }

        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('fehler');
                }

            });



        }

        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('fehler');
                }

            });



        }
        window.addEventListener('load', function() {
            calc();
            document.getElementById("kundeperson1").innerHTML = "";
            document.getElementById("kundeperson2").innerHTML = "";
            document.getElementById("kundeperson3").innerHTML = "";
            var option = "<option value=\"0\"> Alle</option>";
            $("#kundeperson1").append(option);
            $("#kundeperson2").append(option);
            $("#kundeperson3").append(option);


            $.ajax({
                url: '/crm/kunden-kontakt/alle/' + {{ $project->fk_customer_id }},
                type: 'GET',
                dataType: 'json',
                success: function(data) {

                    i = 0;

                    //  if ({!! json_encode($project->fk_planner_person_id) !!}) {
                    //     data.forEach(function(item, index) {
                    //         if (item.employee_id == ({!! json_encode($project->fk_planner_person_id) !!})


                    data.forEach(function(item, index) {

                        if (item.employee_id == {{ $project->fk_customer_person_id }})

                        {
                            var option1 = "<option value='" + item.employee_id +
                                "' selected >" +
                                item.name + "</option>";
                            $("#kundeperson1").append(option1);
                            // $("#kundeperson1").append(option1);
                        } else {
                            var option1 = "<option value='" + item.employee_id + "'>" + item
                                .name + "</option>";
                            $("#kundeperson1").append(option1);
                        }

                        if (item.employee_id == {{ $project->fk_customer_person2_id }}) {
                            var option2 = "<option value='" + item.employee_id +
                                "' selected >" +
                                item.name + "</option>";
                            // $("#kundeperson2").append(option2);
                            $("#kundeperson2").append(option2);
                        } else {
                            var option2 = "<option value='" + item.employee_id + "'>" + item
                                .name + "</option>";
                            $("#kundeperson2").append(option2);
                        }

                        if (item.employee_id == {{ $project->fk_customer_person3_id }}) {
                            var option3 = "<option value='" + item.employee_id +
                                "' selected >" +
                                item.name + "</option>";
                            $("#kundeperson3").append(option3);
                        } else {
                            var option3 = "<option value='" + item.employee_id + "'>" + item
                                .name + "</option>";
                            $("#kundeperson3").append(option3);
                        }




                        i = i + 1;
                    });
                    if (i == 0) {
                        document.getElementById("kundeperson1").innerHTML = "";
                        document.getElementById("kundeperson2").innerHTML = "";
                        document.getElementById("kundeperson3").innerHTML = "";
                        var option = "<option value='0'> keine</option>";
                        $("#kundeperson1").append(option);
                        $("#kundeperson2").append(option);
                        $("#kundeperson3").append(option);
                    }
                },
                error: function() {
                    alert('fehler');
                }
            });

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


            $.ajax({

                url: '/crm/kunden-kontakt/alle/' + {{ $project->fk_planner_customer_id }},

                type: 'GET',

                dataType: 'json',

                success: function(data) {

                    i = 0;
                    data.forEach(function(item, index) {
                        if (item.employee_id ==
                            {{ $project->fk_planner_person_id }}) {
                            var option = "<option value='" + item.employee_id + "' selected>" +
                                item.name +
                                "</option>";
                        } else {
                            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('fehler');
                }

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


            $.ajax({

                url: '/crm/kunden-kontakt/alle/' + {{ $project->fk_builder_id }},

                type: 'GET',

                dataType: 'json',

                success: function(data) {

                    i = 0;
                    data.forEach(function(item, index) {
                        if (item.employee_id ==
                            {{ $project->fk_builder_person_id }}) {
                            var option = "<option value='" + item.employee_id + "' selected>" +
                                item.name +
                                "</option>";
                        } else {
                            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('fehler');
                }

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


            $.ajax({

                url: '/crm/kunden-kontakt/alle/' + {{ $project->fk_other_customer_id }},

                type: 'GET',

                dataType: 'json',

                success: function(data) {

                    i = 0;
                    data.forEach(function(item, index) {
                        if (item.employee_id ==
                            {{ $project->fk_other_person_id }}) {
                            var option = "<option value='" + item.employee_id + "' selected>" +
                                item.name +
                                "</option>";
                        } else {
                            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('fehler');
                }

            });
        });
    </script>
    <script>
        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";


            }
        }
        $(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();
                }
            });
        });
    </script>
@endsection