@extends('layouts.app', ['title' => 'Kundenanfrage' . ' | ' . $project->project_id . ' | ' . $project->construction_project_name])
@section('content')
    <!-- modals -->
    {{-- offer modal --}}
    <div class="modal fade modal-dialog-scrollable modal-lg" id="offer-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('projects-reception.tooffer') }}" method="POST" class="needs-validation" novalidate>
                    @csrf

                    <input id="project_id" name="project_id" value="" hidden>
                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel"> Projekt als Angebot eintragen </h5>
                        <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">
                                <label class="form-label"> Service: </label>

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

                                </div>
                            </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-success">Speichern</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- order modal --}}
    <div class="modal fade modal-dialog-scrollable modal-lg" id="order-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('projects-reception.toorder') }}" method="POST" class="needs-validation" novalidate>
                    @csrf

                    <input id="project2_id" name="project2_id" value="" hidden>
                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel"> Projekt als Auftrag eintragen </h5>
                        <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">
                                <label class="form-label"> Service: </label>

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

                                </div>
                            </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-success">Spiechern</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- project-location modal --}}
    <div class="modal fade modal-dialog-scrollable modal-lg" id="project-location-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('Project-reception.project-location') }}" method="POST" class="needs-validation"
                    novalidate>
                    @csrf

                    <input id="id" name="id" value="{{ $project->project_id }}" hidden>
                    <div class="modal-header">
                        <h5 class="modal-title " id="staticBackdropLabel"> Projekt an Bauvorhaben zuweisen </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>

                    <div class="modal-body pb-5">

                        <div class="row mt-2">
                            <div class="col">
                                <label class="form-label"> Bauvorhaben: </label>

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

                                </div>
                            </div>


                        </div>
                        <br><br><br>
                        <br><br><br> <br>
                    </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">Spiechern</button>
                    </div>
                </form>

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

    <div class="row">
        <div class="col-12 ">
            <label class=" bg-white border p-2  w-100 fs-4"> Anfrage: {{ $project->construction_project_name }}

                {{-- @if (!is_null($project->fk_project_location_id))
                    {{ $project->get_project_location->name }}
                @else
                    {{ $project->construction_project_name }}</a>
                @endif --}}
            </label>
            {{-- <label class="fs-5 btn border-secondary w-100"></label> --}}

        </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="row ">
        <div class="col-8">
            <div class="container-fluid bg-white border p-4">
                @if (Auth::user()->get_employee->is_mgt)
                    <div class="row text-center">
                        <div class="col ">
                            <label for="" class="pe-2">Projekt-Vorlage:</label>
                            <button type="submit" class="btn btn-sm btn-success offer_btn" data-bs-toggle="modal"
                                id="offer_btn" data-bs-target="#offer-item" data-id="{{ $project->project_id }}">
                                zum Angebot</button>
                        </div>
                        <div class="col ">

                            <label for="btn2" class="pe-2"> Projekt-Vorlage:</label>
                            <button type="submit" class="btn  btn-sm btn-success order_btn" data-bs-toggle="modal"
                                id="order_btn" data-bs-target="#order-item" data-id="{{ $project->project_id }}">
                                zum Auftrag</button>
                        </div>
                        @if (is_null($project->fk_project_location_id))
                            <div class="col text-end">

                                <label for="btn2" class="pe-2"> </label>
                                <button type="submit" class="btn  btn-sm btn-danger " data-bs-toggle="modal"
                                    id="pro_btn" data-bs-target="#project-location-item"
                                    data-id="{{ $project->project_id }}">
                                    Bauvorhaben zuweisen</button>
                            </div>
                        @endif


                    </div>
                    <hr>
                @endif
                @if (Auth::user()->get_employee->is_mgt)
                    <h5 class="">Projektstatus - aktuelle in </h5>
                    <br>
                    <div class="row align-middle">
                        <div class="col-2 align-middle">
                            Firma:
                        </div>

                        <div class="col-10  btn-group  btn-group-sm    " role="group">
                            @foreach ($status_in_com as $sc)
                                <form action="{{ route('Project-reception.statusincompany') }}" method="POST"
                                    class="p-0 btn btn-sm {{ $sc->status_in_company_id == $project->fk_status_in_company_id ? 'btn-' . $sc->color : 'btn-sm' }}  border-secondary "
                                    novalidate
                                    {{ $sc->status_in_company_id == $project->fk_status_in_company_id ? 'disabled' : '' }}>
                                    @csrf
                                    <input type="hidden" id="sid" name="sid"
                                        value="{{ $sc->status_in_company_id }}">
                                    <input type="hidden" id="pid" name="pid"
                                        value="{{ $project->project_id }}">

                                    <button type="submit" class="btn btn-sm w-100 rounded-0 "
                                        {{ $sc->status_in_company_id == $project->fk_status_in_company_id ? 'disabled' : '' }}>
                                        {{ $sc->name }}</button>
                                </form>
                            @endforeach
                        </div>

                    </div>
                    <hr>
                @endif

                {{-- @if (Auth::user()->get_employee->is_mgr and $project->current_department_id == Auth::user()->get_employee->get_department->department_id)
                    <div class="row align-middle">
                        <div class="col-3 align-middle">
                            Status in {{ $project->get_current_department->name }}-Abteilung:
                        </div>
                        <div class="col align-middle">
                            <form action="{{ route('Project.statusindepartment') }}" method="POST"
                                class="needs-validation" novalidate>
                                @csrf
                                <input type="hidden" id="sid" name="sid" value="1">
                                <input type="hidden" id="pid" name="pid" value="{{ $project->project_id }}">
                                <button type="submit "
                                    class="btn  {{ $project->fk_status_in_department_id == '1' ? 'btn-secondary': 'btn-sm' }} border-secondary w-100"
                                    {{ $project->fk_status_in_department_id == '1' ? 'disabled': '' }}>
                                    Ubearbeitet</button>
                            </form>
                        </div>
                        <div class="col align-middle">
                            <form action="{{ route('Project.statusindepartment') }}" method="POST"
                                class="needs-validation" novalidate>
                                @csrf
                                <input type="hidden" id="sid" name="sid" value="2">
                                <input type="hidden" id="pid" name="pid" value="{{ $project->project_id }}">
                                <button type="submit "
                                    class="btn  {{ $project->fk_status_in_department_id == '2' ? 'btn-primary': 'btn-sm' }} border-primary w-100"
                                    {{ $project->fk_status_in_department_id == '2' ? 'disabled': '' }}>
                                    in Bearbeitung</button>
                            </form>
                        </div>
                        <div class="col align-middle">
                            <form action="{{ route('Project.statusindepartment') }}" method="POST"
                                class="needs-validation" novalidate>
                                @csrf
                                <input type="hidden" id="sid" name="sid" value="3">
                                <input type="hidden" id="pid" name="pid" value="{{ $project->project_id }}">
                                <button type="submit "
                                    class="btn   {{ $project->fk_status_in_department_id == '3' ? 'btn-warning': 'btn-sm' }} border-warning w-100"
                                    {{ $project->fk_status_in_department_id == '3' ? 'disabled': '' }}>
                                    erwarte Feedback</button>
                            </form>
                        </div>
                        @if ($project->current_phase == $project->get_service->phases_count and Auth::user()->get_employee->get_department->department_id == '1')
                        @else
                            <div class="col align-middle">
                                <form action="{{ route('Project.weiter') }}" method="POST" class="needs-validation"
                                    novalidate>
                                    @csrf
                                    <input type="hidden" id="pid" name="pid" value="{{ $project->project_id }}">
                                    <button type="submit " class="btn btn-sm  border-success w-100">
                                        weiter Übergeben</button>
                                </form>
                            </div>
                        @endif
                    </div>
                    <hr>
                @else
                    <div class="p-2">
                        @foreach ($status_in_dep as $sd)
                            @if ($sd->status_in_department_id == $project->fk_status_in_department_id)
                                {{ 'Status in ' . $project->get_current_department->name . ' Abteilung: ' . $sd->name }}
                            @endif
                        @endforeach
                    </div>
                @endif --}}

                <br>
                <nav class="project-taps">
                    <div class="nav nav-tabs nav-fill nav-pills" id="nav-tab" role="tablist">
                        <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home"
                            aria-selected="true">Projektdaten</button>
                        <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile"
                            type="button" role="tab" aria-controls="nav-profile"
                            aria-selected="false">Kunde</button>
                        <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-planner"
                            type="button" role="tab" aria-controls="nav-planner"
                            aria-selected="false">Planer</button>
                        {{-- <button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact"
                            type="button" role="tab" aria-controls="nav-contact" aria-selected="false">coming
                            soon</button> --}}

                    </div>
                </nav>
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade show active " id="nav-home" role="tabpanel"
                        aria-labelledby="nav-home-tab" tabindex="0">
                        <div class="container-fluid ">
                            <br>
                            <div class="row card  p-2">

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

                                        <small class="text-secondary">Bauvorhaben - Name:</small>
                                        <label class="form-label border-bottom p-1 w-100">


                                            @if (!is_null($project->fk_project_location_id))
                                                {{ $project->get_project_location->name }}
                                            @else
                                                <small
                                                    class="text-danger">{{ $project->construction_project_name }}</small>
                                            @endif

                                            &nbsp;
                                        </label>
                                    </div>
                                    <div class="col-6">

                                        <small class="text-secondary"> Bauvorhaben - Adresse:</small>
                                        <label class="form-label border-bottom p-1 w-100">

                                            @if (!is_null($project->fk_project_location_id))
                                                {{ $project->get_project_location->address }}
                                            @else
                                                <small
                                                    class="text-danger">{{ $project->construction_project_address }}</small>
                                            @endif
                                            &nbsp;
                                        </label>
                                    </div>

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

                                    <div class="col">


                                        <small class="text-secondary">geplanter Baubeginn: </small>
                                        <label class=" border-bottom ">
                                            {{ date('d.m.Y', strtotime($project->construction_start_date)) }}
                                            &nbsp;</label>
                                    </div>
                                    <div class="col text-center">

                                        <small class="text-secondary">geplantes Bauende:</small>
                                        <label class="border-bottom">
                                            {{ date('d.m.Y', strtotime($project->construction_time)) }}
                                            &nbsp; </label>
                                    </div>
                                    <div class="col text-end">

                                        <small class="text-secondary">Bearbeitung - Deadline:</small>
                                        <label class="border-bottom">
                                            {{ date('d.m.Y', strtotime($project->project_deadline)) }}
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <br>
                            @if ($project->fk_status_in_company_id == '39')
                                <div class="row card border border-danger p-2 ">
                                    <h6 class="text-center"> Gewährleistung</h6>

                                    @if ($project->warranty_start == null)
                                        <div class="col text-center">
                                            <p class="text-danger"> ** leider keine Startsdatum eingegeben</p>
                                        </div>
                                    @else
                                        <div class="col">
                                            <label class="form-label">Gewährleistung:</label>
                                            <p class="border-bottom"> {{ $project->warranty1_months }} Monate</p>

                                        </div>
                                        <div class="col">
                                            <label class="form-label">bewg. und Ver. Gewährleistung bis
                                                :</label>
                                            <p class="border-bottom"> {{ $project->warranty2_months }} Monate</p>

                                        </div>

                                        <div class="col form-group">
                                            <label class="form-label">Abnahme/Startsdatum:</label>
                                            <p class="ps-2 border-bottom">
                                                {{ date('d.m.Y', strtotime($project->warranty_start)) }} </p>
                                        </div>
                                        <hr>
                                        <div class="col form-group">
                                            <label class="form-label">Gewährleistung bis:</label>
                                            <p
                                                class="ps-2 border-bottom {{ Carbon\Carbon::now() <= $project->warranty1_end ? 'bg-success' : 'bg-danger ' }}">
                                                {{ date('d.m.Y', strtotime($project->warranty1_end)) }} </p>
                                        </div>
                                        <div class="col form-group">
                                            <label class="form-label text small">beweglichen und Verschleißteile bis
                                                :</label>
                                            <p
                                                class=" ps-2 border-bottom {{ Carbon\Carbon::now() <= $project->warranty2_end ? 'bg-success' : 'bg-danger ' }}">
                                                {{ date('d.m.Y', strtotime($project->warranty2_end)) }}
                                                {{-- {{ date('d.m.Y', strtotime($project->warranty_start)) }} --}}
                                            </p>
                                        </div>
                                    @endif



                                    <div class="col-12 small text-dark text-center">
                                        <br>
                                        * auf alle beweglichen und Verschleißteile 2 Jahre.

                                    </div>

                                </div>
                                <br>
                            @endif

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


                                <div class="row ">
                                    <div class="col-4">

                                        <small class="text-secondary">Service: </small>
                                        <label class="form-label border-bottom  w-100">
                                            {{ $project->get_service->name }}</label>


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

                                        <small class="text-secondary"> Anfrageursprung:</small>
                                        <label class="form-label border-bottom   w-100">
                                            {{ $project->get_request_origin->name }}</label>
                                    </div>
                                    <div class="col">

                                        <small class="text-secondary">Produktart:</small>
                                        <label class="form-label border-bottom  w-100">
                                            {{ $project->get_productstype->name }}</label>
                                    </div>
                                    <div class="col">

                                        <small class="text-secondary">Kategorie:</small>
                                        <label class="form-label border-bottom  w-100">
                                            {{ $project->get_category->name }}</label>
                                    </div>
                                </div>
                            </div>

                            <br>
                            @if (Auth::user()->get_employee->access_budget or Auth::user()->get_employee->is_mgt)
                                <div class="row   card p-2">

                                    <h6 class="text-center">Budget</h6>
                                    <div class="row ">
                                        <div class="col">
                                            <small class="text-secondary">Budget (netto):</small>

                                            <label class="form-label border-bottom p-1 w-50">
                                                {{ number_format($project->budget, 2, ',', '.') }} € </label>

                                        </div>
                                        <div class="col text-center">
                                            <small class="text-secondary">Steuer:</small>

                                            <label class="form-label border-bottom p-1 w-50">
                                                {{ $project->tax * 100 }} %</label>
                                        </div>
                                        <div class="col text-end">
                                            <small class="text-secondary">Budget (Brutto):</small>

                                            <label class="form-label border-bottom p-1 w-50">
                                                {{ number_format($project->budget * $project->tax + $project->budget, 2, ',', '.') }}
                                                € </label>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="col">
                                            <small class="text-secondary"> Lieferung:</small>
                                            <label class="form-label border-bottom p-1 w-100">
                                                {{ number_format($project->budget_delivery_cost, 2, ',', '.') }} €
                                            </label>

                                        </div>
                                        <div class="col">
                                            <small class="text-secondary"> Montage:</small>
                                            <label class="form-label border-bottom p-1 w-100">
                                                {{ $project->budget_mounting_percent }} % </label>

                                        </div>
                                        <div class="col">
                                            <small class="text-secondary"> Gala:</small>
                                            <label class="form-label border-bottom p-1 w-100">
                                                {{ number_format($project->budget_gala_cost, 2, ',', '.') }} € </label>

                                        </div>
                                        <div class="col">
                                            <div class="form-check">
                                                <small class="text-secondary"> Rest Verfügbar:</small>
                                                <label class="form-label b  p-1 w-100 border border-success">
                                                    {{ number_format($project->budget_rest, 2, ',', '.') }} € </label>

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

                                    <div class="row ">
                                        <div class="col">
                                            <small class="text-secondary">Budget- Hinweise:</small>
                                            <p class="text-justify " style="white-space: pre-line">
                                                {{ $project->budget_notice }}</p>

                                        </div>
                                    </div>

                                </div>
                                <br>
                            @endif


                            <div class="row card p-2">
                                <div class="row py-2">
                                    <div class="col">
                                        <small class="text-secondary">Projektinformationen:</small>
                                        <p class="text-justify m-0 p-0" style="white-space: pre-line">
                                            {{ $project->project_infos }} </p>
                                    </div>
                                </div>
                                <hr>

                                <div class="row ">
                                    <div class="row ">
                                        <small class="text-secondary"> Fläche in m²/Pläne:</small>
                                        <p class="text-justify " style="white-space: pre-line">
                                            {{ $project->area_desc }} </p>
                                    </div>
                                    <hr>
                                    <div class="row  ">
                                        <div class="col">
                                            <h6 class="text-secondary"> Material:</h6>
                                        </div>
                                        <div class="col">
                                            <div class="form-check ">
                                                <input class="form-check-input" type="checkbox" disabled
                                                    {{ $project->material_wood == '1' ? 'checked' : ' ' }} />
                                                <label class="">
                                                    Holz
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" disabled
                                                    {{ $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" disabled
                                                    {{ $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" disabled
                                                    {{ $project->material_natural_rock == '1' ? 'checked' : ' ' }} />
                                                <label class="form-check-label">
                                                    Naturfelsen
                                                </label>
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row   ">
                                        <div class="col-3">
                                            <div class="row">
                                                <div class="col">
                                                    <h6 class="text-secondary">
                                                        Zukaufteile:
                                                        </h5>
                                                </div>
                                                <div class="col">
                                                    <div class="form-check form-switch ">
                                                        <input class="form-check-input" type="checkbox" disabled
                                                            {{ $project->with_buy_parts == '1' ? 'checked' : ' ' }} />
                                                    </div>
                                                </div>
                                            </div>


                                        </div>
                                        <div class="col-9">
                                            @if ($project->with_buy_parts == '1')
                                                <p class="text-justify " style="white-space: pre-line">
                                                    {{ $project->buy_parts_desc }} </p>
                                            @endif


                                        </div>

                                    </div>
                                    <hr>
                                    <div class="row ">
                                        <div class="col">
                                            <small class="text-secondary"> Zielgruppe:</small>
                                            <p class="text-justify " style="white-space: pre-line">
                                                {{ $project->target_group }}</p>

                                            <small class="text-secondary"> Idee Kunde/Planer:</small>
                                            <p class="text-justify " style="white-space: pre-line">
                                                {{ $project->idea_planer }} </p>

                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row ">
                                        <div class="col-2">

                                            <small class="text-secondary"> Bereiche-Anzahl: </small>
                                        </div>
                                        <div class="col-1">
                                            <label class="form-label border-bottom p-1 w-100">
                                                {{ $project->area_count }} </label>

                                        </div>
                                        <div class="col">
                                        </div>
                                        <div class="col">
                                        </div>
                                        <div class="col">
                                        </div>
                                    </div>
                                    <div class="px-5 pb-3" id="areas">
                                        @foreach ($project->project_areas as $area)
                                            <div class="row ">
                                                <div class="row ">
                                                    <h6 class="p-0"> Bereich {{ $loop->index + 1 }}</h6>
                                                </div>
                                                <div class="row ps-3">
                                                    <small class="text-secondary"> Name:</small>
                                                    <small class="ps-4 text-justify ">
                                                        {{ $area->name }}</small>
                                                </div>
                                                <div class="row ps-3">
                                                    <small class="text-secondary ">
                                                        Beschreibung:</small>
                                                    <p class="ps-4 text-justify " style="white-space: pre-line">
                                                        {{ $area->desc }}</p>
                                                </div>
                                                <hr>
                                            </div>
                                        @endforeach

                                    </div>


                                    <hr>
                                    <div class="row ">
                                        <div class="col">
                                            <small class="text-secondary"> Besonderheiten: </small>
                                            <p class="text-justify ps-1" style="white-space: pre-line">
                                                {{ $project->special_feature }} </p>

                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row px-4 ">
                                        Planungsgrundlage:
                                        <div class="col">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" disabled
                                                    {{ $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" disabled
                                                    {{ $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" disabled
                                                    {{ $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" disabled
                                                    {{ $project->planning_base_drawings == '1' ? 'checked' : ' ' }} />
                                                <label class="form-check-label">
                                                    Zeichnungen
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>





                        </div>

                    </div>
                    <div class="tab-pane fade " id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab"
                        tabindex="0">
                        <br>
                        <div class="container-fluid">

                            {{-- @if (!is_null($project->get_customer)) --}}
                            @if (!empty($project->get_customer))
                                <div class="row">
                                    <div class="row ">
                                        <div class="col-4 "><small class="text-secondary">Kundennummer:
                                                {{ $project->get_customer->customer_code }}</small></div>
                                        <div class="col-8 text-end  ">
                                            @if (!is_null($project->get_customer))
                                                @if (Auth::user()->get_employee->is_mgt)
                                                    <a href="/projekte/kunde/{{ $project->fk_customer_id }}"
                                                        class="text-decoration-none btn btn-sm " target="_blank">

                                                        Alle Projekte
                                                        <i class="bi bi-box-arrow-up-right"></i>
                                                    </a>
                                                @endif
                                            @endif
                                        </div>
                                    </div>



                                    <hr>
                                    <h4>{{ $project->get_customer->name }}</h4>

                                    <table class="table table-sm table-borderless w-50">
                                        <thead>
                                            <th></th>
                                            <th></th>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>Anschrift:</td>
                                                <td>{{ $project->get_customer->address }}</td>
                                            </tr>
                                            <tr>
                                                <td>Tel:</td>
                                                <td>{{ $project->get_customer->tel }}</td>
                                            </tr>
                                            <tr>
                                                <td>Mobile:</td>
                                                <td>{{ $project->get_customer->mobile }}</td>
                                            </tr>
                                            <tr>
                                                <td>Fax:</td>
                                                <td>{{ $project->get_customer->fax }}</td>
                                            </tr>
                                            <tr>
                                                <td>Email:</td>
                                                <td>{{ $project->get_customer->email }}</td>
                                            </tr>
                                            <tr>
                                                <td>Webseite:</td>
                                                <td>{{ $project->get_customer->website }}</td>
                                            </tr>

                                        </tbody>
                                    </table>



                                </div>


                                <hr>
                                <h6 class=""> Kontakt - Personen</h6>
                                <div class="row">

                                    @foreach ($project->get_customer->get_employees as $emp)
                                        <div class="card col-5 m-3">
                                            <div class="row ">
                                                <div class="col">
                                                    <div class="card-body">
                                                        @if ($emp->employee_id == $project->fk_customer_person_id)
                                                            <div class="col  text-success">
                                                                <h5><i class="bi bi-check-circle">
                                                                        Ansprechpartner</i> </h5>
                                                            </div>
                                                        @endif
                                                        <h5>
                                                            {{ $emp->gender == '1' ? 'Herr' : '' }}
                                                            {{ $emp->gender == '2' ? 'Frau' : '' }}
                                                            {{ $emp->name }}
                                                        </h5>
                                                        <label class="text-muted">{{ $emp->position->name }}

                                                        </label>
                                                        <hr>

                                                        <table class="table table-sm table-borderless ">
                                                            <thead>
                                                                <th></th>
                                                                <th></th>
                                                            </thead>
                                                            <tbody>

                                                                <tr>
                                                                    <td>Tel:</td>
                                                                    <td> {{ $emp->tel }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Mobile:</td>
                                                                    <td>{{ $emp->mobile }}</td>
                                                                </tr>

                                                                <tr>
                                                                    <td>Email:</td>
                                                                    <td>{{ $emp->email }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Anschrift:</td>
                                                                    <td>{{ $emp->address }}</td>
                                                                </tr>

                                                            </tbody>
                                                        </table>



                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach


                                </div>
                            @else
                                <div class="container-fluid">
                                    Keine Daten
                                </div>
                            @endif
                        </div>

                    </div>
                    <div class="tab-pane fade " id="nav-planner" role="tabpanel" aria-labelledby="nav-planner-tab"
                        tabindex="0">
                        <br>
                        @if (!empty($project->get_planner))
                            <div class="container-fluid">



                                <div class="row">


                                    <div class="row ">
                                        <div class="col-4 "><small class="text-secondary">Kundennummer:
                                                {{ $project->get_planner->customer_code }}</small></div>
                                        <div class="col-8 text-end  ">
                                            @if (!is_null($project->get_planner))
                                                @if (Auth::user()->get_employee->is_mgt)
                                                    <a href="/projekte/kunde/{{ $project->fk_planner_customer_id }}"
                                                        class="text-decoration-none btn btn-sm " target="_blank">

                                                        Alle Projekte
                                                        <i class="bi bi-box-arrow-up-right"></i>
                                                    </a>
                                                @endif
                                            @endif
                                        </div>
                                    </div>
                                    <hr>
                                    <h4>{{ $project->get_planner->name }}</h4>

                                    <table class="table table-sm table-borderless w-50">
                                        <thead>
                                            <th></th>
                                            <th></th>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>Anschrift:</td>
                                                <td>{{ $project->get_planner->address }}</td>
                                            </tr>
                                            <tr>
                                                <td>Tel:</td>
                                                <td>{{ $project->get_planner->tel }}</td>
                                            </tr>
                                            <tr>
                                                <td>Mobile:</td>
                                                <td>{{ $project->get_planner->mobile }}</td>
                                            </tr>
                                            <tr>
                                                <td>Fax:</td>
                                                <td>{{ $project->get_planner->fax }}</td>
                                            </tr>
                                            <tr>
                                                <td>Email:</td>
                                                <td>{{ $project->get_planner->email }}</td>
                                            </tr>
                                            <tr>
                                                <td>Webseite:</td>
                                                <td>{{ $project->get_planner->website }}</td>
                                            </tr>

                                        </tbody>
                                    </table>



                                </div>


                                <hr>
                                <h6 class=""> Kontakt - Personen</h6>
                                <div class="row">

                                    @foreach ($project->get_planner->get_employees as $emp)
                                        <div class="card col-5 m-3 ">
                                            <div class="row ">
                                                <div class="col">
                                                    <div class="card-body ">
                                                        @if ($emp->employee_id == $project->fk_planner_person_id)
                                                            <div class="col  text-success">
                                                                <h5><i class="bi bi-check-circle">
                                                                        Ansprechpartner</i> </h5>
                                                            </div>
                                                        @endif
                                                        <div class="row">


                                                            <div class="col">
                                                                <h5>
                                                                    {{ $emp->gender == '1' ? 'Herr' : '' }}
                                                                    {{ $emp->gender == '2' ? 'Frau' : '' }}
                                                                    {{ $emp->name }}
                                                                </h5>
                                                                <label class="text-muted ">{{ $emp->position->name }}

                                                                </label>
                                                            </div>

                                                        </div>


                                                        <hr>

                                                        <table class="table table-sm table-borderless ">
                                                            <thead>
                                                                <th></th>
                                                                <th></th>
                                                            </thead>
                                                            <tbody>

                                                                <tr>
                                                                    <td>Tel:</td>
                                                                    <td> {{ $emp->tel }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Mobile:</td>
                                                                    <td>{{ $emp->mobile }}</td>
                                                                </tr>

                                                                <tr>
                                                                    <td>Email:</td>
                                                                    <td>{{ $emp->email }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Anschrift:</td>
                                                                    <td>{{ $emp->address }}</td>
                                                                </tr>

                                                            </tbody>
                                                        </table>



                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach


                                </div>


                            </div>
                        @else
                            <div class="container-fluid">
                                Keine Daten
                            </div>
                        @endif
                    </div>
                    <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab"
                        tabindex="0">...</div>

                </div>







            </div>
            <hr>
        </div>
        <div class="col-4">
            <div class="container-fluid bg-white border p-2">
                {{-- Timeline
                @foreach ($project->timelines as $tt)
                    <br>
                    {{ $tt->get_employee->first_name }} {{ $tt->event_msg }}
                    <br>
                @endforeach --}}
                <div class=" container-fluid">
                    <form action="{{ route('Project-reception.timeline') }}" method="POST" class="needs-validation"
                        novalidate>
                        @csrf

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

                        <div class="form-group">
                            <h5 class="text-center"> neuer Hinweis/Kontaktverlauf </h5>
                            <div class="row mb-1">
                                <div class="col" title="Information/Hinweis">
                                    <input class="form-check-input" onclick="contact_checked(this);" type="radio"
                                        name="contact_type" value="4" id="notes" checked> <span
                                        class="bi bi-info-square-fill me-1"></span>
                                </div>
                                <div class="col" title="Anruf">
                                    <input class="form-check-input" onclick="contact_checked(this);" type="radio"
                                        name="contact_type" value="0" id="call"> <span
                                        class="bi bi-telephone-fill me-1"></span>
                                </div>
                                <div class="col" title="E-mail">
                                    <input class="form-check-input" onclick="contact_checked(this);" type="radio"
                                        name="contact_type" value="1" id="mail"> <span
                                        class="bi bi-envelope-fill me-1"></span>
                                </div>
                                <div class="col" title="Postlich/Schriftlich">
                                    <input class="form-check-input" onclick="contact_checked(this);" type="radio"
                                        name="contact_type" value="2" id="poste"> <span
                                        class="bi bi-mailbox2 me-1"></span>
                                </div>
                                <div class="col" title="Persönlich">
                                    <input class="form-check-input" onclick="contact_checked(this);" type="radio"
                                        name="contact_type" value="3" id="personally"> <span
                                        class="bi bi-people-fill me-1"></span>
                                </div>
                            </div>

                            <div class="row mb-1" id="contact-with">
                                <label class="form-label small col-12"> Kontakt mit: </label>
                                <div class="col-12">

                                    <select class="form-select form-select-sm" id="contact-dst-id" name="contact-dst-id"
                                        required>
                                        @if (isset($project->get_customer->name))
                                            <option value="{{ $project->get_customer->customer_id }}">
                                                Kunde: {{ $project->get_customer->name }}
                                            </option>
                                        @endif

                                        @if (isset($project->get_planner->name))
                                            <option value="{{ $project->get_planner->customer_id }}">
                                                Planner: {{ $project->get_planner->name }}
                                            </option>
                                        @endif




                                    </select>

                                </div>
                            </div>
                            <p class="  text-sm text-muted  font-italic small m-0 p-0">** es ist möglich hier jemandem zu
                                erwähnen:
                                @Name oder
                                #Abteilung</p>
                            <textarea class="form-control" name="msg" id="msg" rows="3" required></textarea>

                        </div>
                        <div class="form-group py-2">
                            <button type="submit" class="form-control col-4 btn btn-sm btn-primary text-center">
                                Speichern</button>
                        </div>
                    </form>
                </div>

                <hr>
                <div class="row ">
                    <div class="container-fluid mx-auto">

                        <!-- Timeline -->
                        <div class=" container-fluid">
                            <h6 class="text-secondary text-center"> <i class="bi bi-list-columns-reverse"></i>
                                Projekt Verlauf/Hinweise </h6>
                            <div class="row mx-3 border-bottom mb-1">
                                <div class="col">
                                    Filter:
                                </div>
                                <div class="col" title="alle">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="0" id="all" checked>alle</span>
                                </div>
                                <div class="col" title="Information/Hinweis">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="1" id="notes"> <span
                                        class="bi bi-info-square-fill me-1"></span>
                                </div>
                                <div class="col" title="Anruf">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="2" id="call"> <span
                                        class="bi bi-telephone-fill me-1"></span>
                                </div>
                                <div class="col" title="E-mail">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="3" id="mail"> <span
                                        class="bi bi-envelope-fill me-1"></span>
                                </div>
                                <div class="col" title="Postlich/Schriftlich">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="4" id="poste"> <span
                                        class="bi bi-mailbox2 me-1"></span>
                                </div>
                                <div class="col" title="Persönlich">
                                    <input class="form-check-input" onclick="filter_checked(this);" type="radio"
                                        name="note_type" value="5" id="personally"> <span
                                        class="bi bi-people-fill me-1"></span>
                                </div>
                            </div>
                            @foreach ($project->timelines as $tt)
                                @if ($tt->is_event or $tt->is_email or $tt->is_note or $tt->is_call or $tt->is_post or $tt->is_personally)
                                    @if (request('d_tag') == $tt->timeline_id)
                                        <div id="E{{ $tt->timeline_id }}" class=" mb-5"></div>
                                    @endif
                                    <div
                                        class="row note0 {{ ($tt->is_note and !$tt->is_event) ? 'note1' : '' }} {{ $tt->is_call ? 'note2' : '' }} {{ $tt->is_email ? 'note3' : '' }} {{ $tt->is_post ? 'note4' : '' }} {{ $tt->is_personally ? 'note5' : '' }}">



                                        <div
                                            class=" {{ request('d_tag') == $tt->timeline_id ? ' bg-primary bg-opacity-25  mx-0  p-2 rounded border border-2   my-3' : ' bg-lights mb-2 mx-0  p-2 rounded border border-2 ' }} ">
                                            <div class="row">
                                                <span class="col text-secondary">
                                                    <i class="bi bi-person">
                                                        {{ $tt->get_employee->first_name }}
                                                        {{ $tt->get_employee->last_name }}</i>

                                                </span>
                                                <span class="col small text-secondary text-end"><i
                                                        class="bi bi-clock mr-1"></i>
                                                    {{ date('d.m.Y - H:i', strtotime($tt->created_at)) }}
                                                </span>
                                            </div>
                                            {{-- <p class="text-small mt-2 font-weight-light {{ $tt->is_note == 1 ? ' text-danger ': '' }}  {{ $tt->is_event == 1 ? ' text-secondary ': '' }}"
                                                    style="white-space: pre-line">{{ $tt->event_msg }}</p> --}}
                                            {{-- @if ($tt->is_event)
                                                    <small class="text-secondary ">{{ $tt->event_msg }}</small>
                                                @endif
                                                <span class="text-small  font-weight-light">
                                                    @if ($tt->is_note)
                                                        <small class="bi bi-info-square-fill me-1 "></small>
                                                        <span style="white-space: pre-line">{{ $tt->event_msg }}</span>
                                                    @endif
                                                    @if ($tt->is_call)
                                                        <small class="bi bi-telephone-fill me-1"></small><span
                                                            style="white-space: pre-line">{{ $tt->event_msg }}</span>
                                                    @endif
                                                    @if ($tt->is_email)
                                                        <small class="bi bi-envelope-fill me-1"></small><span
                                                            style="white-space: pre-line">{{ $tt->event_msg }}</span>
                                                    @endif
                                                    @if ($tt->is_post)
                                                        <small class="bi bi-mailbox2 me-1"></small><span
                                                            style="white-space: pre-line">{{ $tt->event_msg }}</span>
                                                    @endif
                                                    @if ($tt->is_personally)
                                                        <small class="bi bi-people-fill me-1"></small><span
                                                            style="white-space: pre-line">{{ $tt->event_msg }}</span>
                                                    @endif
                                                </span> --}}

                                            @if ($tt->is_note)
                                                <div class="row ">
                                                    <div class="col-1">
                                                        <h6 class="bi bi-info-square-fill me-1"></h6>
                                                    </div>

                                                    <div class="col-11">
                                                        @if ($tt->is_event)
                                                            <small class="text-secondary ">{{ $tt->event_msg }}</small>
                                                        @else
                                                            <span class="text-small mt-2 font-weight-light"
                                                                style="white-space: pre-line">{{ $tt->event_msg }}</span>
                                                        @endif
                                                    </div>
                                                </div>
                                            @else
                                                <div class="row ">

                                                    @if ($tt->is_call)
                                                        <div class="col-1" title="Anruf">
                                                            <h6 class="bi bi-telephone-fill ">
                                                            </h6>
                                                        </div>
                                                        <div class="col-11 ps-0" title="Anruf">
                                                            <h6 class="">
                                                                <span class="bi bi-arrow-right"></span>
                                                                <span>

                                                                    @if (isset($tt->fk_customer_id) and $tt->fk_customer_id == $project->fk_customer_id)
                                                                        Kunde: {!! $project->get_customer->name !!}
                                                                    @elseif (isset($tt->fk_customer_id) and $tt->fk_customer_id == $project->fk_planner_customer_id)
                                                                        Planner: {!! $project->get_planner->name !!}
                                                                    @else
                                                                    @endif
                                                                </span>
                                                            </h6>
                                                        </div>
                                                    @endif
                                                    @if ($tt->is_email)
                                                        <div class="col-1" title="Email">
                                                            <h6 class="bi bi-envelope-fill ">
                                                            </h6>
                                                        </div>
                                                        <div class="col-11 ps-0" title="Email">
                                                            <h6 class="">
                                                                <span class="bi bi-arrow-right"></span>
                                                                <span>
                                                                    @if (isset($tt->fk_customer_id) and $tt->fk_customer_id == $project->fk_customer_id)
                                                                        Kunde: {!! $project->get_customer->name !!}
                                                                    @elseif (isset($tt->fk_customer_id) and $tt->fk_customer_id == $project->fk_planner_customer_id)
                                                                        Planner: {!! $project->get_planner->name !!}
                                                                    @else
                                                                    @endif
                                                                </span>
                                                            </h6>
                                                        </div>
                                                    @endif
                                                    @if ($tt->is_post)
                                                        <div class="col-1" title="schriftlich per post">
                                                            <h6 class="bi bi-mailbox2 ">
                                                            </h6>
                                                        </div>
                                                        <div class="col-11 ps-0" title="schriftlich per post">


                                                            <h6 class="">
                                                                <span class="bi bi-arrow-right"></span>
                                                                <span>
                                                                    @if (isset($tt->fk_customer_id) and $tt->fk_customer_id == $project->fk_customer_id)
                                                                        Kunde: {!! $project->get_customer->name !!}
                                                                    @elseif (isset($tt->fk_customer_id) and $tt->fk_customer_id == $project->fk_planner_customer_id)
                                                                        Planner: {!! $project->get_planner->name !!}
                                                                    @else
                                                                    @endif
                                                                </span>
                                                            </h6>
                                                        </div>
                                                    @endif
                                                    @if ($tt->is_personally)
                                                        <div class="col-1" title="Persönlich/Meeting">
                                                            <h6 class="bi bi-people-fill ">
                                                            </h6>
                                                        </div>
                                                        <div class="col-11 ps-0" title="Persönlich/Meeting">
                                                            <h6 class="">
                                                                <span class="bi bi-arrow-right"></span>
                                                                <span>
                                                                    @if (isset($tt->fk_customer_id) and $tt->fk_customer_id == $project->fk_customer_id)
                                                                        Kunde: {!! $project->get_customer->name !!}
                                                                    @elseif (isset($tt->fk_customer_id) and $tt->fk_customer_id == $project->fk_planner_customer_id)
                                                                        Planner: {!! $project->get_planner->name !!}
                                                                    @else
                                                                    @endif
                                                                </span>
                                                            </h6>

                                                        </div>
                                                    @endif


                                                </div>
                                                <div class="row justify-content-center align-items-center g-2">
                                                    <div class="col-1">
                                                    </div>
                                                    <div class="col-11">
                                                        @if ($tt->is_event)
                                                            <small class="text-secondary ">{{ $tt->event_msg }}</small>
                                                        @else
                                                            <span class="text-small mt-2 font-weight-light"
                                                                style="white-space: pre-line">{{ $tt->event_msg }}</span>
                                                        @endif
                                                    </div>
                                                </div>
                                            @endif

                                        </div>

                                    </div>
                                @endif
                            @endforeach
                        </div><!-- End -->

                    </div>
                </div>



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

    <script type="text/javascript">
        // function editItem(id) {
        //     $.get('/crm/kunden/' + id, function(item) {
        //         $("#id-edit").val(item.customer_id);
        //         $("#customer_category_id-edit").val(item.fk_customer_category_id);
        //         $("#name-edit").val(item.name);
        //         $("#address-edit").val(item.address);
        //         $("#tel-edit").val(item.tel);
        //         $("#mobile-edit").val(item.mobile);
        //         $("#fax-edit").val(item.fax);
        //         $("#email-edit").val(item.email);
        //         $("#website-edit").val(item.website);
        //         $("#edit-modal").modal('toggle');
        //     })
        // }
        // $(document).ready(function() {
        //     $('#flexCheckDefault1').on('switch-change', function(e, data) {

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

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

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

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

        // function fun_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);
        // }
        // 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 + "<h5>Bereich " + i + ":</h5>";
        //         divs = divs + "<div class=\"container px-5\">";
        //         divs = divs + "Bereich " + i + " - Beschreibung:";
        //         divs = divs + "<textarea class=\"form-control\" id=\"bereich_" + i + "\" name=\"bereich_" + i +
        //             "\"  rows=\"3\"></textarea>";
        //         // divs = divs + "Zielgruppe:";
        //         // divs = divs + "<textarea class=\"form-control\" id=\"area_d2_" + i + "\" rows=\"3\"></textarea>";
        //         // divs = divs + "Idee Planer:";
        //         // divs = divs + "<textarea class=\"form-control\" id=\"area_d3_" + i + "\" rows=\"3\"></textarea>";
        //         divs = divs + "</div> <br>";
        //     }
        //     document.getElementById('areas').innerHTML = divs;

        // });
    </script>
    <script>
        $(document).on('click', '.offer_btn', function() {
                let id = $(this).attr('data-id');
                $('#project_id').val(id);
                // document.getElementById('ptitle').innerHTML = "You pressed ";
            }

        );
        $(document).on('click', '.order_btn', function() {
                let id = $(this).attr('data-id');
                $('#project2_id').val(id);
                // document.getElementById('ptitle').innerHTML = "You pressed ";
            }

        );
        $(document).ready(function() {
            contact_checked();
        });
        // $(document).on('click', '.order_btn', function() {
        //         let id = $(this).attr('data-id');
        //         $('#project2_id').val(id);
        //         // document.getElementById('ptitle').innerHTML = "You pressed ";
        //     }

        // );


        function contact_checked() {

            if (document.getElementById("notes").checked) {

                document.getElementById("contact-dst-id").attributes.required = "";
                document.getElementById("contact-with").style.display = 'none';
            } else {

                document.getElementById("contact-dst-id").attributes.required = "required";
                document.getElementById("contact-with").style.display = 'block';
            }
        }
    </script>

@endsection