{{-- 
 |---------------------------------------------------------------------------
 *    _                _      __ _             _           _              __ 
 *   | |  ___ ___   __| | ___| _| |    ___  __| | ___ _ __| |__   ___  __|_ |
 *  / __)/ __/ _ \ / _` |/ _ \ || |   / _ \/ _` |/ _ \ '__| '_ \ / _ \/ __| |
 *  \__ \ (_| (_) | (_| |  __/ || |__|  __/ (_| |  __/ |  | | | | (_) \__ \ |
 *  (   /\___\___/ \__,_|\___| ||_____\___|\__,_|\___|_|  |_| |_|\___/|___/ |
 *   |_|                     |__|                                        |__|
  
  ?  @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' 	=> 'Neuer temporärer Auftrag',
			'btn_back'			=> route('home'),
			'btn_title_attr'	=> 'zum Dashboard',
		])

		<section class="row">
			<div class="col-xl-9 w-xl-76 pb-mobile">

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

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

					<div class="container px-4">

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

											<div class="col-sm">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_type' 	=> 'ui_select',
													'input_id' 		=> 'KuNr',
													'label'			=> 'Kunden Nr.',
													'placeholder'	=> 'Kunde finden....',
													'options'		=> $options_find_customer,
													'required'		=> true,
												])
											</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' 			=> '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',
													'options'			=> [
														[
															'option_value'		=> 'centric',
															'option_label'		=> 'Labor',
															'option_icon_name'	=> 'dental_labor',
															'option_icon_class'	=> 'mt-3',
															'default_checked'	=> true,
														],
														[
															'option_value'		=> 'scan',
															'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="text-success my-3">
											<hr>
										</div>
										
										<div class="row px-0 mx-auto">
											@includeIf('layouts.components.file_upload', [ 
												'input_id' 		=> 'file-upload',
												'input_name' 	=> 'file_upload',
												'input_class' 	=> '',
												'accept_format' => '',
												'label'			=> 'Bilder hochladen',
												'title'			=> 'Bilder hochladen',
												'multiple'		=> true,
												'required'		=> true,
												'max_file_size'	=> 15,
											])
										</div>
										
									</div>
								</section>
							</div>
						</div>
					</div>

					<input type="hidden" name="order_create_step" value="1">
					
					@includeIf('layouts.components.rounded_fixed_btn', ['rounded_fixed_btn' => ['save']])
				</form>
			</div>
		</section>
	</article>
	
@endsection