@extends('layouts.master', [
								'class'				=>	'ppap',
								'plugins'			=> ['datatables' => true]
							])

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 	'My Documents APQP Project',
											'description'	=>	'Here you can see his documents.'
										])

		@slot( 'body' )
		@endslot

		@slot('after_body')
            @component('components.datatable')
				@slot('thead')
					<tr>
						<th style="width: 80px">ID</th>
						<th style="width: 200px">Name</th>
						<th style="width: 200px">Part Number</th>
						<th style="width: 200px">Phase</th>
						<th style="width: 140px">File Path</th>
						<th style="width: 110px">View Revisions</th>
						<th style="width: 170px">Accept / Decline</th>	
						<th style="width: 300px">Verificator Comment</th>
						<th style="width: 160px">Status</th>
						<th style="width: 160px">Delivery Due</th>
						<th style="width: 130px">Is Required</th>
						<th style="width: 80px">Active/Obsolete</th>
						<th style="width: 250px">Responsible</th>
						<th style="width: 250px">Details</th>
						@if ($user->ppap_role['role'] == Role::PPAP_ADMIN)
							<th style="width: 250px">Creator</th>
						@endif
					</tr>
				@endslot
				@slot('tfoot')
                    <tr>
                        <td style="width: 80px">ID</td>
						<td style="width: 200px">Name</td>
						<td style="width: 200px">Part Number</td>
						<td style="width: 200px">Phase</td>
						<td style="width: 140px" class="not-searchable">File Path</td>
						<td style="width: 110px" class="not-searchable">View Revisions</td>
						<td style="width: 170px" class="not-searchable">Accept / Decline</td>	
						<td style="width: 300px" class="not-searchable">Verificator Comment</td>
						<td style="width: 160px">Status</td>
						<td style="width: 160px">Delivery Due</td>
						<td style="width: 130px" class="not-searchable">Is Required</td>
						<td style="width: 80px" class="not-searchable">Active/Obsolete</td>
						<td style="width: 250px">Responsible</td>
						<td style="width: 250px" class="not-searchable">Details</td>
						@if ($user->ppap_role['role'] == Role::PPAP_ADMIN)
							<td style="width: 250px">Creator</td>
						@endif
                    </tr>
                @endslot
			@endcomponent
		@endslot
	@endcomponent

	<!-- --------- Upload Document modal----------- -->
	<div id="add_document_modal" class="modal fade" tabindex="-1" data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">Upload Document</h4>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>
				
				<form id="add_document_form" enctype="multipart/form-data">
					<div class="modal-body">
						<div class="form-group row">
							<label class="col-form-label col-sm-3 mt-2">Select File<span class='text-danger'>*</span></label>
							<div class="col-sm-9">
								<input type="hidden" name="id" value="">

								<div class="">
									@component('components.file_input',[
									'id'=>'import_file', 
									'name'=>'import_file', 
									'accept' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel, application/pdf'
									])@endcomponent
								</div>
								<span class="text-muted">Accepted file type: PDF, Excel. Max file size 5MB</span>								
							</div>
						</div>
						<div id="feedback_upload_document"></div>
					</div>
					<div class="modal-footer">
						<button data-style="zoom-in" type="submit" class="btn bg-primary btn-ladda btn-ladda-spinner">Upload Document<i class="icon-paperplane ml-1"></i> </button>
					</div>						
				</form>
			</div>
		</div>
	</div>
	<!-- --------- / Upload Document modal----------- -->

	<!-- --------- Upload Signed Document modal----------- -->
	<div id="add_signed_document_modal" class="modal fade" tabindex="-1" data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">Upload Document</h4>
					<button type="button" class="close" data-dismiss="modal">&times;</button>
				</div>
				
				<form id="add_signed_document_form" enctype="multipart/form-data">
					<div class="modal-body">
						<div class="form-group row">
							<label class="col-form-label col-sm-3 mt-2">Select File<span class='text-danger'>*</span></label>
							<div class="col-sm-9">
								<input type="hidden" name="id" value="">

								<div class="">
									@component('components.file_input',[
									'id'=>'signed_import_file', 
									'name'=>'signed_import_file', 
									'accept' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel, application/pdf'
									])@endcomponent
								</div>
								<span class="text-muted">Accepted file type: PDF, Excel. Max file size 5MB</span>								
							</div>
						</div>
						<div id="feedback_upload_signed_document"></div>
					</div>
					<div class="modal-footer">
						<button data-style="zoom-in" type="submit" class="btn bg-primary btn-ladda btn-ladda-spinner">Upload Document<i class="icon-paperplane ml-1"></i> </button>
					</div>						
				</form>
			</div>
		</div>
	</div>
	<!-- --------- / Upload Signed Document modal----------- -->
@endsection


@section('app-scripts')
	<script type="text/javascript">
		const PROJECTS = {!!$projects->toJSON()!!};
		const DOCUMENTS = {!!$documents->toJSON()!!};
		const USER = Katcon.authUser;
		const USERS = {!! $users->toJson() !!};
		const ADMIN_ROLE = {!! Role::PPAP_ADMIN !!};
		const USER_ROLE = {!! Role::PPAP_USER !!};
		const SUPPLIER_ROLE = {!! Role::PPAP_SUPPLIER !!};
		const READ_ONLY_ROLE = {!! Role::PPAP_READ_ONLY !!};
		@if ($user->roles->has(Role::PPAP_ADMIN))
		const USER_IS_ADMIN = true;
		@else
		const USER_IS_ADMIN = false;
		@endif
	</script>
	<script src="{{mix('js/ppap/document/my_docs.js')}}"></script>

@endsection