@extends('layouts.app', ['title' => 'Auftrag  | ' . $project->project_id . ' | ' . $project->construction_project_name])
@section('content')
    <!-- modals -->
    {{-- progress error modal --}}
    <div class="modal fade " id="progress-error" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="staticBackdropLabel" aria-hidden="true">

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

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

                <div class="modal-body">

                    <h1 class="bi bi-x-circle text-danger text-center"></h1>
                    <h5 class="modal-title text-center"> Aktueller Leistungsstand </h5>
                    <p class="text-center">
                        Projektfortschritt kann nicht
                        zurückgesetzt
                        werden!
                    </p>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"
                        onclick="location.reload(true);">alles klar!</button>
                    {{-- <button type="submit" class="btn btn-success">Auftrag spiechern</button> --}}
                </div>

            </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('order.project.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">

                        <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>
                    </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="container-fluid ">
        <div class="row  bg-white  border ">

            <div class="col-4 p-2 ">

                <h4>
                    {{-- Kostenstelle: <b>{{ $project->fk_order_nr_id }}</b> --}}
                    Kostenstelle:
                    @if (!is_null($project->cost_center))
                        <b>
                            @if ($project->cost_center->old_number)
                                {{ $project->cost_center->old_number }}
                                {{-- {{ $project->cost_center->number }} --}}
                            @else
                                {{ $project->cost_center->number }}
                            @endif
                            {{-- {{ $project->cost_center->number }} --}}

                        </b>
                    @else
                        <b>{{ $project->fk_order_nr_id }}</b>
                    @endif
                </h4>


            </div>
            <div class="col-8 p-2 ">
                <h4 class="">

                    Auftrag: <b>{{ $project->construction_project_name }}</b>
                </h4>


            </div>

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

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


                        </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>
                            <hr>
                        @endif
                    </div>
                @endif

                @if (Auth::user()->get_employee->is_mgt or
                        Auth::user()->get_employee->is_mgr and
                            $project->current_department_id == Auth::user()->get_employee->get_department->department_id)

                    <div class="row ">
                        <div class="col text-start">
                            {{-- @if ($project->fk_status_in_company_id == '39')
                            @elseif (
                                $project->current_phase > $project->get_service->phases_count and
                                    Auth::user()->get_employee->get_department->department_id == '1')
                            @else --}}
                            @if (Auth::user()->get_employee->is_mgt or
                                    Auth::user()->get_employee->is_mgr and
                                        $project->current_department_id == Auth::user()->get_employee->get_department->department_id)
                                @if ($project->current_phase > 1 and $project->fk_status_in_company_id != '39')
                                    <div class=" align-self-end">
                                        <form action="{{ route('order.project.zuruck') }}" 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  btn-danger ">
                                                <i class="ms-2 bi bi-arrow-left-square  fs-5">
                                                </i> Rückgabe an <b>
                                                    {{ $deps->where('department_id', array_values(array_slice($project->get_service->toArray(), 4, 10))[(int) $project->current_phase - 1])->first()->name }}</b>
                                            </button>
                                        </form>
                                    </div>
                                @endif
                            @endif

                        </div>
                        @if ($project->fk_status_in_company_id == '39')
                            <div class="col p-0 btn btn-success text-center border rounded">

                                <label class="">
                                    abgeschlossen in : <b class="fs-5">{{ $project->get_current_department->name }}</b>
                                </label>
                            </div>
                        @else
                            <div class="col p-0 btn btn-primary text-center border rounded">

                                <label class="">
                                    aktuell in : <b class="fs-5">{{ $project->get_current_department->name }}</b>
                                </label>
                            </div>
                        @endif

                        <div class="col  text-end ">
                            @if (Auth::user()->get_employee->is_mgt or
                                    Auth::user()->get_employee->is_mgr and
                                        $project->current_department_id == Auth::user()->get_employee->get_department->department_id)
                                @if ($project->fk_status_in_company_id == '39')
                                @elseif ($project->current_phase >= $project->get_service->phases_count)
                                    Projekt beendet!
                                @else
                                    <div class=" align-self-end">
                                        <form action="{{ route('order.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  btn-success ">
                                                Übergabe an

                                                {{-- {{ array_values(array_slice($project->get_service->toArray(), 4, 10))[(int) $project->current_phase + 1] }} --}}
                                                <b>
                                                    {{ $deps->where('department_id', array_values(array_slice($project->get_service->toArray(), 4, 10))[(int) $project->current_phase + 1])->first()->name }}</b>

                                                <i class="ms-2 bi bi-arrow-right-square  fs-5">
                                                </i></button>
                                        </form>
                                    </div>
                                @endif
                            @endif

                        </div>
                    </div>

                    <br>
                    @if (Auth::user()->get_employee->is_mgt)
                        <div class="row align-middle">

                            <div class="col-2 align-middle small">
                                Hauptstatus:
                            </div>
                            <div class="col-10  btn-group  btn-group-sm    " role="group">
                                @foreach ($status_in_com as $sc)
                                    <form action="{{ route('order.project.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 }}">
                                        {{-- @if ($project->fk_status_in_company_id == '39')
                                            <button type="" class="btn  btn btn-sm w-100 rounded-0" disabled>
                                                {{ $sc->name }}</button>
                                        @else --}}
                                        <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>
                                        {{-- @endif --}}

                                    </form>
                                @endforeach
                            </div>

                        </div>
                        <hr>
                    @endif

                    <div class="row align-middle">
                        <div class="col-2 align-middle small">
                            in Abteilung: {{ $project->get_current_department->name }}
                        </div>
                        <div class="col-10 btn-group  btn-group-sm " role="group">
                            <form action="{{ route('order.project.statusindepartment') }}" method="POST"
                                class="  p-0 btn btn-sm  border-secondary  {{ $project->fk_status_in_department_id == '1' ? 'btn-secondary' : 'btn-sm' }} "
                                {{ $project->fk_status_in_department_id == '1' ? 'disabled' : '' }}>
                                @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 btn-sm w-100 rounded-0 border-0"
                                    {{ $project->fk_status_in_department_id == '1' ? 'disabled' : '' }}>
                                    unbearbeitet</button>
                            </form>

                            <form action="{{ route('order.project.statusindepartment') }}" method="POST"
                                class="  p-0 btn btn-sm  border-secondary  {{ $project->fk_status_in_department_id == '2' ? 'btn-primary' : 'btn-sm' }} "
                                {{ $project->fk_status_in_department_id == '2' ? 'disabled' : '' }}>
                                @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 btn-sm w-100 rounded-0  "
                                    {{ $project->fk_status_in_department_id == '2' ? 'disabled' : '' }}>
                                    in Bearbeitung</button>
                            </form>

                            <form action="{{ route('order.project.statusindepartment') }}" method="POST"
                                class="  p-0 btn btn-sm  border-secondary  {{ $project->fk_status_in_department_id == '3' ? 'btn-warning' : 'btn-sm' }} "
                                {{ $project->fk_status_in_department_id == '3' ? 'disabled' : '' }}>
                                @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 btn-sm w-100 rounded-0 "
                                    {{ $project->fk_status_in_department_id == '3' ? 'disabled' : '' }}>
                                    warten auf Rückmeldung</button>
                            </form>
                        </div>

                    </div>
                    <hr>
                @elseif (Auth::user()->get_employee->get_departments_subscrib->where('dep_id', $project->get_current_department->department_id)->count() > 0)
                    <div class="row ">
                        <div class="col text-start">
                            {{-- @if ($project->fk_status_in_company_id == '39')
                            @elseif (
                                $project->current_phase > $project->get_service->phases_count and
                                    Auth::user()->get_employee->get_department->department_id == '1')
                            @else --}}
                            {{-- @if (Auth::user()->get_employee->is_mgt or Auth::user()->get_employee->is_mgr and $project->current_department_id == Auth::user()->get_employee->get_department->department_id) --}}
                            @if ($project->current_phase > 1 and $project->fk_status_in_company_id != '39')
                                <div class=" align-self-end">
                                    <form action="{{ route('order.project.zuruck') }}" 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  btn-danger ">
                                            <i class="ms-2 bi bi-arrow-left-square  fs-5">
                                            </i> Rückgabe an <b>
                                                {{ $deps->where('department_id', array_values(array_slice($project->get_service->toArray(), 4, 10))[(int) $project->current_phase - 1])->first()->name }}</b>
                                        </button>
                                    </form>
                                </div>
                            @endif
                            {{-- @endif --}}

                        </div>
                        @if ($project->fk_status_in_company_id == '39')
                            <div class="col p-0 btn btn-success text-center border rounded">

                                <label class="">
                                    abgeschlossen in : <b class="fs-5">{{ $project->get_current_department->name }}</b>
                                </label>
                            </div>
                        @else
                            <div class="col p-0 btn btn-primary text-center border rounded">

                                <label class="">
                                    aktuell in : <b class="fs-5">{{ $project->get_current_department->name }}</b>
                                </label>
                            </div>
                        @endif

                        <div class="col  text-end ">
                            {{-- @if (Auth::user()->get_employee->is_mgt or Auth::user()->get_employee->is_mgr and $project->current_department_id == Auth::user()->get_employee->get_department->department_id) --}}
                            @if ($project->fk_status_in_company_id == '39')
                            @elseif ($project->current_phase >= $project->get_service->phases_count)
                                Projekt beendet!
                            @else
                                <div class=" align-self-end">
                                    <form action="{{ route('order.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  btn-success ">
                                            Übergabe an

                                            {{-- {{ array_values(array_slice($project->get_service->toArray(), 4, 10))[(int) $project->current_phase + 1] }} --}}
                                            <b>
                                                {{ $deps->where('department_id', array_values(array_slice($project->get_service->toArray(), 4, 10))[(int) $project->current_phase + 1])->first()->name }}</b>

                                            <i class="ms-2 bi bi-arrow-right-square  fs-5">
                                            </i></button>
                                    </form>
                                </div>
                            @endif
                            {{-- @endif --}}

                        </div>
                    </div>

                    <br>

                    <div class="row align-middle">
                        <div class="col-2 align-middle small">
                            in Abteilung: {{ $project->get_current_department->name }}
                        </div>
                        <div class="col-10 btn-group  btn-group-sm " role="group">
                            <form action="{{ route('order.project.statusindepartment') }}" method="POST"
                                class="  p-0 btn btn-sm  border-secondary  {{ $project->fk_status_in_department_id == '1' ? 'btn-secondary' : 'btn-sm' }} "
                                {{ $project->fk_status_in_department_id == '1' ? 'disabled' : '' }}>
                                @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 btn-sm w-100 rounded-0 border-0"
                                    {{ $project->fk_status_in_department_id == '1' ? 'disabled' : '' }}>
                                    unbearbeitet</button>
                            </form>

                            <form action="{{ route('order.project.statusindepartment') }}" method="POST"
                                class="  p-0 btn btn-sm  border-secondary  {{ $project->fk_status_in_department_id == '2' ? 'btn-primary' : 'btn-sm' }} "
                                {{ $project->fk_status_in_department_id == '2' ? 'disabled' : '' }}>
                                @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 btn-sm w-100 rounded-0  "
                                    {{ $project->fk_status_in_department_id == '2' ? 'disabled' : '' }}>
                                    in Bearbeitung</button>
                            </form>

                            <form action="{{ route('order.project.statusindepartment') }}" method="POST"
                                class="  p-0 btn btn-sm  border-secondary  {{ $project->fk_status_in_department_id == '3' ? 'btn-warning' : 'btn-sm' }} "
                                {{ $project->fk_status_in_department_id == '3' ? 'disabled' : '' }}>
                                @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 btn-sm w-100 rounded-0 "
                                    {{ $project->fk_status_in_department_id == '3' ? 'disabled' : '' }}>
                                    warten auf Rückmeldung</button>
                            </form>
                        </div>

                    </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)
                                {{ 'aktuell in der Abteilung: ' }} <b>{{ $project->get_current_department->name }}</b> -
                                {{ $sd->name }}
                            @endif
                        @endforeach
                    </div>
                @endif

                @if ($project->fk_status_in_department_id != '1')
                    @if (Auth::user()->get_employee->is_mgt or
                            Auth::user()->get_employee->is_mgr and
                                $project->current_department_id == Auth::user()->get_employee->get_department->department_id or
                            Auth::user()->get_employee->get_departments_subscrib->where('dep_id', $project->get_current_department->department_id)->count() >
                                0)
                        <div class="row m-1 card p-2">
                            <div class="row ">
                                <p class="p-0 m-0"><b class="text-secondary  fs-6">Aktueller Leistungsstand: </b>
                                    Projektfortschritt in
                                    der
                                    {{ $project->get_current_department->name }}-Abteilung,<small class="text-secondary">
                                        bitte aktualisieren Sie die
                                        Projektfortschritt zeitnah!</small>
                                </p>

                            </div>
                            <div class="row">
                                <output class="col text-center fs-4" id="progress-val">
                                    {{ $project->progress }}%</output>
                            </div>
                            <div class="row">
                                {{-- <label for="customRange3" class="form-label">Das haben Sie geschaft: </label> --}}
                                <input type="range" class=" w-100" min="0" max="100" step="5"
                                    id="customRange3" onchange="progress_change(this.value)"
                                    oninput="progress_input(this.value)" value="{{ $project->progress }}"
                                    @disabled($project->fk_status_in_company_id == '39')>
                            </div>
                        </div>
                    @endif
                @endif
                {{-- <div class="col-1  p-0 align-self-center">
                        <button type="button" class="btn btn-primary btn-sm ">Speichern</button>
                    </div> --}}


                <br>
                <nav class="project-taps">
                    <div class="nav nav-tabs nav-fill nav-pills" id="nav-tab" role="tablist">
                        <button class="nav-link active rounded-0" 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">Auftraggeber</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-builder-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-builder" type="button" role="tab" aria-controls="nav-builder"
                            aria-selected="false">Bauherr</button>
                        <button class="nav-link" id="nav-other-tab" data-bs-toggle="tab" data-bs-target="#nav-other"
                            type="button" role="tab" aria-controls="nav-other"
                            aria-selected="false">Sonstige-Kontakt</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">Mitarbeiter</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  mb-1">

                                    <div class="col-12">
                                        <small class="text-secondary">Auftraggeber:</small>

                                        <label class=" border-bottom p-1 ">
                                            @if (!empty($project->get_customer))
                                                {{ $project->get_customer->name }}
                                            @endif

                                        </label>

                                    </div>




                                </div> --}}
                                <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-6">

                                        <small class="text-secondary">Diesntleistung: </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>

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

                                <h6 class="text-muted">Teschnische Zeichnung</h6>

                                @if (Auth::user()->get_employee->get_department->department_id == '3' ||
                                        Auth::user()->get_employee->get_departments_subscrib->contains('dep_id', 3))
                                    <form action="{{ route('order.project.tz.sent') }}" method="POST"
                                        class="needs-validation container-fluid" novalidate>
                                        @csrf
                                        <input type="hidden" id="pid" name="pid"
                                            value="{{ $project->project_id }}" hidden>

                                        <div class="row  m-2">
                                            <div class="col-4">
                                                <small class="text-secondary">technische Zeichnung versendet:
                                                </small>
                                            </div>
                                            <div class="col-2">

                                                <div class="form-check form-check-inline ms-3">
                                                    <input class="form-check-input " type="radio" name="tz_sent"
                                                        id="tz_sent_n" value="0"
                                                        onchange="tz_sent_update(); return false;"
                                                        {{ $project->tz_is_sent == '0' ? ' checked ' : '  ' }}>

                                                    <label class="form-check-label" for="inlineRadio1"> Nein </label>
                                                </div>


                                            </div>

                                            <div class="col-4">
                                                <input class="form-check-input" type="radio" name="tz_sent"
                                                    id="tz_sent_y" value="1"
                                                    onchange="tz_sent_update(); return false;"
                                                    {{ $project->tz_is_sent == '1' ? ' checked ' : '  ' }}>
                                                <label class="" for="projekt_deadline"> Ja </label>

                                                <input type="datetime-local" name="tz_sent_at"
                                                    class="form-control form-control-sm w-auto" id="tz_sent_at"
                                                    value="{{ $project->tz_sent_at }}" required>
                                            </div>

                                            <div class="col-2">
                                                <button type="submit" class="btn btn-primary btn-sm"><i
                                                        class="bi bi-arrow-bar-up"></i> Speichern</button>
                                            </div>

                                        </div>
                                    </form>
                                    <div class="row px-5">
                                        <hr>
                                    </div>
                                    <form action="{{ route('order.project.tz.approved') }}" method="POST"
                                        class="needs-validation container-fluid" novalidate>
                                        @csrf
                                        <input type="hidden" id="pid" name="pid"
                                            value="{{ $project->project_id }}" hidden>

                                        <div class="row  m-2">


                                            <div class="col-4">
                                                <small class="text-secondary">technische Zeichnung freigegeben:
                                                </small>
                                            </div>
                                            <div class="col-2">

                                                <div class="form-check form-check-inline ms-3">

                                                    <input class="form-check-input " type="radio" name="tz_approved"
                                                        id="tz_approved_n" value="0" onchange="tz_approved_update()"
                                                        {{ $project->tz_is_approved == '0' ? ' checked ' : '  ' }}>

                                                    <label class="form-check-label"> Nein </label>
                                                </div>


                                            </div>

                                            <div class="col-4">
                                                <input class="form-check-input" type="radio" name="tz_approved"
                                                    id="tz_approved_y" value="1" onchange="tz_approved_update()"
                                                    {{ $project->tz_is_approved == '1' ? ' checked ' : '  ' }}>
                                                <label class=""> Ja </label>
                                                <input type="datetime-local" name="tz_approved_at"
                                                    class="form-control form-control-sm w-auto" id="tz_approved_at"
                                                    value="{{ $project->tz_approved_at }}" required>
                                            </div>

                                            <div class="col-2">
                                                <button type="submit" class="btn btn-primary btn-sm"><i
                                                        class="bi bi-arrow-bar-up"></i> Speichern</button>


                                            </div>


                                        </div>
                                    </form>
                                @else
                                    <div class="row ">
                                        <div class="col-6">
                                            <small class="text-secondary">technische Zeichnung versendet: </small>
                                            <b class=" border-bottom  ps-2">
                                                {{ $project->tz_is_sent == '1' ? ' JA ' : ' NEIN ' }}</b>

                                        </div>
                                        @if ($project->tz_is_sent)
                                            <div class="col-6">
                                                <small class="text-secondary"> versendet am: </small>
                                                <b class=" border-bottom  ps-2">
                                                    {{ $project->tz_sent_at }} </b>

                                            </div>
                                        @endif


                                    </div>
                                    <div class="row mt-2">
                                        <div class="col-6">
                                            <small class="text-secondary">technische Zeichnung freigegeben: </small>

                                            <b class=" border-bottom  ps-2">
                                                {{ $project->tz_is_approved == '1' ? ' JA ' : ' NEIN ' }}</b>

                                        </div>
                                        @if ($project->tz_is_approved)
                                            <div class="col-6">
                                                <small class="text-secondary"> freigegeben am: </small>
                                                <b class=" border-bottom  ps-2">
                                                    {{ $project->tz_approved_at }} </b>

                                            </div>
                                        @endif


                                    </div>
                                @endif

                            </div>
                            <br>



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

                                <h6 class="text-muted">Die Wartungsanleitung</h6>

                                @if (Auth::user()->get_employee->is_mgt)
                                    <form action="{{ route('order.project.mi.sent') }}" method="POST"
                                        class="needs-validation container-fluid" novalidate>
                                        @csrf
                                        <input type="hidden" id="pid" name="pid"
                                            value="{{ $project->project_id }}" hidden>

                                        <div class="row  m-2">
                                            <div class="col-4">
                                                <small class="text-secondary">Wartungsanleitung versendet:
                                                </small>
                                            </div>
                                            <div class="col-2">

                                                <div class="form-check form-check-inline ms-3">
                                                    <input class="form-check-input " type="radio" name="mi_sent"
                                                        id="mi_sent_n" value="0"
                                                        onchange="mi_sent_update(); return false;"
                                                        {{ $project->mi_is_sent == '0' ? ' checked ' : '  ' }}>

                                                    <label class="form-check-label" for="inlineRadio1"> Nein </label>
                                                </div>


                                            </div>

                                            <div class="col-4">
                                                <input class="form-check-input" type="radio" name="mi_sent"
                                                    id="mi_sent_y" value="1"
                                                    onchange="mi_sent_update(); return false;"
                                                    {{ $project->mi_is_sent == '1' ? ' checked ' : '  ' }}>
                                                <label class="" for="projekt_deadline"> Ja </label>

                                                <input type="datetime-local" name="mi_sent_at"
                                                    class="form-control form-control-sm w-auto" id="mi_sent_at"
                                                    value="{{ $project->mi_sent_at }}" required>
                                            </div>

                                            <div class="col-2">
                                                <button type="submit" class="btn btn-primary btn-sm"><i
                                                        class="bi bi-arrow-bar-up"></i> Speichern</button>
                                            </div>

                                        </div>
                                    </form>
                                @else
                                    <div class="row ">
                                        <div class="col-6">
                                            <small class="text-secondary">Wartungsanleitung versendet: </small>
                                            <b class=" border-bottom  ps-2">
                                                {{ $project->mi_is_sent == '1' ? ' JA ' : ' NEIN ' }}</b>

                                        </div>
                                        @if ($project->mi_is_sent)
                                            <div class="col-6">
                                                <small class="text-secondary"> versendet am: </small>
                                                <b class=" border-bottom  ps-2">
                                                    {{ $project->mi_sent_at }} </b>

                                            </div>
                                        @endif


                                    </div>
                                @endif

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

                                <h6 class="text-muted">Die Fertigstellungsanzeige </h6>

                                {{-- @if (Auth::user()->get_employee->get_department->department_id == '7') --}}
                                @if (Auth::user()->get_employee->is_mgt)
                                    <form action="{{ route('order.project.cn.sent') }}" method="POST"
                                        class="needs-validation container-fluid" novalidate>
                                        @csrf
                                        <input type="hidden" id="pid" name="pid"
                                            value="{{ $project->project_id }}" hidden>

                                        <div class="row  m-2">
                                            <div class="col-4">
                                                <small class="text-secondary"> Fertigstellungsanzeige versendet:

                                                </small>
                                            </div>
                                            <div class="col-2">

                                                <div class="form-check form-check-inline ms-3">
                                                    <input class="form-check-input " type="radio" name="cn_sent"
                                                        id="cn_sent_n" value="0"
                                                        onchange="cn_sent_update(); return false;"
                                                        {{ $project->cn_is_sent == '0' ? ' checked ' : '  ' }}>

                                                    <label class="form-check-label"> Nein </label>
                                                </div>


                                            </div>

                                            <div class="col-4">
                                                <input class="form-check-input" type="radio" name="cn_sent"
                                                    id="cn_sent_y" value="1"
                                                    onchange="cn_sent_update(); return false;"
                                                    {{ $project->cn_is_sent == '1' ? ' checked ' : '  ' }}>

                                                <label class="form-check-label"> Ja </label>

                                                <input type="datetime-local" name="cn_sent_at"
                                                    class="form-control form-control-sm w-auto " id="cn_sent_at"
                                                    value="{{ $project->cn_sent_at }}" required>
                                            </div>

                                            <div class="col-2">
                                                <button type="submit" class="btn btn-primary btn-sm"><i
                                                        class="bi bi-arrow-bar-up"></i> Speichern</button>
                                            </div>

                                        </div>
                                    </form>
                                @else
                                    <div class="row ">
                                        <div class="col-6">
                                            <small class="text-secondary">Fertigstellungsanzeige versendet: </small>
                                            <b class=" border-bottom  ps-2">
                                                {{ $project->cn_is_sent == '1' ? ' JA ' : ' NEIN ' }}</b>

                                        </div>
                                        @if ($project->cn_is_sent)
                                            <div class="col-6">
                                                <small class="text-secondary"> versendet am: </small>
                                                <b class=" border-bottom  ps-2">
                                                    {{ $project->cn_sent_at }} </b>

                                            </div>
                                        @endif


                                    </div>
                                @endif

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

                                    <h5 class="text-muted">Das Budget</h5>

                                    {{-- <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   p-1 w-100 border border-success">
                                                    {{ number_format($project->budget_rest, 2, ',', '.') }} € </label>

                                            </div>
                                        </div>
                                    </div> --}}
                                    @if ($project->budget_equipment > 0)
                                        <div class="row  ">
                                            <div class="col-4">
                                                <label>Spielgeräte <small>(netto)</small>:</label>
                                            </div>
                                            <div class="col-4 text-end">

                                                <div class="border-bottom">{{ $project->budget_equipment }} €</div>

                                            </div>



                                            {{-- <div class="col-3 text-end ">
                                                MwSt.
                                            </div>
                                            <div class="col-1 text-end ">
                                                <div class="border-bottom">{{ $project->tax * 100 }} %</div>

                                            </div> --}}

                                        </div>

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


                                                <label class="">
                                                    Lieferung <small>(netto)</small>:
                                                </label>


                                            </div>
                                            <div class="col-4 ">
                                                <div class="border-bottom text-end">
                                                    {{ $project->budget_delivery_cost }} €
                                                </div>

                                            </div>
                                        </div>

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


                                                <label class="form-check-label">
                                                    Montage <small>(netto)</small>:
                                                </label>


                                            </div>
                                            <div class="col-4 ">
                                                <div class="border-bottom  text-end">
                                                    {{ $project->budget_mounting_percent }} €
                                                </div>

                                            </div>

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

                                                <label class="form-check-label">
                                                    Sicherheitstechnische Abnahme <small>(netto)</small>:
                                                </label>


                                            </div>
                                            <div class="col-4 ">
                                                <div class="border-bottom  text-end">
                                                    {{ $project->budget_safety_inspection_cost }} €
                                                </div>

                                            </div>

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

                                            <div class="col text-end"> Summe <small>(netto)</small></div>
                                            <div class="col  border-bottom text-end" id="snetto">
                                                {{ number_format($project->budget_total, 2, ',', '.') }} €
                                            </div>
                                            <div class="col"></div>
                                        </div>
                                        <div class="row justify-content-center align-items-center g-2">

                                            <div class="col text-end "> zzgl. <span
                                                    id="mwsttax">{{ $project->tax * 100 }}
                                                </span>% MwSt. </div>
                                            <div class="col border-bottom text-end" id="mwst">
                                                {{ number_format($project->budget_total * $project->tax, 2, ',', '.') }} €
                                            </div>
                                            <div class="col"></div>
                                        </div>
                                        <div class="row justify-content-center align-items-center g-2">

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

                                            </div>
                                            <div class="col"></div>
                                        </div>
                                    @else
                                        <small> Hinweis: Hier gilt die alte Rechnung</small>
                                        <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"> davon 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"> davon 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"> davon Gala:</small>
                                                <label class="form-label border-bottom p-1 w-100">
                                                    {{ number_format($project->budget_gala_cost, 2, ',', '.') }} €
                                                </label>

                                            </div>

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

                                            <div class="col text-end"> Summe <small>(netto)</small></div>
                                            <div class="col  border-bottom" id="snetto">
                                                {{ number_format($project->budget, 2, ',', '.') }} €
                                            </div>
                                            <div class="col"></div>
                                        </div>
                                        <div class="row justify-content-center align-items-center g-2">

                                            <div class="col text-end "> zzgl. <span
                                                    id="mwsttax">{{ $project->tax * 100 }}
                                                </span>% MwSt. </div>
                                            <div class="col border-bottom" id="mwst">
                                                {{ number_format($project->budget * $project->tax, 2, ',', '.') }} €
                                            </div>
                                            <div class="col"></div>
                                        </div>
                                        <div class="row justify-content-center align-items-center g-2">

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

                                            </div>
                                            <div class="col"></div>
                                        </div>
                                    @endif
                                    <br>
                                    <div class="row ">

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

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

                                        <hr>
                                        <div class="col">
                                            <h6 class="text-secondary">Zahlungskonditionen:</h6>
                                            <p class="text-justify " style="white-space: pre-line">
                                                {{ $project->payment_conditions }}</p>

                                        </div>
                                        <hr>
                                    </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>
                        @if (!empty($project->get_customer))
                            <div class="container-fluid">



                                <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">
                                                                        Projektleiter</i> </h5>
                                                            </div>
                                                        @endif
                                                        @if ($emp->employee_id == $project->fk_customer_person2_id)
                                                            <div class="col  text-success">
                                                                <h5><i class="bi bi-check-circle">
                                                                        Bauleiter</i> </h5>
                                                            </div>
                                                        @endif
                                                        @if ($emp->employee_id == $project->fk_customer_person3_id)
                                                            <div class="col  text-success">
                                                                <h5><i class="bi bi-check-circle">
                                                                        Buchhaltung</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>


                            </div>
                        @else
                            <div class="container-fluid">
                                Keine Daten
                            </div>
                        @endif
                    </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
                                                        <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>


                            </div>
                        @else
                            <div class="container-fluid">
                                Keine Daten
                            </div>
                        @endif
                    </div>
                    <div class="tab-pane fade " id="nav-builder" role="tabpanel" aria-labelledby="nav-builder-tab"
                        tabindex="0">
                        <br>
                        @if (!empty($project->get_builder))
                            <div class="container-fluid">



                                <div class="row">

                                    <div class="row ">
                                        <div class="col-4 "><small class="text-secondary">Kundennummer:
                                                {{ $project->get_builder->customer_code }}</small></div>
                                        <div class="col-8 text-end  ">
                                            @if (!is_null($project->get_builder))
                                                @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_builder->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_builder->address }}</td>
                                            </tr>
                                            <tr>
                                                <td>Tel:</td>
                                                <td>{{ $project->get_builder->tel }}</td>
                                            </tr>
                                            <tr>
                                                <td>Mobile:</td>
                                                <td>{{ $project->get_builder->mobile }}</td>
                                            </tr>
                                            <tr>
                                                <td>Fax:</td>
                                                <td>{{ $project->get_builder->fax }}</td>
                                            </tr>
                                            <tr>
                                                <td>Email:</td>
                                                <td>{{ $project->get_builder->email }}</td>
                                            </tr>
                                            <tr>
                                                <td>Webseite:</td>
                                                <td>{{ $project->get_builder->website }}</td>
                                            </tr>

                                        </tbody>
                                    </table>



                                </div>


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

                                    @foreach ($project->get_builder->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_builder_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>


                            </div>
                        @else
                            <div class="container-fluid">
                                Keine Daten
                            </div>
                        @endif
                    </div>
                    <div class="tab-pane fade " id="nav-other" role="tabpanel" aria-labelledby="nav-other-tab"
                        tabindex="0">
                        <br>
                        @if (!empty($project->get_other_contact))
                            <div class="container-fluid">



                                <div class="row">

                                    <div class="row ">
                                        <div class="col-4 "><small class="text-secondary">Kundennummer:
                                                {{ $project->get_other_contact->customer_code }}</small></div>
                                        <div class="col-8 text-end  ">
                                            @if (!is_null($project->get_other_contact))
                                                @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_other_contact->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_other_contact->address }}</td>
                                            </tr>
                                            <tr>
                                                <td>Tel:</td>
                                                <td>{{ $project->get_other_contact->tel }}</td>
                                            </tr>
                                            <tr>
                                                <td>Mobile:</td>
                                                <td>{{ $project->get_other_contact->mobile }}</td>
                                            </tr>
                                            <tr>
                                                <td>Fax:</td>
                                                <td>{{ $project->get_other_contact->fax }}</td>
                                            </tr>
                                            <tr>
                                                <td>Email:</td>
                                                <td>{{ $project->get_other_contact->email }}</td>
                                            </tr>
                                            <tr>
                                                <td>Webseite:</td>
                                                <td>{{ $project->get_other_contact->website }}</td>
                                            </tr>

                                        </tbody>
                                    </table>



                                </div>


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

                                    @foreach ($project->get_other_contact->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_other_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>


                            </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 class="tab-pane fade p-3" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab"
                        tabindex="0">

                        {{-- delete Emp from Project --}}
                        <div class="modal fade modal-dialog-scrollable  modal-lg" id="emp-del"
                            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.del_emp') }}" method="POST"
                                        class="needs-validation" novalidate>
                                        @csrf

                                        <input id="project_id" name="project_id" value="{{ $project->project_id }}"
                                            hidden>
                                        <input id="subscribe_id" name="subscribe_id" value="" hidden>
                                        <div class="modal-header">
                                            <h5 class="modal-title " id=""> Listemitglieder löschen </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">
                                                    <h4 class="text-center">Möchten Sie den Listemitglieder 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>

                        <!-- main content -->
                        <div class="container">
                            <div class="  mb-5">
                                {{-- @foreach ($list_emp as $item)  <hr> --}}
                                @if (Auth::user()->get_employee->is_mgr and
                                        $project->current_department_id == Auth::user()->get_employee->get_department->department_id)
                                    <form action="{{ route('project.add_emp') }}" class="form-control" method="post">
                                        @csrf
                                        <input type="hidden" name="project_id" id="project_id"
                                            value="{{ $project->project_id }}">
                                        <div class="row  m-2 p-2 align-items-center">
                                            <div class="col-6 ">
                                                <label>Mitarbeiter:</label>
                                                <select class="form-select form-select-sm w-50" id="emp_id"
                                                    name="emp_id" required>
                                                    @foreach ($emps as $itemc)
                                                        @if (!$list_emp->contains('fk_employee_id', $itemc->employee_id))
                                                            <option value="{{ $itemc->employee_id }}">
                                                                {{ $itemc->get_department->name }} Abteilung -
                                                                {{ $itemc->first_name }}
                                                                {{ $itemc->last_name }}
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-2 "> <button type="submit" class="btn btn-primary">
                                                    hinzufügen</button> </div>
                                        </div>

                                    </form>
                                @endif
                                {{-- @endforeach --}}

                                @if (!empty($list_emp))
                                    <hr>
                                    <div class=" bg-light">
                                        <div class="row border m-2 p-2">
                                            <b class="col-6 "> Mitglieder </b>

                                            <b class="col-2 "> </b>
                                        </div>
                                        @foreach ($list_emp as $item)
                                            <div class="row border m-2 p-2 bg-white">
                                                <div class="col-6 "> {{ $item->employee->get_department->name }}
                                                    Abteilung -
                                                    {{ $item->employee->first_name }}
                                                    {{ $item->employee->last_name }}
                                                </div>

                                                <div class="col-2 ">

                                                    @if (Auth::user()->get_employee->is_mgr and
                                                            $project->current_department_id == Auth::user()->get_employee->get_department->department_id)
                                                        <button type="button" title="Löschen"
                                                            class="btn btn-sm  btn-outline-danger emp_delete_btn small "
                                                            data-bs-toggle="modal" data-bs-target="#emp-del"
                                                            data-id="{{ $item->id }}">
                                                            <i class="bi bi-trash "></i> Löschen
                                                        </button>
                                                    @endif


                                                </div>

                                            </div>
                                        @endforeach

                                    </div>
                                @else
                                    <div class="row">
                                        <h6>Keine Daten </h6>
                                    </div>
                                @endif

                            </div>

                        </div>

                    </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('order.project.timeline') }}" method="POST" class="needs-validation"
                        id="form-note" onsubmit="syncTextarea()" 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 }}">
                                                Auftraggeber: {{ $project->get_customer->name }}
                                            </option>
                                        @endif

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

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

                                        @if (isset($project->get_other_contact->name))
                                            <option value="{{ $project->get_other_contact->customer_id }}">
                                                Andere: {{ $project->get_other_contact->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" style="display:none;" required></textarea>
                            <div id="editor-container" class="w-100"></div>
                        </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=" ">

                        <!-- Timeline -->
                        <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>
                        <div class="">

                            @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">

                                        <div
                                            class="col m-0 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>


                                                @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 eventmsg-show">
                                                                    {!! $tt->event_msg !!}</small>
                                                            @else
                                                                <span
                                                                    class="text-small mt-2 font-weight-light eventmsg-show"
                                                                    style="">{!! $tt->event_msg !!}
                                                                </span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                @elseif ($tt->is_event)
                                                    <div class="row justify-content-center align-items-center g-2">
                                                        <div class="col-1">
                                                        </div>
                                                        <div class="col-11">

                                                            <small
                                                                class="text-secondary eventmsg-show">{!! $tt->event_msg !!}</small>

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

                                                        {{-- @if ($tt->is_call) --}}
                                                        <div class="col-1"
                                                            title="{{ $tt->is_call == '1' ? ' Anruf ' : '' }}  {{ $tt->is_email == '1' ? ' Email ' : '' }} {{ $tt->is_post == '1' ? ' schriftlich per post ' : '' }} {{ $tt->is_personally == '1' ? ' Persönlich/Meeting ' : '' }}">
                                                            <h6
                                                                class="{{ $tt->is_call == '1' ? ' bi bi-telephone-fill ' : '' }} {{ $tt->is_email == '1' ? ' bi bi-envelope-fill ' : '' }}  {{ $tt->is_post == '1' ? ' bi bi-mailbox2 ' : '' }} {{ $tt->is_personally == '1' ? ' bi bi-people-fill ' : '' }}">
                                                            </h6>
                                                        </div>
                                                        <div class="col-11 ps-0">
                                                            <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)
                                                                        Aufraggeber: {!! $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 !!}
                                                                    @elseif (isset($tt->fk_customer_id) and $tt->fk_customer_id == $project->fk_builder_id)
                                                                        Bauherr: {!! $project->get_builder->name !!}
                                                                    @elseif (isset($tt->fk_customer_id) and $tt->fk_customer_id == $project->fk_other_customer_id)
                                                                        Andere: {!! $project->get_builder->name !!}
                                                                    @else
                                                                    @endif
                                                                </span>
                                                            </h6>
                                                        </div>

                                                    </div>
                                                    <div class="row justify-content-center align-items-center g-2">
                                                        <div class="col-1">
                                                        </div>
                                                        <div class="col-11">

                                                            <span class="text-small mt-2 font-weight-light eventmsg-show"
                                                                style="white-space: pre-line ">{!! $tt->event_msg !!}</span>

                                                        </div>
                                                    </div>
                                                @endif

                                            </div>
                                        </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>
        // $(window).on('load', function() {

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

        );


        $(document).ready(function() {
            contact_checked();


            tz_sent_update();
            tz_approved_update();

            mi_sent_update();
            cn_sent_update();

        });

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

        function tz_sent_update() {
            var x = document.getElementById("tz_sent_at");

            if (document.getElementById("tz_sent_y")) {
                if (document.getElementById("tz_sent_y").checked) {
                    x.style.display = "inline";
                    x.required = "true";
                } else {
                    x.style.display = "none";
                    x.required = "";
                }
            }

        }



        function tz_approved_update() {
            var xx = document.getElementById("tz_approved_at");
            if (document.getElementById("tz_approved_y")) {
                if (document.getElementById("tz_approved_y").checked) {
                    xx.style.display = "inline";
                    xx.required = "true";
                } else {
                    xx.style.display = "none";
                    xx.required = "";
                }
            }


        }


        function cn_sent_update() {
            var cnn = document.getElementById("cn_sent_at");

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

                    cnn.style.display = "inline";
                    cnn.required = "true";
                } else {

                    cnn.style.display = "none";
                    cnn.required = "";
                }
            }

        }

        function mi_sent_update() {
            var x2 = document.getElementById("mi_sent_at");
            if (document.getElementById("mi_sent_y")) {
                if (document.getElementById("mi_sent_y").checked) {
                    x2.style.display = "inline";
                    x2.required = "true";
                } else {
                    x2.style.display = "none";
                    x2.required = "";
                }
            }

        }

        function progress_input(value) {
            document.getElementById('progress-val').value = value + "%";
        }

        function progress_change(value) {
            document.getElementById('progress-val').value = value + "%";
            // alert('/auftraege/projekt/progress/' +
            //     {{ $project->project_id }} + '/' + value);
            $.ajax({

                url: '/auftraege/projekt/progress/' +
                    {{ $project->project_id }} + '/' + value,

                type: 'GET',

                dataType: 'json',

                success: function(data) {
                    location.reload(true);
                },
                error: function() {
                    $('#progress-error').modal('show');
                    // alert(' Projektfortschritt  kann nicht zurückgesetzt !')
                    // swal({

                    //         title: "Aktueller Leistungsstand",
                    //         text: "Projektfortschritt kann nicht zurückgesetzt werden!",
                    //         icon: "error",
                    //         buttons: {
                    //             // cancel: "Run away!",
                    //             catch: {
                    //                 text: "alles klar!",
                    //                 value: "ok",
                    //             },
                    //             // defeat: true,
                    //         },
                    //     })
                    //     .then((value) => {
                    //         switch (value) {
                    //             case "defeat":
                    //                 swal("Pikachu fainted! You gained 500 XP!");
                    //                 break;

                    //             case "ok":
                    //                 location.reload(true);
                    //                 break;

                    //             default:
                    //                 location.reload(true);
                    //                 // swal("Got away safely!");
                    //         }
                    //     });

                }

            });

        }
        // EventListener hinzufügen
        // window.addEventListener("load", function() {

        //     // Range-Slider in Variable speichern
        //     var slider = document.getElementById("customRange3");

        //     // EventListener für das Verändern des Sliders hinzufügen
        //     slider.addEventListener("change", function() {
        //         document.getElementById('progress-val').value = value + "%";
        //         // Testelement verschieben, indem Inline-Styles eingefügt werden
        //         // document.querySelector(".element").style.transform = "translateX(" + this.value + "px";

        //         // Wert des Range-Sliders anzeigen
        //         // document.querySelector(".range span").innerHTML = this.value;
        //         alert('/auftraege/projekt/progress/' +
        //             {{ $project->project_id }} + '/' + value);
        //         // $.ajax({

        //         //     url: '/auftraege/projekt/progress/' +
        //         //         {{ $project->project_id }} + '/' + value,

        //         //     type: 'GET',

        //         //     dataType: 'json',

        //         //     success: function(data) {


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

        //         // });
        //     });
        // });
    </script>

@endsection