@extends('layouts.main')

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

@section('content')

	<div class="container">

		@includeIf('layouts.components.container_header', [
			'title_primary' 	=> 'Erfassungstool',
			'title_secondary'	=> $type,
			'btn_back'			=> route('home'),
		])

		<div class="row">
			
			<main class="col-xl-9 w-xl-76">
				<div class="row">
					@includeIf('flash_message', ['alert_type' => 'orders'])

					@if ($type === 'Archiv')
						<article class="col-xl-4 vh-80">
							<section class="card card-light mb-1 sticky-top shadow">
								@includeIf('layouts.components.card_header', [
									'title' 			=> 'Archiviert',
									'label_pill'		=> count($orders) > 0 	? count($orders) 	: '',
									'label_pill_color'	=> 'danger',
								])
								<div class="card-body">
									<ul class="list-group list-group-flush">
										@foreach ($orders as $order)
											@if ($order->last_cycle_progress === 0)
												<li class="list-group-item">
													<a href="{{ route('orders.edit', $order->id) }}" class="nav-link text-decoration-none" title="Auftrag verifizieren">
														<div class="fw-bold">
															{{ $order->id .' - ' .$order->KuNr }}
														</div>
														<div class="fs-7">
															<span class="badge rounded-pill text-bg-secondary"> 
																angelegt {{ $order->last_cycle()->get_incoming_created_by_name() ?? 'von unbekannt' }} 
															</span>

															@if ($order->last_cycle()->get_incoming_created_by_at())
																<span class="badge rounded-pill text-bg-secondary"> 
																	{{ $order->last_cycle()->get_incoming_created_by_at() }} 
																</span>
															@endif
															
														</div>
														<div class="fs-6">
															<span class="badge rounded-pill text-bg-secondary"> 
																archiviert {{ \App\Models\User::name($order->updated_by) ?? 'von unbekannt' }} 
															</span>

															<span class="badge rounded-pill text-bg-secondary"> 
																{{ diff_time_to_human($order->updated_at) }} 
															</span>
															
														</div>
													</a>
												</li>
											@endif
										@endforeach
									</ul>
								</div>
							</section>
						</article>
					@else 

						<article class="col-xl-4 vh-80">
							<section class="card card-light mb-1 sticky-top shadow">
								@includeIf('layouts.components.card_header', [
									'title' 			=> 'neu Eingetroffen',
									'label_pill'		=> count($orders) > 0 	? count($orders) 	: '',
									'label_pill_color'	=> 'danger',
								])
								<div class="card-body">
									<ul class="list-group list-group-flush">
										@foreach ($orders as $order)
											@if ($order->last_cycle_progress === 0)
												<li class="list-group-item">
													<a href="{{ route('orders.edit', $order->id) }}" class="nav-link text-decoration-none" title="Auftrag verifizieren">
														<div class="fw-bold">
															{{ $order->id .' - ' .$order->KuNr }}
														</div>
														<div class="fs-6">
															<span class="badge rounded-pill text-bg-secondary"> 
																angelegt {{ $order->last_cycle()->get_incoming_created_by_name() ?? 'von unbekannt' }} 
															</span>

															@if ($order->last_cycle()->get_incoming_created_by_at())
																<span class="badge rounded-pill text-bg-secondary"> 
																	{{ $order->last_cycle()->get_incoming_created_by_at() }} 
																</span>
															@endif
															
														</div>
													</a>
												</li>
											@endif
										@endforeach
									</ul>
								</div>
							</section>
						</article>

						<article class="col-xl-4 vh-80">
							<section class="card card-light mb-1 sticky-top shadow">
								@includeIf('layouts.components.card_header', [
									'title' => 'Freigegeben'
								])
								<div class="card-body">
									@foreach ($orders as $order)
										@if ($order->last_cycle_progress > 0)
											{{ $order->id }}
											
										@endif
									@endforeach
								</div>
							</section>
						</article>

					@endif

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



		@if (false)
			

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

								<div class="card card-light mb-1 sticky-top shadow">
									<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', [ 
																'input_id' 		=> 'patient_first_name',
																'label'			=> 'Vorname',
																'placeholder'	=> 'Vorname',
																'value'			=> $order->patient_first_name,
															])
														</div>
														<div class="col-xxl">
															@includeIf('layouts.components.inputs', [ 
																'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', [ 
																'input_id' 		=> 'patient_number',
																'label'			=> 'Nummer',
																'placeholder'	=> '00000',
																'value'			=> $order->patient_number,
															])
														</div>
														<div class="col-xxl">
															@includeIf('layouts.components.inputs', [ 
																'input_id' 		=> 'patient_gender',
																'label'			=> 'Geschlecht',
																'input_type'	=> 'gender',
																'input_class'	=> 'text-light btn-sm',
																// 'btn_color'		=> 'danger',
																'value'			=> $order->patient_gender,
															])
														</div>
													</div>

													<hr>
													
													<div class="row">
														<div class="col-12 d-grid">
															<button type="submit" class="btn btn-success">Speichern</button>
														</div>
													</div>
													
												</form>

											</li>

											<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(), 
															'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', [ 
																'input_id' 		=> "xml",
																'label'			=> 'XML',
																'placeholder'	=> 'XML',
																'value'			=> trim($order->xml) ?? '',
															])
														</div>
														<div class="col-xl-3 fs-7">
															@includeIf('layouts.components.inputs', [ 
																'input_type' 	=> 'checkbox',		
																'input_id' 		=> "kulanz",
																'check_label'	=> 'Kulanz',
																'value'			=> $order->kulanz ?? '',
																'margin_top'	=> 32,
																'label_class'	=> '',
															])
														</div>
													</div>
													<div class="row">
														<div class="col-12 d-grid">
															@includeIf('layouts.components.btn_save', [
																'sticky_bottom' 	=> false, 
																'text' 				=> 'Änderungen übernehmen',
																'class' 			=> 'btn-sm mt-3 d-none',
															])
														</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>

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

		@endif

	</div>

	<script> 	
		$('select.dselect').each(function(e){ dselect(document.querySelector('#'+$(this).attr('id'))); })
	</script>
	
@endsection