@extends('layouts.master')


@section('content')


	<div class="card card-main">

		@include('supplierquality.components.report_partials.header')
				
		<div class="card-body">

			<div class="row">
				<div class="col-12 my-3">
					@include('supplierquality.components.report_partials.general_information')
				</div>
			</div>

			<div class="row">
				<div class="col-12 my-3">
					@yield('one_d')
				</div>
			</div>

			<div class="row">
				<div class="col-12 my-3">
					@yield('two_d')
				</div>
			</div>

			<div class="row">
				<div class="col-12 my-3">
					@yield('three_d')
				</div>
			</div>

			@yield('after_three_d')

			<div class="row">
				<div class="col-12 my-3">
					@yield('four_d')
				</div>
			</div>

			<div class="row">
				<div class="col-12 my-3">
					@yield('five_d')
				</div>
			</div>
			
			<div class="row">
				<div class="col-12 my-3">
					@yield('six_d')
				</div>
			</div>

			<div class="row">
				<div class="col-12 my-3">
					@yield('seven_d')
				</div>
			</div>
			
			<div class="row">
				<div class="col-12 my-3">
					@yield('eight_d')
				</div>
			</div>

			<div class="row">
				<div class="col-12 col-sm-12 col-md-6 my-3">
					@component('supplierquality.components.report_card_attachment',[
							'report'	 	=> 	$report,
							'name'	 		=> 	'Action Evidence Attachment',
							'instruction'	=>	'Add here all the files related with a corrective action',
							'attachment_id'	=>	'action_attachments',
							'file_origin'	=>	"action_file",
							'report_table'	=>	"actions_attachments_table",
							'form_id'		=>	"actions_evidence_form"
						])

					@endcomponent
				</div>
				<div class="col-12 col-sm-12 col-md-6 my-3">
					@component('supplierquality.components.report_card_attachment',[
							'report'	 	=> 	$report,
							'name'	 		=> 	'Custom 8D Report Attachment',
							'instruction'	=>	'Add here your custom 8D Report format',
							'attachment_id'	=>	'custom_report_attachments',
							'file_origin'	=>	"report_file",
							'report_table'	=>	"custom_8d_report_table",
							'form_id'		=>	"custom_8d_report_attachment_form"
						])
					@endcomponent
				</div>
			</div>

			@if(!$report->is_saved )
			<div class="row mt-3 mb-5">
				<div class="col-md-12 text-center">
					<button id="save_report_button" class="btn bg-success btn-lg btn-ladda btn-ladda-spinner py-2"  data-style="zoom-in" style="font-size: 1rem;">
						<i class="icon-paperplane mr-2"></i>
						Save and Submit 8D Report for Approval
					</button>
				</div>
			</div>
			@endif

			@if($user->is_internal)
			
				@yield('documentation')

			@endif

		</div>
	</div>			
	

@endsection



@section('plugin-scripts')
	<script src="{{asset('js/plugins/forms/styling/switch.min.js')}}"></script>
	{{-- <script src="{{asset('js/plugins/pickers/anytime.5.2.0.min.js')}}"></script> --}}
@endsection


@section('app-scripts')

	<script type="text/javascript"> 
		const REPORT = {!! $report->toJson() !!};
	</script> 
	<script src="{{mix('js/supplierquality/eightd_report_v'.$report->version.'.js')}}"></script>

@endsection