@php
	use App\Enums\OrderTypeDefinition;
@endphp

@extends('layouts.main')

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

@section('content')

	<article class="container">
		@includeIf('layouts.components.container_header', [
			'title_primary' 	=> 'Neuer temporärer Auftrag',
		])

		<section class="row">
			<div class="col-xl-9 w-xl-76 pb-mobile">
				<form action="{{ route('orders.store') }}" method="POST">
					@csrf

					<div class="container px-4">

						<div class="row mb-3">
							<div class="col-xxl-5 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', [ 
													'input_id' 		=> 'id',
													'label'			=> 'Auftrags Nr.',
													'placeholder'	=> '0000000',
													'required'		=> true,
												])
											</div>

											@php
												$options	= [];
												foreach (App\Models\Customer::all() as $customer) {
													$address 	= '';
													$address 	= $customer->addresses->where('standard_delivery_address', '1')->first();
													$address 	= !empty($address) ? ( $address->street .' | ' .$address->zip_code .' ' .$address->city ) : '';

													$options[]	= [
														'option_value'	=> $customer->KuNr,
														'option_label'	=> $customer->KuNr .' - ' .$customer->company .( !empty($address) ? ' - ' .$address : '' ),
													];
												}
											@endphp
											<div class="col-sm">
												@includeIf('layouts.components.inputs', [ 
													'input_type' 	=> 'find_select',
													'input_id' 		=> 'KuNr',
													'label'			=> 'Kunden Nr.',
													'placeholder'	=> 'Kunde finden....',
													'options'		=> $options,
													'required'		=> true,
												])
											</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-xxl-5">
								<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', [ 
													'input_id' 		=> 'patient_first_name',
													'label'			=> 'Vorname',
													'placeholder'	=> 'Vorname',
												])
											</div>
											<div class="col-sm">
												@includeIf('layouts.components.inputs', [ 
													'input_id' 		=> 'patient_last_name',
													'label'			=> 'Nachname',
													'placeholder'	=> 'Nachname',
												])
											</div>
										</div>
										
										<div class="row">
											<div class="col-xxl">
												@includeIf('layouts.components.inputs', [ 
													'input_id' 		=> 'patient_number',
													'label'			=> 'Nummer',
													'placeholder'	=> '00000',
												])
											</div>
											<div class="col-xxl">
												@includeIf('layouts.components.inputs', [ 
													'input_type'	=> 'gender2',
													'input_id' 		=> 'patient_gender',
													'label'			=> 'Geschlecht',
												])
											</div>
										</div>
		
									</div>
								</section>
							</div>
						</div>
	
						<div class="row">
							<div class="col-xxl-10">
								<section class="col-12 p-0 card card-light">
									@includeIf('layouts.components.card_header', [
											'title' 			=> 'Zyklus',
										])
									<div class="card-body">
									
										<div class="row">
											<div class="col-xxl">
												@includeIf('layouts.components.inputs', [ 
													'input_type'	=> 'icon_radio_slider',
													'input_id' 		=> "cycle-type",
													'input_name' 	=> "type",
													'label'			=> 'Auftrags Typ',
													'radio_icon_width'	=> '70',
													'options'		=> [
														[
															'option_value'		=> '',
															'option_label'		=> 'Labor',
															'option_icon_name'	=> 'dental_labor',
															'option_icon_class'	=> 'mt-3',
														],
														[
															'option_value'		=> 'model',
															'option_label'		=> 'Modellanlieferung',
															'option_icon_name'	=> 'dental (3)',
															'option_icon_class'	=> 'mt-3',
															'option_icon_width'	=> '50',
														],
														[
															'option_value'		=> 'import',
															'option_label'		=> 'Import',
															'option_icon_name'	=> 'dental (1)',
															'option_icon_class'	=> 'mt-3',
															'option_icon_width'	=> '60',
														],
													],
												])
											</div>
										</div>
										<div class="row">
											<div class="col-xxl">
												@includeIf('layouts.components.inputs', [ 
													'input_type'	=> 'textarea',
													'input_id' 		=> "cycle-bemerkungen",
													'input_name' 	=> "bemerkungen",
													'input_class'	=> 'text-danger',
													'label'			=> 'Bemerkungen',
													'input_attr'	=> 'rows=3',
												])
											</div>
										</div>
										
										<div class="row mt-3 px-0 mx-auto">
											@includeIf('layouts.components.file_upload', [ 
												'input_id' 		=> 'file-upload',
												'input_name' 	=> 'file_upload',
												'input_class' 	=> '',
												'accept_format' => '',
												'label'			=> 'Bild hochladen',
												'title'			=> 'Bild hochladen',
												'multiple'		=> true,
												'required'		=> true,
												'max_file_size'	=> 15,
											])
										</div>

										
									</div>
								</section>
							</div>
						</div>
					</div>
					
					@includeIf('layouts.components.btn_save', ['rounded_fixed' => true,])
				</form>
			</div>
		</section>
	</article>
	
@endsection