@extends('layouts.app', ['title' => 'Auftrag-Ersazteil | ' . $order_spare->id . ' | ' . $order_spare->title])
@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.spare.project-location') }}" method="POST" class="needs-validation"
                    novalidate>
                    @csrf

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

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

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

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

                                </div>
                            </div>


                        </div>
                        <br><br><br>
                        <br><br><br> <br>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                        <button type="submit" class="btn btn-success">Spiechern</button>
                    </div>
                </form>

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

    <div class="row">
        <div class="col">
            <label class="bg-white border p-2  w-100 fs-4"> Angebot:

                {{ $order_spare->title }}
                {{-- @if (!is_null($order_spare->fk_project_location_id))
                    {{ $order_spare->get_project_location->name }}
                @else
                    {{ $order_spare->construction_project_name }}</a>
                @endif --}}
            </label>
        </div>


        {{-- <div class="col float-end text-end">

            <button type="button" class="btn btn-success shadow" data-bs-toggle="modal" data-bs-target="#new-item">
                <i class="bi bi-plus-square"></i> neue
            </button>

        </div> --}}
    </div>
    <br>
    <div class="row">
        <div class="col-8">
            <div class="container-fluid bg-white border p-4 ">
                {{-- @if (Auth::user()->get_employee->is_mgt)
                    <div class="row align-middle ">
                        <div class="col align-middle">

                        </div>
                        <div class="col align-middle">

                            <label for="btn2" class="pe-2"> Projekt-Vorlage zum Auftrag:</label>
                            <button type="submit" class="btn  btn-sm btn-success order_btn" data-bs-toggle="modal"
                                id="order_btn" data-bs-target="#order-item" data-id="{{ $order_spare->id }}">
                                zum Auftrag</button>
                        </div>

                    </div>
                    <hr>
                @endif --}}
                @if (Auth::user()->get_employee->is_mgt)
                    <div class="row text-center">
                        <div class="col ">
                            {{-- <label for="" class="pe-2">Projekt-Vorlage:</label>
                            <button type="submit" class="btn btn-sm btn-success offer_btn" data-bs-toggle="modal"
                                id="offer_btn" data-bs-target="#offer-item" data-id="{{ $order_spare->id }}">
                                zum Angebot</button> --}}
                        </div>
                        <div class="col ">

                            {{-- <label for="btn2" class="pe-2"> Projekt-Vorlage:</label>
                            <button type="submit" class="btn  btn-sm btn-success order_btn" data-bs-toggle="modal"
                                id="order_btn" data-bs-target="#order-item" data-id="{{ $order_spare->id }}">
                                zum Auftrag</button> --}}
                        </div>
                        @if (is_null($order_spare->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="{{ $order_spare->id }}">
                                    Bauvorhaben zuweisen</button>

                            </div>
                            <hr class="mt-1">
                        @endif


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

                        <div class="col-10  btn-group  btn-group-sm    " role="group">
                            @foreach ($status_in_com as $sc)
                                <form action="{{ route('order.spare.statusincompany') }}" method="POST"
                                    class="p-0 btn btn-sm {{ $sc->status_in_company_id == $order_spare->fk_status_in_company_id ? 'btn-' . $sc->color : 'btn-sm' }}  border-secondary "
                                    novalidate
                                    {{ $sc->status_in_company_id == $order_spare->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="{{ $order_spare->id }}">

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

                    </div>
                    <hr>
                @endif


                @if (Auth::user()->get_employee->is_mgt or
                        Auth::user()->get_employee->is_mgr and
                            $order_spare->current_department_id == Auth::user()->get_employee->get_department->department_id)
                    <div class="row align-middle">
                        <div class="col-2 align-middle small">
                            Abteilung: {{ $order_spare->get_current_department->name }}
                        </div>
                        <div class="col-8 btn-group btn-group btn-group-sm " role="group">
                            <form action="{{ route('order.spare.statusindepartment') }}" method="POST"
                                class="  p-0 btn btn-sm  border-secondary  {{ $order_spare->fk_status_in_department_id == '1' ? 'btn-secondary' : 'btn-sm' }} "
                                {{ $order_spare->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="{{ $order_spare->id }}">
                                <button type="submit" class="btn btn-sm w-100 rounded-0  "
                                    {{ $order_spare->fk_status_in_department_id == '1' ? 'disabled' : '' }}>
                                    unbearbeitet</button>
                            </form>


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

                            <form action="{{ route('order.spare.statusindepartment') }}" method="POST"
                                class="  p-0 btn btn-sm  border-secondary  {{ $order_spare->fk_status_in_department_id == '3' ? 'btn-warning' : 'btn-sm' }} "
                                {{ $order_spare->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="{{ $order_spare->id }}">
                                <button type="submit " class="btn btn-sm w-100 rounded-0  "
                                    {{ $order_spare->fk_status_in_department_id == '3' ? 'disabled' : '' }}>
                                    warten auf Rückmeldung</button>
                            </form>
                        </div>
                        @if ($order_spare->fk_status_in_company_id == '39')
                        @elseif (
                            $order_spare->current_phase > $order_spare->get_service->phases_count and
                                Auth::user()->get_employee->get_department->department_id == '1')
                            {{-- @if ($order_spare->current_phase == $order_spare->get_service->phases_count and Auth::user()->get_employee->get_department->department_id == '1') --}}
                            {{-- @if (Auth::user()->get_employee->get_department->department_id === '1')
                                {{ $order_spare->current_phase }}
                                {{ $order_spare->get_service->phases_count }}
                            @endif --}}
                        @else
                            <div class="col align-middle">
                                <form action="{{ route('order.spare.weiter') }}" method="POST" class="needs-validation"
                                    novalidate>
                                    @csrf
                                    <input type="hidden" id="pid" name="pid" value="{{ $order_spare->id }}">
                                    <button type="submit " class="btn btn-sm  border-success w-100">
                                        weiter übergeben</button>
                                </form>
                            </div>
                        @endif
                    </div>
                    <hr>
                @else
                    <div class="p-2">
                        @foreach ($status_in_dep as $sd)
                            @if ($sd->status_in_department_id == $order_spare->fk_status_in_department_id)
                                {{ 'Status in ' . $order_spare->get_current_department->name . ' Abteilung: ' . $sd->name }}
                            @endif
                        @endforeach
                    </div>
                @endif
                @if ($order_spare->fk_status_in_department_id != '1')
                    @if (Auth::user()->get_employee->is_mgt or
                            Auth::user()->get_employee->is_mgr and
                                $order_spare->current_department_id == Auth::user()->get_employee->get_department->department_id)
                        <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
                                    {{ $order_spare->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">
                                    {{ $order_spare->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="{{ $order_spare->progress }}"
                                    @disabled($order_spare->fk_status_in_company_id == '39')>
                            </div>
                        </div>
                    @endif
                @endif
                <br>

                <nav class="project-taps">
                    <div class="nav nav-tabs nav-fill nav-pills" id="nav-tab" role="tablist">
                        <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab"
                            data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home"
                            aria-selected="true">Projektsdaten</button>
                        <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile"
                            type="button" role="tab" aria-controls="nav-profile"
                            aria-selected="false">Kunde</button>
                        {{-- <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-planner"
                            type="button" role="tab" aria-controls="nav-planner"
                            aria-selected="false">Planner</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  "> <br>
                                    <h4 class="text-secondary">Bauvorhabensdaten:</h4>
                                    <br>
                                    <div class="col">

                                        <small class="text-secondary">Bauvorhaben - Name:</small>
                                        <label class="form-label border-bottom p-1 w-100">
                                            @if (!is_null($order_spare->fk_project_location_id))
                                                {{ $order_spare->get_project_location->name }}
                                            @else
                                                <small
                                                    class="text-danger">{{ $order_spare->construction_project_name }}</small>
                                            @endif
                                            {{-- @if (!is_null($order_spare->fk_project_id) and $order_spare->fk_project_id != '0')
                                                <a href="/projekt/{{ $order_spare->fk_project_id }}" target="_blank">

                                                    {{ $order_spare->get_project_order->construction_project_name }}

                                                </a>
                                            @else
                                                {{ $order_spare->construction_project_name }}
                                            @endif --}}
                                            &nbsp;
                                        </label>
                                    </div>
                                    <div class="col">

                                        <small class="text-secondary"> Bauvorhaben - Adresse:</small>
                                        <label class="form-label border-bottom p-1 w-100">
                                            @if (!is_null($order_spare->fk_project_location_id))
                                                {{ $order_spare->get_project_location->address }}
                                            @else
                                                <small
                                                    class="text-danger">{{ $order_spare->construction_project_address }}</small>
                                            @endif
                                            &nbsp;
                                        </label>
                                    </div>


                                </div>


                            </div>
                            <br>
                            @if ($order_spare->fk_status_in_company_id == '7')
                                <div class="row border border-danger p-2">
                                    <div class="col text-center text-danger">Ausgeschrieben bis:
                                        {{ $order_spare->advertised_until_year }}
                                        KW.{{ $order_spare->advertised_until_week }}</div>


                                </div>
                                <hr>
                            @endif
                            <div class="row border rounded p-2">




                                <div class="col-10">

                                    <b class="text-secondary">Betreff:</b>

                                    <label class="form-label border-bottom p-1 w-100">

                                        {{ $order_spare->title }}

                                        &nbsp;
                                    </label>

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

                                    <small class="text-secondary">Bearbeitung - Deadline:</small>
                                    <label class="form-label border-bottom p-1 w-100">
                                        {{ date('d.m.Y', strtotime($order_spare->project_deadline)) }}
                                    </label>
                                </div>

                                <div class="row py-2">
                                    <div class="col">
                                        <b class="text-secondary">Angefragte Ersatzteile:</b>

                                        <p class="text-justify m-0 p-0" style="white-space: pre-line">
                                            {{ $order_spare->info }} </p>


                                        <hr>
                                    </div>

                                </div>

                                <div class="row py-2 ">
                                    {{-- <div class="col ">
                                        <b class="text-secondary">nötige
                                            Materialien/Maße/ggf: </b>
                                        <p>{{ $order_spare->necessary_materials }} </p>
                                        
                                        <br>
                                        <hr>
                                    </div> --}}
                                    <form action="{{ route('order.spare.add_necessary_materials') }}" method="POST"
                                        class="needs-validation" novalidate>
                                        @csrf
                                        <input type="hidden" name="sid" id="sid"
                                            value=" {{ $order_spare->id }} ">
                                        <div class="row ">


                                            <div class="col ">


                                                <b class="text-secondary">nötige
                                                    Materialien/Maße/ggf: </b>
                                                <textarea class="form-control mt-1" id="necessary_materials" name="necessary_materials" rows="10"
                                                    @disabled($order_spare->fk_status_in_company_id == '39')>{{ $order_spare->necessary_materials }} </textarea>
                                            </div>








                                        </div>
                                        <br>
                                        <div class="row  ">
                                            <div class="col float-end text-end">

                                                <button type="submit" class=" btn btn-sm btn-primary text-center"
                                                    @disabled($order_spare->fk_status_in_company_id == '39')>
                                                    Speichern</button>
                                            </div>

                                        </div>
                                    </form>
                                    <br>








                                    {{-- <br>
                                    <div class="row  ">
                                        <div class="col float-end text-end">

                                            <button type="submit" class=" btn btn-sm btn-primary text-center"
                                                @disabled($order_spare->fk_status_in_company_id == '6')>
                                                Speichern</button>
                                        </div>

                                    </div> --}}

                                </div>
                                <br>
                            </div>





                            <br>


                            @if (Auth::user()->get_employee->access_budget or Auth::user()->get_employee->is_mgt)
                                <div class="row  card budget">
                                    <hr>
                                    <div class="row py-3">
                                        <div class="col">
                                            <h6 class="text-secondary">Angebotssumme brutto in €:</h6>

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

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


                                            @if ($order_spare->budget_with_delivery == '0')
                                                <small class="text-secondary"> keine Lieferung, es wird abgeholt</small>
                                            @else
                                                <label class="form-label border-bottom p-1 w-100">
                                                    <small class="text-secondary"> davon Lieferung netto in €:</small>
                                                    {{ number_format($order_spare->budget_delivery_cost, 2, ',', '.') }} €
                                                </label>
                                            @endif



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

                                        {{-- <div class="col">
                                            <small class="text-secondary"> Montage:</small>
                                            <label class="form-label border-bottom p-1 w-100">
                                                {{ $order_spare->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($order_spare->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 border-bottom  p-1 w-100 btn btn-success">
                                                    {{ number_format($order_spare->budget_rest, 2, ',', '.') }} € </label>

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

                                    {{-- <div class="row py-3">
                                        <div class="col">
                                            <small class="text-secondary">Budget- Hinweise:</small>

                                            <p class="text-justify " style="white-space: pre-line">
                                                {{ $order_spare->budget_notice }} </p>

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

                                </div>
                            @endif




                            <br>
                        </div>

                    </div>

                    {{-- @if ($order_spare->fk_customer_id != '0') --}}
                    <div class="tab-pane fade " id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab"
                        tabindex="0">
                        <br>
                        @if (!empty($order_spare->get_customer))
                            <div class="container-fluid">



                                <div class="row">


                                    <div class="row ">
                                        <div class="col-4 "><small class="text-secondary">Kundennummer:
                                                {{ $order_spare->get_customer->customer_code }}</small></div>
                                        <div class="col-8 text-end  ">
                                            @if (!is_null($order_spare->get_customer))
                                                @if (Auth::user()->get_employee->is_mgt)
                                                    <a href="/projekte/kunde/{{ $order_spare->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>{{ $order_spare->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>{{ $order_spare->get_customer->address }}</td>
                                            </tr>
                                            <tr>
                                                <td>Tel:</td>
                                                <td>{{ $order_spare->get_customer->tel }}</td>
                                            </tr>
                                            <tr>
                                                <td>Mobile:</td>
                                                <td>{{ $order_spare->get_customer->mobile }}</td>
                                            </tr>
                                            <tr>
                                                <td>Fax:</td>
                                                <td>{{ $order_spare->get_customer->fax }}</td>
                                            </tr>
                                            <tr>
                                                <td>Email:</td>
                                                <td>{{ $order_spare->get_customer->email }}</td>
                                            </tr>
                                            <tr>
                                                <td>Webseite:</td>
                                                <td>{{ $order_spare->get_customer->website }}</td>
                                            </tr>

                                        </tbody>
                                    </table>



                                </div>


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

                                    @foreach ($order_spare->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 == $order_spare->fk_customer_person_id)
                                                            <div class="col  text-success">
                                                                <h5><i class="bi bi-check-circle">
                                                                        Ansprechpartner</i> </h5>
                                                            </div>
                                                        @endif
                                                        <h5>
                                                            {{ $emp->gender == '1' ? 'Herr' : '' }}
                                                            {{ $emp->gender == '2' ? 'Frau' : '' }}
                                                            {{ $emp->name }}
                                                        </h5>
                                                        <label class="text-muted">{{ $emp->position->name }}

                                                        </label>
                                                        <hr>

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

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

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

                                                            </tbody>
                                                        </table>



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


                                </div>


                            </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($order_spare->get_planner))
                            <div class="container-fluid">



                                <div class="row">

                                    <div class="row ">
                                        <div class="col-4 "><small class="text-secondary">Kundennummer:
                                                {{ $order_spare->get_planner->customer_code }}</small></div>
                                        <div class="col-8 text-end  ">
                                            @if (!is_null($order_spare->get_planner))
                                                @if (Auth::user()->get_employee->is_mgt)
                                                    <a href="/projekte/kunde/{{ $order_spare->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>{{ $order_spare->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>{{ $order_spare->get_planner->address }}</td>
                                            </tr>
                                            <tr>
                                                <td>Tel:</td>
                                                <td>{{ $order_spare->get_planner->tel }}</td>
                                            </tr>
                                            <tr>
                                                <td>Mobile:</td>
                                                <td>{{ $order_spare->get_planner->mobile }}</td>
                                            </tr>
                                            <tr>
                                                <td>Fax:</td>
                                                <td>{{ $order_spare->get_planner->fax }}</td>
                                            </tr>
                                            <tr>
                                                <td>Email:</td>
                                                <td>{{ $order_spare->get_planner->email }}</td>
                                            </tr>
                                            <tr>
                                                <td>Webseite:</td>
                                                <td>{{ $order_spare->get_planner->website }}</td>
                                            </tr>

                                        </tbody>
                                    </table>



                                </div>


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

                                    @foreach ($order_spare->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 == $order_spare->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-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 modal-dialog-centered">
                                <div class="modal-content">
                                    <form action="{{ route('order.spare.del_emp') }}" method="POST"
                                        class="needs-validation" novalidate>
                                        @csrf

                                        <input id="osid" name="osid" value="{{ $order_spare->id }}" hidden>
                                        <input id="subscribe_id" name="subscribe_id" value="" hidden>
                                        <div class="modal-header">
                                            <h5 class="modal-title " id=""> Mitglieder 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 Mitglieder 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">

                                <hr>
                                @if (Auth::user()->get_employee->is_mgr and
                                        $order_spare->current_department_id == Auth::user()->get_employee->get_department->department_id)
                                    <form action="{{ route('order.spare.add_emp') }}" class="form-control"
                                        method="post">
                                        @csrf
                                        <input type="hidden" name="osid" id="osid"
                                            value="{{ $order_spare->id }}">
                                        <div class="row  m-2 p-2 align-items-center">
                                            <div class="col-6 ">
                                                <label for="">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


                                @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
                                                            $order_spare->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>
        </div>
        <div class="col-4  ">
            <div class=" container-fluid bg-white border p-2 ">
                {{-- Timeline
                @foreach ($order_spare->timelines as $tt)
                    <br>
                    {{ $tt->get_employee->first_name }} {{ $tt->event_msg }}
                    <br>
                @endforeach --}}
                @if ($order_spare->fk_status_in_company_id != 6)
                    <div class="container-fluid ">
                        <form action="{{ route('order.spare.timeline') }}" method="POST" class="needs-validation"
                            novalidate>
                            @csrf

                            <input type="hidden" id="pid" name="pid" value="{{ $order_spare->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($order_spare->get_customer->name))
                                                <option value="{{ $order_spare->get_customer->customer_id }}">
                                                    Auftraggeber: {{ $order_spare->get_customer->name }}
                                                </option>
                                            @endif

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

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

                                            @if (isset($order_spare->get_other_contact->name))
                                                <option value="{{ $order_spare->get_other_contact->customer_id }}">
                                                    Andere: {{ $order_spare->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" required></textarea>

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

                        <!-- Timeline -->
                        <div class=" ">
                            <h6 class="text-secondary text-center"> <i class="bi bi-list-columns-reverse"></i>
                                Projekt Verlauf/Hinweise </h6>
                            <div class="">

                                @foreach ($order_spare->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">

                                                <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 ">{{ $tt->event_msg }}</small>
                                                                @else
                                                                    <span class="text-small mt-2 font-weight-light"
                                                                        style="white-space: pre-line">{{ $tt->event_msg }}</span>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    @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 ">{{ $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 == $order_spare->fk_customer_id)
                                                                            Aufraggeber: {!! $order_spare->get_customer->name !!}
                                                                        @elseif (isset($tt->fk_customer_id) and $tt->fk_customer_id == $order_spare->fk_planner_customer_id)
                                                                            Planner: {!! $order_spare->get_planner->name !!}
                                                                        @elseif (isset($tt->fk_customer_id) and $tt->fk_customer_id == $order_spare->fk_builder_id)
                                                                            Bauherr: {!! $order_spare->get_builder->name !!}
                                                                        @elseif (isset($tt->fk_customer_id) and $tt->fk_customer_id == $order_spare->fk_other_customer_id)
                                                                            Andere: {!! $order_spare->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"
                                                                    style="white-space: pre-line">{{ $tt->event_msg }}</span>

                                                            </div>
                                                        </div>
                                                    @endif


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

                </div>
            </div>



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

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

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

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

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

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

        // function fun_gala() {
        //     var x = document.getElementById("gala");
        //     if (document.getElementById('mit_gala').checked) {
        //         x.style.display = "block";
        //     } else {
        //         x.style.display = "none";
        //     }
        //     calc();
        // }

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

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

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

        //     }
        //     if (document.getElementById('mit_gala').checked) {
        //         r = r - parseFloat(document.getElementById('gala').value);
        //     }
        //     // document.getElementById('rest').setAttribute('value', r + ' €');
        //     // document.getElementById('rest').innerHTML = " " + r + " €";
        //     // document.getElementById("budget_rest").value = r;
        //     document.getElementById("budget_rest").setAttribute('value', r);
        // }
        // var areas = document.getElementById('areas');

        // document.getElementById('bereichen_anzahl').addEventListener('change', function(e) {
        //     var n = +this.value;
        //     var divs = "";
        //     for (var i = 1; i <= n; i++) {
        //         // divs = divs + "<h5>Bereich " + i + ":</h5>";
        //         divs = divs + "<div class=\"container px-5\">";
        //         divs = divs + "Bereich " + i + " - Beschreibung:";
        //         divs = divs + "<textarea class=\"form-control\" id=\"bereich_" + i + "\" name=\"bereich_" + i +
        //             "\"  rows=\"3\"></textarea>";
        //         // divs = divs + "Zielgruppe:";
        //         // divs = divs + "<textarea class=\"form-control\" id=\"area_d2_" + i + "\" rows=\"3\"></textarea>";
        //         // divs = divs + "Idee Planer:";
        //         // divs = divs + "<textarea class=\"form-control\" id=\"area_d3_" + i + "\" rows=\"3\"></textarea>";
        //         divs = divs + "</div> <br>";
        //     }
        //     document.getElementById('areas').innerHTML = divs;

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

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

        });

        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 progress_input(value) {
            document.getElementById('progress-val').value = value + "%";
        }

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

                url: '/auftraege/ersatzteile/' + {{ $order_spare->id }} + '/progress/' +
                    +value,

                type: 'GET',

                dataType: 'json',

                success: function(data) {
                    location.reload(true);
                },
                error: function() {
                    $('#progress-error').modal('show');

                }

            });

        }
    </script>
@endsection