@extends('layouts.master')

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

@section('content')

	<!-- Scrollable datatable -->
	<div class="card card-main">
		<div class="card-header header-elements-inline">
			<h4 class="card-title">Certificate Types</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 certificate types available for the suppliers.</p>
			<div class="collapse" id="info_collapse">
				<p> 
					• If the name is changed, the system will automatically update the name for all existing certificates.<br>
					• If the certificate is deactivated, it can not be used for new certificates, but the existing ones will keep it.
				</p>
			</div>
		</div>

		<div class="table-responsive border-0">
			<table id="main_datatable" class="table table-hover main-datatable datatable-header-basic">
				<thead>
					<tr>
						<th>&nbsp;</th>
			            <th>Name</th>
			            <th>Type</th>
			            <th>Status</th>
			            <th>Plant</th>
			        </tr>		        
				</thead>					
			</table>
		</div>

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

@endsection

@section('plugin-scripts')

	@include('scripts.datatablesjs')

@endsection

@section('app-scripts')

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

@endsection