{{-- 
 |---------------------------------------------------------------------------
 *    _                _      __ _             _           _              __ 
 *   | |  ___ ___   __| | ___| _| |    ___  __| | ___ _ __| |__   ___  __|_ |
 *  / __)/ __/ _ \ / _` |/ _ \ || |   / _ \/ _` |/ _ \ '__| '_ \ / _ \/ __| |
 *  \__ \ (_| (_) | (_| |  __/ || |__|  __/ (_| |  __/ |  | | | | (_) \__ \ |
 *  (   /\___\___/ \__,_|\___| ||_____\___|\__,_|\___|_|  |_| |_|\___/|___/ |
 *   |_|                     |__|                                        |__|
  
  ?  @date:      2023-05-25                                    @version 1.0
     @project:   Okis 3.0
  
  ?  @author:    Code[Lederhos]
  ?              Stanislaw Lederhos
  ?              mail: codelederhos@gmail.com
  *  $web_development_with_passion = { 'Programmed for the future' };
  
 |-------------------------------------------------------------------------->
 
--}}
@php
	use App\Models\User;
@endphp
@extends('layouts.main')

@section('title', 'Okis 3.0 | Auftrag bearbeiten')

@section('content')

	<div class="container" data-blade-path="orders/edit">

		@includeIf('layouts.components.container_header', [
			'title_primary' 	=> 'Auftragdetails zu',
			'title_secondary'	=> $order->id	.' | ' .$order->patient_name,
			'btn_back'			=> route('orders.index'),
		])

			<div class="row">
				
				<article class="col-xl-9">
					<div class="row">

						<div class="col-xl-4 vh-80">

							<div class="card card-light mb-1">
								<div class="card-body">

									<div class="row mb-2">
										<div class="col">
											@includeIf('layouts.components.btn_status', [
												'form_route' 		=> route('orders.update', $order->id),
												'select_id'			=> $order->status->value,
												'allow_statuses' 	=> [
													1 => 'Aktiv', 
													0 => 'Inaktiv', 
													// 2 => 'Storniert', 
													3 => 'Abgebrochen', 
													// 4 => 'Reaktiviert', 
													5 => 'Archiviert', 
													// 6 => 'Abgeschlossen', 
													// 7 => 'Fehlerhaft', 
												],
											])
										</div>

										@if ( !empty($order->status_description) )
											<div class="col-2">
												@includeIf('layouts.components.icon', [ 
													'name' 	=> 'info', 
													'width' => 30, 
													'attr' 	=> ' style="margin-top= 0px;" ', 
													'class' => 'me-1 bg-light rounded',
													'title' => $order->status_description,
												])
											</div>
										@endif

									</div>

									<ul class="list-group list-group-flush">

										<li class="list-group-item list-group-item-action dropdown pe-0">
											
											<a class="row text-black cursor-pointer" type="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="inside" title="klicken um Patient zu bearbeiten">
												<div class="row align-items-center">
													<div class="col-2 pe-0">
														@includeIf('layouts.components.icon', [ 'name' => 'identity-card' ])
													</div>
													<div class="col-9 p-0 fw-bold">
														<p>Patient: {{ $order->patient_name }}</p>
													</div>
													<div class="col-1 p-0 text-end">
														<i class="fa fa-chevron-down"></i>
													</div>
												</div>
										  	</a>
											<form class="dropdown-menu w-100 card-title fw-normal" action="{{ route('orders.update', $order->id) }}" method="POST">
												@csrf
												@method('PUT')

												<div class="row">
													<div class="col-xxl">
														@includeIf('layouts.components.inputs_v2', [ 
															'input_id' 		=> 'patient_first_name',
															'label'			=> 'Vorname',
															'placeholder'	=> 'Vorname',
															'value'			=> $order->patient_first_name,
														])
													</div>
													<div class="col-xxl">
														@includeIf('layouts.components.inputs_v2', [ 
															'input_id' 		=> 'patient_last_name',
															'label'			=> 'Nachname',
															'placeholder'	=> 'Nachname',
															'value'			=> $order->patient_last_name,
														])
													</div>
												</div>
												
												<div class="row">
													<div class="col-xxl">
														@includeIf('layouts.components.inputs_v2', [ 
															'input_id' 		=> 'patient_number',
															'label'			=> 'Nummer',
															'placeholder'	=> '00000',
															'value'			=> $order->patient_number,
														])
													</div>
												</div>
												<div class="row">
													<div class="col-xxl">
														@includeIf('layouts.components.inputs_v2', [ 
															'input_type'	=> 'gender',
															'input_id' 		=> 'patient_gender',
															'label'			=> 'Geschlecht',
															'value'			=> $order->patient_gender,
															'background'	=> '#fff',
														])
													</div>
												</div>

												<div class="col-12 d-grid mt-3">
													<button type="submit" class="btn btn-success">Änderungen übernehmen</button>
												</div>
												
											</form>

										</li>

										@if($order->id != $order->customer_order_id)
											<li class="list-group-item align-items-center">
												<span class="text-bg-danger p-2 rounded">abweichende Kunden Auftragsnummer: <strong>{{ $order->customer_order_id }}</strong></span>
											</li>
										@endif

										<li class="list-group-item align-items-center">
											<a href="{{ route('customers.edit', $customer->id) }}" class="nav-link text-decoration-none" title="Kunde aufrufen">
												<img src="{{ asset('img/svg/customer.svg') }}" alt="" width="20">
												Kunde <code>{{ $customer->KuNr .' | ' .$customer->company }}</code> aufrufen
											</a>
										</li>

										@php
											$contact = $customer->contacts()->where('contact_type', 'main')->first();
										@endphp
										@if (!empty($contact))
											<li class="list-group-item">
												<div class="btn-group btn-group-sm w-100">
													
													@if ( !empty($contact->phonenumber) )
														<a href="tel:{{ $contact->phonenumber}}" target="_blank" class="btn btn-outline-secondary text-center">
															<i class="fa fa-phone"></i> kunden anrufen
														</a>
													@endif
													@if ( !empty($contact->mobile) )
														<a href="tel:{{ $contact->mobile}}" target="_blank" class="btn btn-outline-secondary text-center">
															<i class="fa fa-mobile"></i> kunden anrufen
														</a>
													@endif
													@if ( !empty($contact->email) )
														<a href="mailto:{{ $contact->email}}?subject=Auftrag%20{{ $order->id }}" target="_blank" class="btn btn-outline-secondary text-center">
															<i class="fa fa-envelope"></i> kunden schreiben
														</a>
													@endif

												</div>
											</li>
										@endif
										

										<li class="list-group-item disabled">
											<div class="row">
												<div class="col-3 p-0 text-center fs-7">
													<p>Akt. Zyklus {{ $order->last_cycle()->cycle }}</p>
												</div>
												<div class="col-9 ps-0">
													@includeIf('layouts.components.prozess', [	
														'status' 	=> $order->last_cycle()->progress ?? $order->last_cycle()->progress(), 
														'color' 	=> 'success',
														'css'		=> 'p-0 rounded-1',
														'height' 	=> 15,
													])
												</div>
											</div>
										</li>

										<li class="list-group-item">

											<form class="" action="{{ route('orders.update', $order->id) }}" method="POST" data-save-if-change="true" >
												@csrf
												@method('PUT')

												<div class="row">
													<div class="col-xl fs-7 text-secondary">
														@includeIf('layouts.components.inputs_v2', [ 
															'input_id' 		=> "xml",
															'label'			=> 'XML',
															'placeholder'	=> 'XML',
															'value'			=> trim($order->xml) ?? '',
														])
													</div>
													<div class="col-xl-3 fs-7">
														@includeIf('layouts.components.inputs_v2', [ 
															'input_type' 	=> 'checkbox',		
															'input_id' 		=> "kulanz",
															'check_label'	=> 'Kulanz',
															'value'			=> $order->kulanz ?? '',
															'margin_top'	=> 32,
															'label_class'	=> '',
														])
													</div>
													<div class="col-12 d-grid mt-3">
														<button type="submit" class="btn btn-success d-none">Änderungen übernehmen</button>
													</div>
												</div>

											</form>
										</li>
									</ul>
								</div>
							</div>

							<div class="card card-light">
								<div class="card-body">
									<ul class="list-group list-group-flush">

										<li class="list-group-item">
											<a href="" class="nav-link text-decoration-none" title="">
												<i class="fa fa-camera pe-2"></i>
												Alle Bilder zum Auftrag
											</a>
										</li>
										<li class="list-group-item">
											<a href="" class="nav-link text-decoration-none" title="">
												<i class="fa fa-clipboard-list pe-2"></i>
												Zur Abwicklung
											</a>
										</li>
										<li class="list-group-item">
											<a href="" class="nav-link text-decoration-none" title="">
												<i class="fa fa-truck pe-2"></i>
												Versand vorbereiten
											</a>
										</li>
										<li class="list-group-item">
											<a href="" class="nav-link text-decoration-none" title="">
												<i class="fa fa-triangle-exclamation pe-2"></i>
												Problem melden
											</a>
										</li>
										<li class="list-group-item">
											<a href="" class="nav-link text-decoration-none" title="">
												<i class="fa fa-triangle-exclamation pe-2"></i>
												Reklamation melden
											</a>
										</li>
										<li class="list-group-item">
											<a href="" class="nav-link text-decoration-none" title="">
												<i class="fa fa-comments pe-2"></i>
												China Kommunikation
											</a>
										</li>
										<li class="list-group-item">
											<a href="" class="nav-link text-decoration-none" title="">
												<i class="fa fa-qrcode pe-2"></i>
												QR Code
											</a>
										</li>
										<li class="list-group-item">
											<a href="" class="nav-link text-decoration-none" title="">
												<i class="fa fa-list-check pe-2"></i>
												STL Modelle verwalten
											</a>
										</li>
										
									</ul>

								</div>
							</div>

							<div class="card card-light mt-4">
								@includeIf('layouts.components.card_header', [	
									'title' 		=> 'Ordner / Ansicht', 
									'collapse_id'	=> 'collapseFolder',
								])
								<div class="collapse" id="collapseFolder">
									<div class="card-body d-flex align-items-start pe-0">
										<ul class="nav flex-column nav-pills col-md-12">

											@php	
												$path[1] = 'data';	 
											@endphp
											<li class="nav-item">
												<a href="?path={{ $path[1] }}" class="nav-link @if ( !request('path') ||  request('path') === '' || request('path') === $path[1] )active @endif">
													<i class="fa fa-inbox"></i>
													Daten
												</a>
											</li>

											@php	
												$path[2] = 'dates';	 
											@endphp
											<li class="nav-item">
												<a href="?path={{ $path[2] }}" class="nav-link @if ( request('path') &&  request('path') != '' && request('path') === $path[2] )active @endif">
													<i class="fa fa-calendar"></i>
													Termine
												</a>
											</li>

											@php	
												$path[3] = 'Notes';	 
											@endphp
											<li class="nav-item">
												<a href="?path={{ $path[3] }}" class="nav-link @if ( request('path') &&  request('path') != '' && request('path') === $path[3] )active @endif">
													<i class="fa fa-circle-info"></i>
													Hinweise (APP)
												</a>
											</li>

											@php	
												$path[4] = 'test';	 
											@endphp
											<li class="nav-item">
												<a href="?path={{ $path[4] }}" class="nav-link @if ( request('path') &&  request('path') != '' && request('path') === $path[4] )active @endif">
													<i class="fa fa-circle-info"></i>
													Test
												</a>
											</li>

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

							<div class="card card-light mt-4">
								@includeIf('layouts.components.card_header', [	
									'title' 		=> 'Belege', 
									'collapse_id'	=> 'collapseReceipts',
									'route' 		=> 'orders.create',
								])
								<div class="collapse show" id="collapseReceipts">
									<div class="card-body">

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

							<div class="card card-light mt-4">
								
								@includeIf('layouts.components.card_header', [	
									'title' 		=> 'Lieferscheine', 
									'collapse_id'	=> 'collapseDelivery',
									'route' 		=> 'orders.create',
								])
								<div class="collapse show" id="collapseDelivery">
									<div class="card-body">

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

					 	</div>

						{{-- Path --}}
							<div class="col-xl-8 vh-80">

								@include('flash_message')

								<div class="row pe-0">

									@if ( !request('path') ||  request('path') === '' || request('path') === $path[1] )
										@includeif('orders._path_'.$path[1])
									@endif

									@for ($i = 2; $i <= count($path); $i++)
										@if ( request('path') &&  request('path') != '' && request('path') === $path[$i] )
											@includeif('orders._path_'.$path[$i])
										@endif
									@endfor

								</div>
							</div>
						{{-- END Path --}}

					</div>

				</article>	{{-- END COL 9 --}}

				<article id="image-comtainer" class="col-xl-3 d-none">
					<section class="col-12 p-0 card card-light">
						@includeIf('layouts.components.card_header', [
								'title' 			=> 'Dokumente',
							])
						<div class="card-body">
							@section('section-css')
								@parent
								@once
									<link rel="stylesheet" href="{{ asset("css/photoviewer.css") }}">
								@endonce
							@stop
							<div class="image-set row">
								@foreach ($images as $image)
									<a class="col-6" data-gallery="order" data-caption="" data-group="a" href="{{ asset('uploads/order/' .$order->id .'/' .$image->file_name) }}">
										<img class="rounded-2 cursor-zoom" src="{{ asset('uploads/order/' .$order->id .'/' .$image->file_name) }}" alt="" width="100%">
										<br>
										<span class="badge rounded-pill text-bg-secondary fs-7">{{ $image->created_at ? (diff_time_to_human($image->created_at)) : '' }}</span>
										<span class="badge rounded-pill text-bg-secondary fs-7">{{ $image->created_by ? (User::name($image->created_by)) : '' }}</span>
									  </a>
								@endforeach
							  </div>
							<script src="{{ asset('js/photoviewer.js') }}"></script>
						</div>
					</section>
				</article>

			</div>

	</div>
	<div id="mod-btn-container" class="d-none d-xl-block position-fixed">
    	<input type="button" value="Formular Modus aktivieren" class="fs-6 px-1 py-0 btn-rotate btn btn-okis" id="btn-form-mod" />
	</div>
	@section('section-js')
		@parent
		@once
			<script src="{{ asset("js/views/orders/edit.js") }}"></script>
		@endonce
	@stop
@endsection