@extends('layouts.master')

@section('styles')
	<link href="{{asset('css/plugins/editors/summernote/summernote-bs4.css')}}" rel="stylesheet" type="text/css">
@endsection

@section('header-title')
	<span class="font-weight-semibold">Supplier Quality</span> - Policies
@endsection

@section('content')

	<!-- Scrollable datatable -->
	<div class="card card-main">
		<div class="card-header header-elements-inline">
			<h4 class="card-title">Configure  Policies</h4>
			<div class="header-elements">
				<div class="list-icons">
					<a class="btn btn-outline-primary rounded-round" data-toggle="collapse" href="#info_collapse"><i class="icon-info22 mr-2"></i>More Info</a>
            	</div>
        	</div>
		</div>

		<div class="card-body">
			<p>Here you can see all the policies used in the QPRs.</p>
			<div class="collapse" id="info_collapse">
				<p> 
					• If the policy is updated, it will apply only for new QPRs.
				</p>	
			</div>				
			@foreach( $plants as $plant )
				<fieldset>					
					<legend class="font-size-lg font-weight-semibold">{{$plant->name}}</legend>

					<div class="row mb-3">
						<div class="col-md-6">
							<h6 class="">International Language</h6>
							<div class="policy-content">
								{!! $plant->activePolicy->international ?? 'No Policy yet.' !!}
							</div>
	            			<div class="text-right">
	            				<button class="edit-field btn btn-primary mt-2 mr-4"><i class="icon-pencil5 mr-1"></i>Edit</button>
	            				<button class="preview-field btn btn-info mt-2 mr-4" style="display: none"><i class="icon-file-eye mr-1"></i>Preview</button>
	            				<button class="save-field btn btn-success mt-2 mr-4 btn-ladda btn-ladda-spinner" data-plant_id="{{$plant->id}}" data-policy_lang='international' data-style="zoom-in" style="display: none"><span class="ladda-label"><i class="icon-floppy-disk mr-1"></i>Save changes</span></button>
	            			</div>
						</div>
						<div class="col-md-6">
							<h6 class="">Local Language</h6>
							<div class="policy-content">
								{!! $plant->activePolicy->local ?? 'No Policy yet.' !!}
							</div>
							<div class="text-right">
	            				<button class="edit-field btn btn-primary mt-2 mr-4"><i class="icon-pencil5 mr-1"></i>Edit</button>
	            				<button class="preview-field btn btn-info mt-2 mr-4" style="display: none"><i class="icon-file-eye mr-1"></i>Preview</button>
	            				<button class="save-field btn btn-success mt-2 mr-4 btn-ladda btn-ladda-spinner" data-plant_id="{{$plant->id}}" data-policy_lang='local' data-style="zoom-in" style="display: none"><span class="ladda-label"><i class="icon-floppy-disk mr-1"></i>Save changes</span></button>
							</div>
						</div>
					</div>
				</fieldset>

			@endforeach

		</div>

	</div>
	<!-- /scrollable datatable -->

@endsection

@section('plugin-scripts')
    <script src="{{asset('js/plugins/editors/summernote/summernote-bs4.min.js')}}"></script>
@endsection

@section('app-scripts')

    <script src="{{mix('js/supplierquality/policies.js')}}"></script>

@endsection