{{-- 
 |--------------------------------------------------------------------------
*    _                _      __ _             _           _              __ 
*   | |  ___ ___   __| | ___| _| |    ___  __| | ___ _ __| |__   ___  __|_ |
*  / __)/ __/ _ \ / _` |/ _ \ || |   / _ \/ _` |/ _ \ '__| '_ \ / _ \/ __| |
*  \__ \ (_| (_) | (_| |  __/ || |__|  __/ (_| |  __/ |  | | | | (_) \__ \ |
*  (   /\___\___/ \__,_|\___| ||_____\___|\__,_|\___|_|  |_| |_|\___/|___/ |
*   |_|                     |__|                                        |__|
* 
?  @created:  2023-06-25 
?  @modified: 2023-06-25 
   @version:  1.0
   @project:  Okis 3.0

?  @author:   Code[Lederhos]
?             Stanislaw Lederhos
?             mail@code-lederhos.de
*    $debugPicasso = [ 0 => 'Crafting a masterpiece out of chaos',
*    	               1 => 'the art of flawless functionality'  ];

   @description:
   [A BRIEF DESCRIPTION OF THE PROJECT OR FILE]

 ----------------------------------------------------------------------------
	Changelog:
 	==========
*	[VERSION]| (YYYY-MM-DD) | [DESCRIPTION OF CHANGES]
 	  1.0    |  2023-06-25  |  Initial version / Bugfixing
 ----------------------------------------------------------------------------
--}}

<div class="row mx-2 mb-2" data-blade-path="orders/_path_data_form_scan">
	<div class="col-12 ps-2 pe-0">

		<div class="card card-light">
			@includeIf('layouts.components.card_header', [
				'title' 		=> 'Modellanlieferung',
				'collapse_id' 	=> "scan-$cycle->id",
			])
			<div class="collapse {{ user_have_groups(['meister']) ? 'show' : '' }}" id="scan-{{ $cycle->id }}">
				<div class="card-body px-0 py-1">

					<div class="row mx-0 mb-2">
						<div class="col-12 ps-2 pe-0">

							<div class="card card-light">
								@includeIf('layouts.components.card_header', [
									'title' 		=> 'Sendungsdetails',
									'collapse_id' 	=> "scan_cv_cb-$cycle->id",
									'css' 			=> 'no-end-border'
								])
								<div class="collapse show" id="scan_cv_cb-{{ $cycle->id }}">
									<div class="card-body">
										<div class="row">
											<div class="{{ !empty($cycle->receiver_tracking) ? 'col-xl-3' : 'col-xl-4' }}">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_id' 		=> 'receiver',
													'input_type'	=> 'select',
													'label'			=> 'Ziel',
													'value'			=> $cycle->receiver ?? '',
													'disabled'		=> !empty($cycle->receiver_tracking) ? true : $disabled,
													'options'		=> [
																			[
																				'option_label'	=> 'bitte wählen...',
																				'option_value'	=> '',
																				// 'option_attr'	=> "disabled",
																			],
																			[
																				'option_label'	=> 'Hongkong Nancy',
																				'option_value'	=> 26
																			],
																			[
																				'option_label'	=> 'Oberursel',
																				'option_value'	=> 32
																			],
																			[
																				'option_label'	=> 'Nancy service_vip11',
																				'option_value'	=> 35
																			],
																		],
												])
											</div>
											<div class="{{ !empty($cycle->receiver_tracking) ? 'col-xl-5 row' : 'col-xl-4' }}">
												<div class="{{ !empty($cycle->receiver_tracking) ? 'col-6' : '' }}">
													@includeIf('layouts.components.inputs_v2', [ 
														'input_id' 		=> 'receiver_tracking',
														'label'			=> 'Sendungsverfolgung',
														'placeholder'	=> '00000-XYZ-000',
														'value'			=> $cycle->receiver_tracking ?? '',
														'disabled'		=> !empty($cycle->receiver_tracking) ? true : $disabled,
													])
												</div>
												@if ( !empty($cycle->receiver_tracking) )
													<div class="col-6">
														@includeIf('layouts.components.inputs_v2', [ 
															'input_id' 		=> 'cv_timestamp',
															'label'			=> 'Versand start',
															'value' 		=> optional($cycle->states()->where('state_type', 'cv')->first())->updated_at?->format('d.m.Y H:i'),
															'disabled'		=> true,
														])
													</div>
												@endif
											</div>
											<div class="col-xl-4">
												@includeIf('layouts.components.inputs_v2', [ 
													'input_type' 	=> 'checkbox',		
													'input_id' 		=> 'shipping_notice_ignore',
													'check_label'	=> 'Auf Shipping Liste ignorieren',
													'value'			=> (int) ($form_metas->shipping_notice_ignore ?? 0),
													'margin_top'	=> 35,
													'disabled'		=> $disabled,
												])
											</div>
										</div>
										@if ( !empty($cycle->receiver_tracking) )
											<div class="row mt-2">
												<div class="col-xl-4 ms-auto">
													@includeIf('layouts.components.datetimepicker', [ 
																'input_id' 		=> 'cb_start_date',
																'label'			=> 'Rücklieferung start',
																'clear_title' 	=> 'Rücklieferung',
																'date'			=> true,
																'time'			=> true,
																'value'			=> optional($cycle->states()->where('state_type', 'cb')->first())->created_at?->format('d.m.Y H:i'),
																'disabled'		=> optional($cycle->states()->where('state_type', 'cb')->first())->tracking_nr ? true : $disabled,
															])
												</div>
												<div class="col-xl-3">
													@includeIf('layouts.components.inputs_v2', [ 
														'input_id' 		=> 'cb_tracking_nr',
														'label'			=> 'Rücklieferungsverfolgung',
														'placeholder'	=> '00000-XYZ-000',
														'value' 		=> optional($cycle->states()->where('state_type', 'cb')->first())->tracking_nr,
														'disabled'		=> optional($cycle->states()->where('state_type', 'cb')->first())->tracking_nr ? true : $disabled,
													])
												</div>
												<div class="col-xl-4 me-auto">
													@includeIf('layouts.components.datetimepicker', [ 
																'input_id' 		=> 'cb_finish_date',
																'label'			=> 'Rücklieferung erfasst',
																'clear_title' 	=> 'Rücklieferung',
																'date'			=> true,
																'time'			=> true,
																'value'			=> optional($cycle->states()->where('state_type', 'cb')->where('state_status', '6')->first())->updated_at?->format('d.m.Y H:i'),
																'disabled'		=> optional($cycle->states()->where('state_type', 'cb')->where('state_status', '6')->first())->updated_at ? true : $disabled,
															])
												</div>
											</div>
										@endif
									</div>
								</div>
							</div>

						</div>
					</div>

					<div class="row mx-0 mb-2">
						<div class="col-12 ps-2 pe-0">

							<div class="card card-light">
								@includeIf('layouts.components.card_header', [
									'title' 		=> 'Details',
									'collapse_id' 	=> "scan_detailis-$cycle->id",
									'css' 			=> 'no-end-border'
								])
								<div class="collapse show" id="scan_detailis-{{ $cycle->id }}">
									<div class="card-body">
										<div class="row">
											<div class="col-xl-2">
												@include('layouts.components.inputs_v2', [ 
													'input_type'	=> 'number_spinner',
													'input_id' 		=> 'total-' .$cycle->id,
													'label'			=> 'Gesamteinheiten',
													'value'			=> $cycle->receiver ?? 1,
													'disabled'		=> $disabled,
												])
											</div>
											<div class="col-xl-3">
												@inputField([
												    'input_type'   => 'ui_col_select',     
												    'input_id'     => 'tooth_color',
												    'label'        => 'Zahnfarbe',
													'placeholder'  => 'bitte eingeben...',
												    'value'        => $form_metas->tooth_color ?? '',
												    'disabled'     => $disabled,
													'allowAdditions' => true,
													'options'      => ['row1' => 'keine', 'row2' => ['col1' => [ 'A1', 'A2', 'A3', 'A3.5', 'A4'],  'col2' => [  'B1', 'B2', 'B3', 'B4'],  'col3' => [  'C1', 'C2', 'C3', 'C4'], 'col4' => [  'D2', 'D3', 'D4']]]
												])
											</div>
											<div class="col-xl-2">
												@inputField([
													'input_type' 	=> 'checkbox',		
													'input_id' 		=> 'glaze',
													'check_label'	=> 'Glasur',
													'value'			=> (int) ($form_metas->glaze ?? 0),
													'margin_top'	=> 35,
													'label_class'	=> '',
													'disabled'		=> $disabled,
												])
											</div>
											<div class="col-xl-3">
												@inputField([
												  	'input_id' 		=> 'filename',
												  	'label'			=> 'Dateiname',
													'value'			=> $form_metas->filename ?? "",
													'disabled'		=> $disabled,
												])
											</div>
											<div class="col-xl-2">
												@inputField([
												    'input_type'   => 'ui_select',     
												    'input_id'     => 'scanner',
												    'label'        => 'Scanner',
													'placeholder'  => 'wählen...',
												    'value'        => $form_metas->scanner ?? '',
												    'disabled'     => $disabled,
												    'options'      => ['D2000_L', 'D2000_R', 'Intraoral']
												])
											</div>
										</div>
										<div class="row">
											<div class="col-xl-4">
												@inputField([
												    'input_type'   => 'ui_select',     
												    'input_id'     => 'shipping_receipt',
												    'label'        => 'Versandeingang',
													'placeholder'  => 'bitte wählen...',
												    'value'        => $form_metas->shipping_receipt ?? '',
												    'disabled'     => $disabled,
												    'options'      => [
														['value' =>  1, 'label' => 'Selbstanlieferung im Sammelpaket'	], 
														['value' =>  2, 'label' => 'UPS-Abholung'						], 
														['value' =>  3, 'label' => 'Fahrer'								]
													]
												])
											</div>
											<div class="col-xl-4">
												@php
													$shipping_methodes = \App\Models\Shipping_methodes::orderBy('typ')->get();
												@endphp
												@inputField([
												    'input_type'   => 'ui_select',     
												    'input_id'     => 'shipping_service',
												    'label'        => 'Versandausgang',
													'placeholder'  => 'bitte wählen...',
												    'value'        => $form_metas->shipping_service ?? '',
												    'disabled'     => $disabled,
												    'options'      => $shipping_methodes->groupBy(function($date) {
																	        return $date->typ ? $date->typ : 'Sonstige';  // Wenn 'typ' leer ist, setze es auf 'Sonstige'
																	    })->map(function($group) {
																	        return $group->map(function($item) {
																	            return [
																	                'label' 		=> $item->label,
																	                'value' 		=> $item->id,
																	                'hidden_filter' => $item->ArtNr,
																	            ];
																	        });
																	    })->reverse()->toArray(),
												])
											</div>
											<div class="col-xl-4">
												@inputField([
												    'input_type'   => 'ui_select',     
												    'input_id'     => 'text',
												    'label'        => 'Text',
													'placeholder'  => 'please design,...',
												    'value'        => $form_metas->text ?? '',
												    'disabled'     => $disabled,
												    'options'      => ['please design and send back', 'please design, place on blank and send back']
												])
											</div>
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>

					<div class="row mx-0 mb-2">
						<div class="col-12 ps-2 pe-0">

							<div class="card card-light overflow-auto">
								@includeIf('layouts.components.card_header', [
									'title' 		=> 'A6 Zettel',
									'collapse_id' 	=> "scan_a6-$cycle->id",
									'css' 			=> 'no-end-border',
									'a_style'		=> 'min-width:840px;'
								])
								<div class="collapse show" id="scan_a6-{{ $cycle->id }}">
									<div class="card-body">
										
										@php
											$options = [
											    ['value' => 'PT',  	'label' => 'PT - primary telescope'],
											    ['value' => 'ZA',  	'label' => 'ZA - zirkon abutment with occlusal screw hole'],
											    ['value' => 'TA',  	'label' => 'TA - full titanium preform abutment with screwhole, follow gingiva perfectly, design in real anatomy stump size, use nt-trading preform libary at 3shape scanner, send screenshots from design'],
											    ['value' => 'K',  	'label' => 'K - full contour'],
											    ['value' => 'BV',  	'label' => 'BV - pontic with vestibular porcelain only'],
											    ['value' => 'KV',  	'label' => 'KV - crown with vestibular porcelain only'],
											    ['value' => 'KM',  	'label' => 'KM - coping without collar'],
											    ['value' => 'B',  	'label' => 'B - pontic full contour'],
											    ['value' => 'BM',  	'label' => 'BM - pontic without collar'],
											    ['value' => 'TK',  	'label' => 'TK - Partial crown full contour'],
											    ['value' => 'T',  	'label' => 'T - secondary telescope full contour'],
											    ['value' => 'TV',  	'label' => 'TV - secondary telescope with vestibular composite only'],
											    ['value' => 'TM',  	'label' => 'TM - secondary telescope without collar'],
											    ['value' => 'E',  	'label' => 'E - set up teeth'],
											    ['value' => 'o',  	'label' => 'o - distal preci attachment with milled clasp holder and interlock'],
											    ['value' => 'H',  	'label' => 'H - clasp, prepare for clasp'],
											    ['value' => 'I',  	'label' => 'I - inlay full contour'],
											    ['value' => 'V',  	'label' => 'V - Veneer full contour'],
											    ['value' => ')(', 	'label' => ')( - missing tooth'],
											    ['value' => 'X',  	'label' => 'X - remove tooth'],
											    ['value' => '+', 	'label' => '+ - Holding pin']
											];
										@endphp

										<table cellpadding="0" cellspacing="0" class="fs-8">
										    <tbody>
										        @foreach(array_chunk($options, 3) as $row)
										        <tr class="disabled">
										            @foreach($row as $cell)
										            <td width="4%" class="">{{ $cell['value'] }}</td>
										            <td width="31%">{{ explode(' - ', $cell['label'])[1] }}</td>
										            @endforeach
										        </tr>
										        @endforeach
										    </tbody>
										</table>

										<article class="container mt-5 mx-0 p-0 az-table" style="max-width: 100%">
										    <div class="row"><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza1]' id='az[zff1808zza1]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza3]' id='az[zff1808zza3]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza5]' id='az[zff1808zza5]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza7]' id='az[zff1808zza7]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza9]' id='az[zff1808zza9]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza11]' id='az[zff1808zza11]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza13]' id='az[zff1808zza13]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza15]' id='az[zff1808zza15]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza17]' id='az[zff1808zza17]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza19]' id='az[zff1808zza19]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza21]' id='az[zff1808zza21]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza23]' id='az[zff1808zza23]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza25]' id='az[zff1808zza25]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza27]' id='az[zff1808zza27]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza29]' id='az[zff1808zza29]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zza31]' id='az[zff1808zza31]'></div></div><div class="row"><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz1]' id='az[zff1808zz1]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz3]' id='az[zff1808zz3]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz5]' id='az[zff1808zz5]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz7]' id='az[zff1808zz7]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz9]' id='az[zff1808zz9]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz11]' id='az[zff1808zz11]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz13]' id='az[zff1808zz13]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz15]' id='az[zff1808zz15]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz17]' id='az[zff1808zz17]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz19]' id='az[zff1808zz19]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz21]' id='az[zff1808zz21]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz23]' id='az[zff1808zz23]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz25]' id='az[zff1808zz25]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz27]' id='az[zff1808zz27]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz29]' id='az[zff1808zz29]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zz31]' id='az[zff1808zz31]'></div></div><div class="row"><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1]' id='az[zff1]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb1]' id='az[zfb1]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb2]' id='az[zfb2]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff2]' id='az[zff2]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff3]' id='az[zff3]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb3]' id='az[zfb3]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb4]' id='az[zfb4]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff4]' id='az[zff4]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff5]' id='az[zff5]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb5]' id='az[zfb5]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb6]' id='az[zfb6]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff6]' id='az[zff6]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff7]' id='az[zff7]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb7]' id='az[zfb7]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb8]' id='az[zfb8]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff8]' id='az[zff8]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff9]' id='az[zff9]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb9]' id='az[zfb9]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb10]' id='az[zfb10]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff10]' id='az[zff10]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff11]' id='az[zff11]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb11]' id='az[zfb11]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb12]' id='az[zfb12]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff12]' id='az[zff12]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff13]' id='az[zff13]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb13]' id='az[zfb13]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb14]' id='az[zfb14]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff14]' id='az[zff14]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff15]' id='az[zff15]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb15]' id='az[zfb15]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb16]' id='az[zfb16]'></div></div><div class="row"><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>18</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>17</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>16</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>15</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>14</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>13</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>12</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>11</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>21</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>22</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>23</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>24</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>25</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>26</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>27</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>28</div></div></div><div class="row"><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>48</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>47</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>46</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>45</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>44</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>43</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>42</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>41</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>31</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>32</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>33</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>34</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>35</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>36</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>37</div></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><div class='text-center'>38</div></div></div><div class="row"><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff17]' id='az[zff17]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb17]' id='az[zfb17]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb18]' id='az[zfb18]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff18]' id='az[zff18]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff19]' id='az[zff19]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb19]' id='az[zfb19]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb20]' id='az[zfb20]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff20]' id='az[zff20]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff21]' id='az[zff21]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb21]' id='az[zfb21]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb22]' id='az[zfb22]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff22]' id='az[zff22]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff23]' id='az[zff23]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb23]' id='az[zfb23]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb24]' id='az[zfb24]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff24]' id='az[zff24]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff25]' id='az[zff25]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb25]' id='az[zfb25]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb26]' id='az[zfb26]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff26]' id='az[zff26]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff27]' id='az[zff27]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb27]' id='az[zfb27]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb28]' id='az[zfb28]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff28]' id='az[zff28]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff29]' id='az[zff29]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb29]' id='az[zfb29]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb30]' id='az[zfb30]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zff30]' id='az[zff30]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff31]' id='az[zff31]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:15px;max-width:15px;min-height:1em;' value='' name='az[zfb31]' id='az[zfb31]'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zfb32]' id='az[zfb32]'></div></div><div class="row"><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb1]' id='az[zff1808zzb1]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb3]' id='az[zff1808zzb3]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb5]' id='az[zff1808zzb5]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb7]' id='az[zff1808zzb7]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb9]' id='az[zff1808zzb9]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb11]' id='az[zff1808zzb11]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb13]' id='az[zff1808zzb13]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb15]' id='az[zff1808zzb15]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb17]' id='az[zff1808zzb17]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb19]' id='az[zff1808zzb19]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb21]' id='az[zff1808zzb21]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb23]' id='az[zff1808zzb23]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb25]' id='az[zff1808zzb25]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb27]' id='az[zff1808zzb27]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb29]' id='az[zff1808zzb29]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzb31]' id='az[zff1808zzb31]'></div></div><div class="row"><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc1]' id='az[zff1808zzc1]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc3]' id='az[zff1808zzc3]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc5]' id='az[zff1808zzc5]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc7]' id='az[zff1808zzc7]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc9]' id='az[zff1808zzc9]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc11]' id='az[zff1808zzc11]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc13]' id='az[zff1808zzc13]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc15]' id='az[zff1808zzc15]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc17]' id='az[zff1808zzc17]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc19]' id='az[zff1808zzc19]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc21]' id='az[zff1808zzc21]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc23]' id='az[zff1808zzc23]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc25]' id='az[zff1808zzc25]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc27]' id='az[zff1808zzc27]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc29]' id='az[zff1808zzc29]'></div><div class='col px-1' style='min-width:calc(15px + 2px);max-width:calc(15px + 4px);min-height:1em;'></div><div class='col px-1' style='min-width:calc(30px + 2px);max-width:calc(30px + 4px);min-height:1em;'><input class='text-center form-control p-0' style='width:30px;max-width:30px;min-height:1em;' value='' name='az[zff1808zzc31]' id='az[zff1808zzc31]'></div></div>										</article>

										<article class="container mt-5 mx-0 p-0 az-table2" style="max-width: 100%">
											<section class="row">
												<div class="col-xl-4">
													<h5 class="card-header card-title rounded-top">Material</h5>
													<ul class="list-group ms-4">
														@php
															$checkboxData = [
															    'c808z1' 		=> 'N - CoCr',				
																'c808z2' 		=> 'Z - Zirkon classic ST',
															    'c808z221' 		=> 'Y - Zirkon ST',			
																'c808z222' 		=> 'X - Zirkon EF',
															    'c808z3' 		=> 'U - Zirkon TT ML',		
																'c808z4' 		=> 'P - PMMA',
															    'c808z5' 		=> 'T - Titan',				
																'c808z6' 		=> 'W - Wax',				
															    'c808z7' 		=> 'M - Modelldruck'			
															];
														@endphp

														@foreach($checkboxData as $id => $label)
														    <li class="list-item list-unstyled">
														        @inputField([
														            'input_type'  => 'checkbox',        
														            'input_id'    => $id,
														            'input_name'  => 'az[' .$id .']',
														            'check_label' => $label,
														            'value'       => (int) ($form_metas->{'check_' .$id} ?? 0),
														            'margin_top'  => '',
														            'label_class' => '',
														            'disabled'    => $disabled,
														        ])
														    </li>
														@endforeach
													</ul>

													<h5 class="mt-3 card-header card-title rounded-top">Design</h5>
													<ul class="list-group ms-4">
														@php
															$checkboxData = [
															    'a808v1' 		=> 'Offset',				
																'a808v2' 		=> 'Collar',
															    'a808v3' 		=> 'Strong/solid design',			
															    'a808v5' 		=> 'pontic with strong contact to gingiva',			
															    'a808v6' 		=> 'interdental hygenic design with space for interdental brush',			
															    'a808v7' 		=> 'Interedental closed, not hygenic designed',			
															    'a808v8' 		=> 'With occlusal screw hole',			
															];
														@endphp

														@foreach($checkboxData as $id => $label)
														    <li class="list-item list-unstyled">
														        @inputField([
														            'input_type'  => 'checkbox',        
														            'input_id'    => $id,
														            'input_name'  => 'az[' .$id .']',
														            'check_label' => $label,
														            'value'       => (int) ($form_metas->{'check_' .$id} ?? 0),
														            'margin_top'  => '',
														            'label_class' => '',
														            'disabled'    => $disabled,
														        ])
														    </li>
														@endforeach
													</ul>
												</div>
												<div class="col-xl-4">
													<h5 class="card-header card-title rounded-top">Okklusalkontakt</h5>
													<ul class="list-group ms-4">
														@php
															$checkboxData = [
															    'ok1' 		=> 'keinen',				
																'ok2' 		=> 'leicht',
															    'ok3' 		=> 'stark',			
															];
														@endphp

														@foreach($checkboxData as $id => $label)
														    <li class="list-item list-unstyled">
														        @inputField([
														            'input_type'  => 'checkbox',        
														            'input_id'    => $id,
														            'input_name'  => 'az[' .$id .']',
														            'check_label' => $label,
														            'value'       => (int) ($form_metas->{'check_' .$id} ?? 0),
														            'margin_top'  => '',
														            'label_class' => '',
														            'disabled'    => $disabled,
														        ])
														    </li>
														@endforeach
													</ul>

													<h5 class="mt-3 card-header card-title rounded-top">Approximalkontakt</h5>
													<ul class="list-group ms-4">
														@php
															$checkboxData = [
																'ap1' 		=> 'leicht',
															    'ap2' 		=> 'stark',			
															];
														@endphp

														@foreach($checkboxData as $id => $label)
														    <li class="list-item list-unstyled">
														        @inputField([
														            'input_type'  => 'checkbox',        
														            'input_id'    => $id,
														            'input_name'  => 'az[' .$id .']',
														            'check_label' => $label,
														            'value'       => (int) ($form_metas->{'check_' .$id} ?? 0),
														            'margin_top'  => '',
														            'label_class' => '',
														            'disabled'    => $disabled,
														        ])
														    </li>
														@endforeach
													</ul>
													 
													<h5 class="mt-3 card-header card-title rounded-top">Brückengliedgestaltung</h5>
													<img src="{{ asset("img/okis2/az_bild.png") }}" alt="az_bild.png" class="img-fluid px-4 py-2">
													<div class="px-4">
														@inputField([
															'input_type'   => 'radio_checkboxes',        
															'input_id'    => $id,
															'inputName'   => 'az[' .$id .']',
															'value'       => (int) ($form_metas->{'check_' .$id} ?? 0),
															'margin_top'  => '',
															'label_class' => '',
															'disabled'    => $disabled,
															'options'     => ['bggg1','bggg2','bggg3','bggg4','bggg5']
														])
													</div>

													<h5 class="mt-3 card-header card-title rounded-top">Kronengestaltung</h5>
													<ul class="list-group ms-4">
														@php
															$checkboxData = [
																'kg1' 		=> 'einzeln',
															    'kg2' 		=> 'verblockt',			
															];
														@endphp

														@foreach($checkboxData as $id => $label)
														    <li class="list-item list-unstyled">
														        @inputField([
														            'input_type'  => 'checkbox',        
														            'input_id'    => $id,
														            'input_name'  => 'az[' .$id .']',
														            'check_label' => $label,
														            'value'       => (int) ($form_metas->{'check_' .$id} ?? 0),
														            'margin_top'  => '',
														            'label_class' => '',
														            'disabled'    => $disabled,
														        ])
														    </li>
														@endforeach
													</ul>

												</div>
												<div class="col-xl-4">
													<h5 class="card-header card-title">Fitting</h5>
													<ul class="list-group ms-4">
														@php
															$checkboxData = [
																'b808z1' 		=> 'Tight fitting at stumps',
															    'b808z2' 		=> 'tight fitting at implants',			
															    'b808z3' 		=> 'Loose fitting at stumps',			
															    'b808z4' 		=> 'Loose fitting at implants',			
															    'b808z5' 		=> 'Block out the bubbles',			
															    'b808z6' 		=> 'Block out undercuts',			
															    'b808z7' 		=> 'Grind the gingiva for strong pontic contact',			
															    'b808z8' 		=> 'very, very loose fitting',			
															];
														@endphp

														@foreach($checkboxData as $id => $label)
														    <li class="list-item list-unstyled">
														        @inputField([
														            'input_type'  => 'checkbox',        
														            'input_id'    => $id,
														            'input_name'  => 'az[' .$id .']',
														            'check_label' => $label,
														            'value'       => (int) ($form_metas->{'check_' .$id} ?? 0),
														            'margin_top'  => '',
														            'label_class' => '',
														            'disabled'    => $disabled,
														        ])
														    </li>
														@endforeach
													</ul>
													
													<h5 class="card-header card-title rounded-top">Implantatarbeit</h5>
													<ul class="list-group ms-4">
														@php
															$checkboxData = [
																'd808z1' 		=> 'Implant system',
															    'd808z2' 		=> 'Implant diameter',			
															    'd808z3' 		=> 'With occlusal screw hole',			
															];
														@endphp
														<li class="list-item list-unstyled">
															<div class="row">
																<div class="col-3">
																	<label for="az_system" class="col-form-label ps-2">
																		System
																	</label>
																</div>
																<div class="col">
																	@inputField([
																		'input_type'  => 'text',        
																		'input_id'    => "az_system",
																		'input_name'  => 'az[system]',
																		'value'       => ($form_metas->{'az_system'} ?? ""),
																		'disabled'    => $disabled,
																	])
																</div>
															</div>
															
														</li>

														@foreach($checkboxData as $id => $label)
														    <li class="list-item list-unstyled">
														        @inputField([
														            'input_type'  => 'checkbox',        
														            'input_id'    => $id,
														            'input_name'  => 'az[' .$id .']',
														            'check_label' => $label,
														            'value'       => (int) ($form_metas->{'check_' .$id} ?? 0),
														            'margin_top'  => '',
														            'label_class' => '',
														            'disabled'    => $disabled,
														        ])
														    </li>
														@endforeach
													</ul>

												</div>
											</section>

											<section class="row mt-3">
												<div class="col-12">
													<h5 class="card-header card-title rounded-top">Bemerkungen</h5>
													@inputField([
											            'input_type'  => 'textarea',        
											            'input_id'    => "bm",
											            'input_name'  => 'az["bm"]',
														'input_class' => 'text-danger',
														'input_attr'  => 'rows=3',
											            'text_editor' => false,
											            'disabled'    => $disabled,
											            'value'       => (string) ($form_metas->az_bm ?? ""),
											        ])
												</div>

												<div class="comment-selects-comtainer col-12 mt-3">
													@php 
														$numCommentSeletItems = 6	
													@endphp
													@for($i = 1; $i <= $numCommentSeletItems; $i++)
														<div class="comment-select-item row">
															<div class="col-6">
																@inputField([
																	'input_type'  => 'text',        
																	'input_id'    => "comments_txt" .$i,
																	'input_name'  => 'comments["txt"]',
																	'input_class' => 'text-danger',
																	'input_attr'  => 'rows=3',
																	'text_editor' => true,
																	'disabled'    => $disabled,
																	'value'       => (string) ($form_metas->az_bm ?? ""),
																])
															</div>
															<div class="col-6">
																@php
																	$commentOptions = [
																		"follow these SOP if no detailed instruction above",
																		"zirconia on implant abutments always make tight fitting",
																		"CoCr on implant abutments always make loose fitting",
																		"PMMA always make very very loose fitting",
																		"implant abutments always make with occlusal screwholes",
																		"Titan abutments always make",
																		"full titanium preform abutment with screwhole, follow gingiva perfectly, design in real anatomy stump size, use nt-trading preform libary at 3shape scanner, send screenshots from design",
																		"for KM the standart is no palatinal /lingual collar, facing suporting design",
																		"pontic basal design standart is tangential design",
																		"never block out undercuts (unless on specific request!)"
																	];
																@endphp
																@inputField([
																	'input_type'   => 'ui_select',     
																	'input_id'     => 'comments_cn' .$i,
																	'input_name'   => 'comments["cn"]',
																	'placeholder'  => '',
																	'value'        => $form_metas->comments_cn ?? '',
																	'disabled'     => $disabled,
																	'options'      => $commentOptions
																])
															</div>
														</div>
													@endfor
													
												</div>
											</section>
										</article>


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

						</div>
					</div>

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

	</div>
</div data-blade-path="orders/_path_data_form_scan">