@extends('layouts.master', [
								'page_title' 		=> 	__('audit.audit'), 
								'body_id' 			=>	'',
								'class'				=>	'audit',
								'page_sub_title' 	=> 	__('audit.form_show_sub_title'), 
							])

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 	$form->name . " - " . $form->audit_type_name,
											'description'	=>	$form->description,
										])

		@slot( 'body' )
		<form id="audit_form">
			<div class="pt-2 d-flex flex-wrap justify-content-between">

				<div class="mr-2">
					<h5><span class="font-weight-600">@lang('audit.auditor'):</span> {{$assignment->user->full_name}}</h5>

					<div class="form-group form-inline">
				        <label for="supervisor_select" class="mr-3"><span class="font-weight-600">@lang('audit.line_lead'):</span></label>
						<select id="supervisor_select" required name="supervisor_id" class="form-control select" data-fouc >
							<option value="">@lang('audit.choose')</option>
							@foreach($users as $user)
								<option value="{{$user->id}}">{{$user->employee_id." - ".$user->email_name}}</option>
							@endforeach
						</select>
				    </div>

					@if($form->is_part_number_required)
					<div class="form-group form-inline">
				        <label for="part_number_select" class="mr-3"><span class="font-weight-600">{{$form->part_number_description}}:</span></label>
						<select id="part_number_select" required name="part_number_id" class="form-control select" data-fouc >
							<option value="">@lang('audit.choose')</option>
							@foreach($part_numbers as $part)
								<option value="{{$part->id}}">{{$part->name}}</option>
							@endforeach
						</select>
				    </div>
				    @endif
				</div>

				<div class="mr-2">
					<h5><span class="font-weight-600">@lang('master.line'):</span> {{$assignment->line->name}}</h5>
					<h5><span class="font-weight-600">@lang('master.plant'):</span> {{$assignment->sub_plant->name}}</h5>
					@if(Auth::user()->plant_id === \App\Master\Plant::POLAND)
					<h5><span class="font-weight-600">@lang('master.machine'):</span> {{$assignment->machine ? $assignment->machine->name : ""}}</h5>
					@endif
					<h5><span class="font-weight-600">@lang('audit.layer'):</span> {{$assignment->layer_name}}</h5>
				</div>

			</div>
			
			<h4 id="answer_directions" class="">@lang('audit.answer_details'):</h4>
			{{-- _____________________ NORMAL QUESTIONS _____________________ --}}
			@foreach($questions->sortBy('order') as $key => $question)
				<div data-question="{{$question}}" class="question-div question-divider">
					<h4 class="question-inquiry">{{ $loop->iteration . " - " . $question->inquiry}}</h4>

					<div class="my-3">
						<div class="custom-control custom-radio custom-control-inline">
	                      <input value="{{\App\Audit\Answer::OK}}" type="radio" id="status_ok_question_{{$question->id}}" name="status_question_{{$question->id}}" class="custom-control-input" required>
	                      <label class="custom-control-label ok" for="status_ok_question_{{$question->id}}">@lang('audit.ok_option')</label>
	                    </div>

						<div class="custom-control custom-radio custom-control-inline">
	                      <input value="{{\App\Audit\Answer::NOT_OK}}" type="radio" id="status_no_ok_question_{{$question->id}}" name="status_question_{{$question->id}}" class="custom-control-input" required>
	                      <label class="custom-control-label not-ok" for="status_no_ok_question_{{$question->id}}">@lang('audit.not_ok_option')</label>
	                    </div>
						@if($question->form->is_quality)
						<div class="custom-control custom-radio custom-control-inline">
	                      <input value="{{\App\Audit\Answer::NA}}" type="radio" id="status_na_question_{{$question->id}}" name="status_question_{{$question->id}}" class="custom-control-input" required>
	                      <label class="custom-control-label" for="status_na_question_{{$question->id}}">@lang('audit.na_option')</label>
	                    </div>
	                    @endif
					</div>

                    <div class="my-2 comment-div" style="display: none">
				        <label for="comment_question_{{$question->id}}" class="col-form-label">@lang('audit.add_comment') <span></span> :</label>
						<textarea class="form-control" name="comment_question_{{$question->id}}" maxlength="65535" placeholder=""></textarea> 
                    </div>

                    <div class="my-2 operation-div" style="display: none">
				        <label for="operation_question_{{$question->id}}" class="col-form-label">{{$question->form->operation_description}} <span></span> :</label>
						<input id="operation_question_{{$question->id}}" type="text" class="form-control" maxlength="255" placeholder="" name="operation_question_{{$question->id}}">
                    </div>

                    <div class="my-2 file-div" style="display: none">
						<label class="col-form-label">@lang('audit.attach_file') <span></span></label>
						<div class="file-inputs-div">
							@component('components.file_input',['id'=>"fileNormal_add_{$question->id}_1", 'name'=>"fileNormal_add_{$question->id}_1", 'accept' => 'image/jpeg,image/gif,image/png'])@endcomponent
						</div>
						<span class="text-muted">@lang('audit.max_size_file')</span>

						<div class="img-preview-div">
							
						</div>
                    </div>
				</div>
			@endforeach
			{{-- _____________________ QUALITY ALERT QUESTIONS _____________________ --}}
			@if($assignment->is_quality)
				@foreach($assignment->line->activeQualityAlerts as $key => $alert)
					<div data-alert="{{$alert}}" class="alert-div question-divider">
						<h4 class="question-inquiry">{{$alert->inquiry}}</h4>

						<div class="my-3">
							<div class="custom-control custom-radio custom-control-inline">
		                      <input value="{{\App\Audit\Answer::OK}}" type="radio" id="status_ok_alert_{{$alert->id}}" name="status_alert_{{$alert->id}}" class="custom-control-input" required>
		                      <label class="custom-control-label ok" for="status_ok_alert_{{$alert->id}}">@lang('audit.ok_option')</label>
		                    </div>

							<div class="custom-control custom-radio custom-control-inline">
		                      <input value="{{\App\Audit\Answer::NOT_OK}}" type="radio" id="status_no_ok_alert_{{$alert->id}}" name="status_alert_{{$alert->id}}" class="custom-control-input" required>
		                      <label class="custom-control-label not-ok" for="status_no_ok_alert_{{$alert->id}}">@lang('audit.not_ok_option')</label>
		                    </div>
						</div>

	                    <div class="my-2 comment-div" style="display: none">
					        <label for="comment_alert_{{$alert->id}}" class="col-form-label">@lang('audit.add_comment') <span></span> :</label>
							<textarea class="form-control" name="comment_alert_{{$alert->id}}" placeholder=""></textarea> 
	                    </div>

	                    <div class="my-2 file-div" style="display: none">
							<label class="col-form-label">@lang('audit.attach_file') <span></span></label>
							<div class="file-inputs-div">
								@component('components.file_input',['id'=>"fileAlert_add_{$question->id}_1", 'name'=>"fileAlert_add_{$question->id}_1", 'accept' => 'image/jpeg,image/gif,image/png'])@endcomponent
							</div>
							<span class="text-muted">@lang('audit.max_size_file')</span>
							<div class="img-preview-div">
							</div>
	                    </div>
					</div>
				@endforeach
			@endif

			<div class="question-divider"></div>

			<div class="d-flex pt-2 justify-content-center flex-wrap">
				<div class="mx-3 py-2 text-center">
					<canvas width="300" id="supervisor_signature"></canvas>
					<h5><span class="font-weight-600">@lang('audit.sign_details'):</span>  <span></span></h5>
					@component('components.button', 
						['type'=>'delete', 'text'=>__('audit.delete_signature'), 'color_class'=> 'secondary'])
					@endcomponent
				</div>

				@if($user_is_public)
				<div class="mx-3 py-2 text-center">
					<canvas width="300" id="auditor_signature"></canvas>
					<h5><span class="font-weight-600">@lang('audit.sign_auditor'): </span> {{$assignment->user->full_name}}</h5>
					@component('components.button', 
						['type'=>'delete', 'text'=>__('audit.delete_signature'), 'color_class'=> 'secondary'])
					@endcomponent
				</div>
				@endif
			</div>

			<div class="py-5 text-center">
				@component('components.button', 
					['type'=>'send', 'submit' => true,'text'=>__('audit.save_audit'), 'extra_class' => 'btn-lg'])
				@endcomponent
			</div>
		</form>
		@endslot


	@endcomponent

@endsection

@section('app-scripts')
	<script type="text/javascript">
		const ANSWER_OK = {{\App\Audit\Answer::OK}};
		const ANSWER_NOT_OK = {{\App\Audit\Answer::NOT_OK}};
		const ANSWER_NA = {{\App\Audit\Answer::NA}};
		const ASSIGNMENT = {!! $assignment->toJson() !!};
		const USER_IS_PUBLIC = {!! $user_is_public ? 'true' : 'false' !!};
		const USERS = {!! $users->toJson() !!};
		const AUDIT_IS_QUALITY = {{$assignment->form->is_quality ? 'true' : 'false'}};
		const AUDIT_IS_WAREHOUSE = {{$assignment->form->is_warehouse ? 'true' : 'false'}};
	</script>
	<script src="{{mix('js/audit/form_show.js')}}"></script>
@endsection

@section('plugin-scripts')
    <script type="text/javascript" src="{{ asset('js/plugins/touch/touch.js'.'?v=1')}}"></script>
@endsection