@extends('layouts.app', ['title' => 'Projekt bearbeiten'])
@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">
            <div class="modal-content">
                <form action="{{ route('Project-reception.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">
            <div class="modal-content">
                <form action="{{ route('Project-reception.area.delete') }}" method="POST" class="needs-validation"
                    novalidate>
                    @csrf
                    <input id="areaid" name="areaid" value="" hidden>

                    <div class="modal-header">

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

                    <div class="modal-body">

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

                        </div>

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

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


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

                <div class="modal-body">

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



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

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

    <div class="row">
        <div class="col">
            APP > Kundenanfrage > {{ $project->project_id }} > {{ strtoupper(Request::segment(2)) }}
        </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="p-5 bg-white mb-5">
        @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('Project-reception.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">
                                    <label class="form-label"> Service / bis zu welchem Statuts: </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">Produktart:</label>
                                    <div class="col">
                                        @if (!empty($productstype))
                                            <select class="form-select " id="produkte_art" name="produkte_art" required>
                                                @foreach ($productstype as $item)
                                                    <option value="{{ $item->productstype_id }}"
                                                        {{ $item->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>

                            <div class="row py-3">
                                <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 ..." 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 }}"
                                                    {{ $itemc->customer_id === $project->fk_customer_id ? 'selected' : ' ' }}>
                                                    {{ $itemc->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    @endif

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

                                                @if ($project->fk_customer_id != '0')
                                                    @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">
                                    <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 }}"
                                                    {{ $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>
                                            @if ($project->fk_planner_customer_id != '0')
                                                @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>



                        {{-- <div class="row card py-3">
                            <div class="col">
                                Bauvorhaben - Name:
                                <div class="col form-group">
                                    <input type="text" name="bauvorhaben_name" class="form-control form-control-sm"
                                        id="bauvorhaben_name" placeholder="Name, Nummer" required
                                        value="{{ $project->construction_project_name }}" />
                                </div>
                            </div>
                            <div class="col">
                                Bauvorhaben - Adresse:
                                <div class="col form-group">
                                    <input type="text" name="bauvorhaben_adresse" class="form-control form-control-sm"
                                        id="bauvorhaben_adresse" placeholder="asdasdasd-Str. 210 , 44801 Stadt" required
                                        value="{{ $project->construction_project_address }}" />
                                </div>
                            </div>

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

                                <div class="col">

                                    geplanter Baubeginn:
                                    <div class="col form-group mt-1">
                                        <input type="date" name="bauzeitbeginn" class="form-control form-control-sm"
                                            id="bauzeitbeginn" placeholder=""
                                            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>

                            <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">
                                <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 id="rest" class="rounded border px-2">0</div> --}}
                                </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 id="rest" class="rounded border px-2">0</div> --}}
                                    </div>
                                </div>
                            </div>

                            <div class="row py-3">
                                <div class="col">
                                    <label for="">Budget - Hinweise: </label>
                                    <textarea class="form-control" id="budget_hinweise" name="budget_hinweise" rows="3">{{ $project->budget_notice }}</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>

                            <br>

                        </div>
                        <div class="row py-4">
                            <div class="col float-start">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                            </div>
                            <div class="col float-end">
                                <button type="submit" class="btn btn-success float-end"><i
                                        class="bi bi-plus-square"></i>
                                    Speichern</button>
                            </div>

                        </div>
                    </form>




                </div>
            </div>
            <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab"
                tabindex="0">
                <br>
                <form action="{{ route('Project-reception.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>
                <hr>
                <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>
    <br>
    <script type="text/javascript">
        $(document).ready(function() {

            project_location_change();

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

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

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

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

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


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



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


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

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

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

            }
            if (document.getElementById('mit_montage').checked) {
                r = r - ((parseFloat(document.getElementById('montage').value) / 100) * parseFloat(document.getElementById(
                    'budget').value));

            }
            if (document.getElementById('mit_gala').checked) {
                r = r - parseFloat(document.getElementById('gala').value);
            }
            // document.getElementById('rest').setAttribute('value', r + ' €');
            // document.getElementById('rest').innerHTML = " " + r + " €";
            // document.getElementById("budget_rest").value = r;
            document.getElementById("budget_rest").setAttribute('value', r);
            document.getElementById('brutto').setAttribute('value', (parseFloat(document.getElementById('budget').value) *
                parseFloat(document.getElementById('tax').value / 100)) + parseFloat(document.getElementById(
                    'budget')
                .value));
        }

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



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

        });


        // function get_customer_persons(obj) {



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


        //     $.ajax({

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

        //         type: 'GET',

        //         dataType: 'json',

        //         success: function(data) {

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

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

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

        //                 i = i + 1;

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


        //         },
        //         error: function() {
        //             alert('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');
        //         }

        //     });



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


        //     $.ajax({
        //         url: '/crm/kunden-kontakt/alle/' + {{ $project->fk_customer_id }},
        //         type: 'GET',
        //         dataType: 'json',
        //         success: function(data) {
        //             i = 0;
        //             data.forEach(function(item, index) {
        //                 if (item.employee_id ==
        //                     {{ $project->fk_customer_person_id }}) {
        //                     var option = "<option value='" + item.employee_id + "' selected >" +
        //                         item.name +
        //                         "</option>";
        //                 } else {
        //                     var option = "<option value='" + item.employee_id + "'>" + item
        //                         .name +
        //                         "</option>";
        //                 }
        //                 $("#kundeperson").append(option);
        //                 i = i + 1;
        //             });
        //             if (i == 0) {
        //                 document.getElementById("kundeperson").innerHTML = "";
        //                 var option = "<option value='0'> keine</option>";
        //                 $("#kundeperson").append(option);
        //             }
        //         },
        //         error: function() {
        //             alert('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');
        //         }

        //     });
        // });

        function get_customer_persons(obj) {



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


            $.ajax({

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

                type: 'GET',

                dataType: 'json',

                success: function(data) {

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

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

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

                        i = i + 1;

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


                },
                error: function() {
                    alert('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');
                }

            });



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


            $.ajax({
                url: '/crm/kunden-kontakt/alle/' + {{ $project->fk_customer_id }},
                type: 'GET',
                dataType: 'json',
                success: function(data) {
                    i = 0;
                    data.forEach(function(item, index) {
                        if (item.employee_id ==
                            {{ $project->fk_customer_person_id }}) {
                            var option = "<option value='" + item.employee_id + "' selected >" +
                                item.name +
                                "</option>";
                        } else {
                            var option = "<option value='" + item.employee_id + "'>" + item
                                .name +
                                "</option>";
                        }
                        $("#kundeperson").append(option);
                        i = i + 1;
                    });
                    if (i == 0) {
                        document.getElementById("kundeperson").innerHTML = "";
                        var option = "<option value='0'> keine</option>";
                        $("#kundeperson").append(option);
                    }
                },
                error: function() {
                    alert('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;
                    if ({!! json_encode($project->fk_planner_person_id) !!}) {
                        data.forEach(function(item, index) {
                            if (item.employee_id == ({!! json_encode($project->fk_planner_person_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');
                }

            });
        });
    </script>
@endsection