@php
if($workflow_document->workflow_type_id == 1)
	$type_para = "Incoming";
elseif($workflow_document->workflow_type_id == 2)
	$type_para = "Outgoing";
else
	$type_para = "Incoming";
@endphp

<div class="page-header">
	<h1 class="page-title">{{ __('Delegate Document Workflow') }}</h1>
	<ol class="breadcrumb">
		<li class="breadcrumb-item"><a href="javascript: void(0);">{{ __('Dashboard') }}</a></li>
		<li class="breadcrumb-item"><a href="{{ route('documents', $type_para) }}">{{ __(''.$type_para.' Documents') }}</a></li>
		<li class="breadcrumb-item active">{{ __('Delegate Document Workflow') }}</li>
	</ol>
	<div class="page-header-actions">
		<a class="btn btn-dark" href="{{ route('documents', $type_para) }}">
		<i class="icon wb-arrow-left" aria-hidden="true"></i>
		<span class="hidden-sm-down">{{ __('Back To '.$type_para.' Document') }}</span>
		</a>
	</div>
</div>


<div class="page-content">
	<div class="panel">
		<div class="panel-body container-fluid">
			<div class="row row-lg">
				<div class="col-md-12">
					<div class="example-wrap">
						<div class="example">
							<form method="post" action="{{ route('delegate', base64_encode($workflow_document->id)) }}" autocomplete="off">
								@csrf
								<div class="row">
									<div class="form-group col-md-6">
										<label class="form-control-label" for="reviewers">{{ __('Assign As Reviewer') }}</label>
										<div class="select2-primary">
											<select class="form-control select2 validate[required]" required name="reviewers" id="reviewers" style="width:100%">
												@include('document-workflows.edit_document_reviewer_options')
											</select>
										</div>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="supporters">{{ __('Assign As Supporter') }}</label>
										<div class="select2-primary">
											<select class="form-control select2" multiple name="supporters[]" id="supporters" style="width:100%;">
												@include('document-workflows.edit_document_supporter_options')
											</select>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="form-group col-md-6">
										<label class="form-control-label" for="related_documentss">{{ __('Related Document') }}</label>
										<div class="select2-primary">
											<select class="form-control" multiple style="width:100%" name="related_documents[]" id="related_documentss">
												@if(isset($documents))
													@foreach($documents->where('registration_number', '!=', '')->where('is_deleted', 0)->where('id', '<>', $workflow_document->id) as $document)
														<option value = "{{ $document->id }}" data-value = "{{ $document->registration_number }}" {{ old('related_documents') && in_array($document->id, old('related_documents')) ?'selected':'' }} >{{ $document->registration_number }}</option>
													@endforeach
												@endif
											</select>
										</div>
									</div>
									<div class="form-group col-md-6">
										<label class="form-control-label" for="comment">{{ __('Comments') }}</label>
										<textarea class="form-control" name = "comment" id = "comment" maxlength="{{ $setting->comment_text_limit }}">{{ old('comment') ? old('comment') : '' }}</textarea>
									</div>
								</div>
								<!-- Modal footer -->
								<div class="modal-footer">
									<button type="submit" class="btn btn-success" id="btnDelegate"><i class="icon wb-check" aria-hidden="true"></i>{{ __('Delegate') }}</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<select class="d-none" id="supporters_demo" >
				@include('document-workflows.edit_document_supporter_options')
			</select>
		</div>
	</div>
</div>
	@include('includes.form_script')
	<script>
		function callRelatedDocuments()
		{
			$("#related_documentss").select2({
				ajax: {
					url: "{{ route('get_related_documents') }}",
					dataType: 'json',
					method: 'GET',
					delay: 250,
					data: function (params) {
						return {
							search: params.term, // search term
							page: params.page
						};
					},
					processResults: function (data, params) {
						params.page = params.page || 1;
						return {
							results: data.data,
							pagination: {
							more: (params.page * 20) < data.total_count
							}
						};
					},
					cache: true
				},
					placeholder: 'REG ýada Tema',
					minimumInputLength: 3,
					templateResult: formatRepoRelatedDocument,
					templateSelection: formatRepoRelatedDocumentSelection
			});
			function formatRepoRelatedDocument (repo) {
				if (repo.loading) {
					return repo.text;
				}

				var $container = $(
					"<div class='select2-result-repository clearfix'>" +
						"<div class='select2-result-repository__meta'>" +
							"<div class='select2-result-repository__title'></div>" +
							"<div class='select2-result-repository__topic small'></div>" +
						"</div>" +
					"</div>"
				);

				$container.find(".select2-result-repository__title").text(repo.registration_number);
				$container.find(".select2-result-repository__topic").text(repo.topic);

				return $container;
			};
			function formatRepoRelatedDocumentSelection (repo) {
				return repo.registration_number;
			};
		};
		$(".select2").select2({width: 'resolve'});
		$('#reviewers').change(function(){
			getSupportersOption($(this).val());
		});
		function getSupportersOption(optVal){
			$('#supporters').html($('#supporters_demo').html());
			$("#supporters option[value='"+optVal+"']").remove();
		};
		callRelatedDocuments();
	</script>