{{-- 
|---------------------------------------------------------------------------
*    _                _      __ _             _           _              __ 
*   | |  ___ ___   __| | ___| _| |    ___  __| | ___ _ __| |__   ___  __|_ |
*  / __)/ __/ _ \ / _` |/ _ \ || |   / _ \/ _` |/ _ \ '__| '_ \ / _ \/ __| |
*  \__ \ (_| (_) | (_| |  __/ || |__|  __/ (_| |  __/ |  | | | | (_) \__ \ |
*  (   /\___\___/ \__,_|\___| ||_____\___|\__,_|\___|_|  |_| |_|\___/|___/ |
*   |_|                     |__|                                        |__|
 
 ?  @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' };
 
|-------------------------------------------------------------------------->

--}}
@extends('layouts.main')

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

@section('content')

	<article class="container">
		@includeIf('layouts.components.container_header', [
			'title_primary' 	=> 'Auftrag verifizieren',
			'title_secondary'	=> '(Step 2)',
			'btn_back'			=> route('home'),
			'btn_title_attr'	=> 'zum Dashboard',
			'without_news_card'	=> true,
		])

		<section class="row">
			<div class="col-xl-8 pb-mobile">

				@includeIf('flash_message', ['alert_type' => 'orders'])

				<form action="{{ route('orders.store') }}" method="POST">
					@csrf

					<article class="container px-4">

						<section class="row mb-3">
							<div class="col-xl-6 mb-3">
								<section class="col-12 p-0 card card-light">
									@includeIf('layouts.components.card_header', [
											'title' 			=> 'Kunde',
										])
									<div class="card-body">
									
										<div class="row">
											<div class="col-sm">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_type' 	=> 'number',
													'input_id' 		=> 'id',
													'label'			=> 'Auftrags Nr.',
													'placeholder'	=> '0000000',
													'required'		=> true,
													'value'			=> $order->id,
												])
											</div>

											<div class="col-sm">
												{{-- @includeIf('layouts.components.inputs_v2', [ 
													'input_type' 	=> 'find_select',
													'input_id' 		=> 'KuNr',
													'label'			=> 'Kunden Nr.',
													'placeholder'	=> 'Kunde finden....',
													'options'		=> $options_find_customer,
													'required'		=> true,
													'value'			=> $order->KuNr,
												]) --}}
                                                @inputField([
                                                    'input_type'   => 'ui_select',     
                                                    'input_id'     => 'KuNr',
                                                    'label'        => 'Kunde',
                                                    'placeholder'  => 'Kunde finden... (ab 2 Zeichen | Nr., Name oder Adresse)',
                                                    'value'        => $order->KuNr,
                                                    'disabled'     => false,
                                                    'required'     => true,
                                                    'options'      => $options_find_customer
                                                ])
											</div>
										</div>

										<div class="row">
											<div class="col-sm">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_id' 		=> 'customer_order_id',
													'label' 		=> 'Kunden-Auftrags Nr.',
													'placeholder'	=> '00000',
												])
											</div>
											<div class="col-sm">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_id' 		=> 'xml',
													'label' 		=> 'XML Nr.',
													'placeholder'	=> '000000-000-AA-0000-0-0',
												])
											</div>
										</div>
										
										<div class="row">
											<div class="col">
												@includeIf('layouts.components.datetimepicker', [ 
													'input_id' 	=> 'desired_date_',
													'input_name' => 'wunschtermin',
													'label' 	=> 'Wunschtermin',
													'date'		=> true,
													'time'		=> true,
												])
											</div>
										</div>

									</div>
								</section>
							</div>
							<div class="col-xl-6">
								<section class="col-12 p-0 card card-light">
									@includeIf('layouts.components.card_header', [
											'title' 			=> 'Patient',
										])
									<div class="card-body">
									
										<div class="row">
											<div class="col-sm">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_id' 		=> 'patient_first_name',
													'label'			=> 'Vorname',
													'placeholder'	=> 'Vorname',
												])
											</div>
											<div class="col-sm">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_id' 		=> 'patient_last_name',
													'label'			=> 'Nachname',
													'placeholder'	=> 'Nachname',
												])
											</div>
										</div>
										
										<div class="row">
											<div class="col-xxl">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_id' 		=> 'patient_number',
													'label'			=> 'Nummer',
													'placeholder'	=> '00000',
												])
											</div>
											<div class="col-xxl">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_type'	=> 'gender',
													'input_id' 		=> 'patient_gender',
													'label'			=> 'Geschlecht',
												])
											</div>
										</div>

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

						<section class="row">
							<div class="col-xxl-12">
								<section class="col-12 p-0 card card-light">
									@includeIf('layouts.components.card_header', [
											'title' 			=> 'Auftrag',
										])
									<div class="card-body">
									
										<div class="row">
											<div class="col-xxl">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_type'		=> 'icon_radio_slider',
													'input_id' 			=> "cycle-type",
													'input_name' 		=> "type",
													'label'				=> 'Auftrags Typ',
													'radio_icon_width'	=> '70',
													'value'				=> $order->type,
													'options'			=> [
														[
															'option_value'		=> 'centric',
															'option_label'		=> 'Labor',
															'option_icon_name'	=> 'dental_labor',
															'option_icon_class'	=> 'mt-3',
															'default_checked'	=> $order->type === 'centric' ? true : false,
														],
														[
															'option_value'		=> 'scan',
															'option_label'		=> 'Modellanlieferung',
															'option_icon_name'	=> 'dental (3)',
															'option_icon_class'	=> 'mt-3',
															'option_icon_width'	=> '50',
															'default_checked'	=> $order->type === 'scan' ? true : false,
														],
														[
															'option_value'		=> 'import',
															'option_label'		=> 'Import',
															'option_icon_name'	=> 'dental (1)',
															'option_icon_class'	=> 'mt-3',
															'option_icon_width'	=> '60',
															'default_checked'	=> $order->type === 'import' ? true : false,
														],
													],
												])
											</div>
										</div>
										<div class="row">
											<div class="col-xxl">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_type'	=> 'select',
													'input_id' 		=> "cycle-" .$order->cycles()->first()->id ."-kind",
													'input_name' 	=> "kind",
													'label'			=> 'Arbeitsart',
													'placeholder'	=> !empty($order->cycles()->first()->type) ?  enumGetValue(\App\Enums\OrderTypeDefinition::class, $order->cycles()->first()->type) : '',
													'value'			=> $order->cycles()->first()->kind ,
													'options'		=> $options_calc_table_all_options ?? [],
												])
											</div>
										</div>
										<div class="row">
											<div class="col-xxl">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_type'	=> 'textarea',
													'text_editor'	=> true,
													'input_id' 		=> "cycle-bemerkungen",
													'input_name' 	=> "comment",
													'input_class'	=> 'text-danger',
													'label'			=> 'Bemerkungen',
													'input_attr'	=> 'rows=3',
                                                    'value'         => $order->comment,
												])
											</div>
										</div>
										
									</div>
								</section>
							</div>
						</section>
					</article>

					<input type="hidden" name="order_create_step" value="2">
					<input type="hidden" name="original_order_id" value="{{ $order->id }}">
					@php
						$delete = user_have_rights(['delete order']) ? 'delete' : '';
					@endphp
					
					@includeIf('layouts.components.rounded_fixed_btn', ['rounded_fixed_btn' => ['archiv', 'save', $delete]])
				</form>
			</div>

			<article class="col-xl-4">
				<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">
							@foreach ($images as $image)
								<a class="" data-gallery="order" data-caption="" data-group="a" href="{{ asset('uploads/order/' .$order->id .'/' .$image->file_name) }}">
									<img class="m-2 rounded-2 cursor-zoom" src="{{ asset('uploads/order/' .$order->id .'/' .$image->file_name) }}" alt="" width="200">
							  	</a>
							@endforeach
					  	</div>
						<script src="{{ asset('js/photoviewer.js') }}"></script>
					</div>
				</section>
			</article>
		</section>
	</article>
	
@endsection

@section('section-css')
	@parent
	@once
		<link rel="stylesheet" href="{{ asset("css/photoviewer.css") }}">
	@endonce
@stop

@section('section-js')
	@parent
	@once
		<script src="{{ asset("js/views/orders/create_step2.js") }}"></script>
	@endonce
@stop