@extends('layouts.master')

@section('pageTitle', __('Outgoing Document Workflow'))
@section('content')
	@include('includes.form_style')
		
		<div class="page-header">
			<h1 class="page-title">{{ __('Start New Outgoing 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','Outgoing') }}">{{ __('Outgoing Document') }}</a></li>
				<li class="breadcrumb-item active">{{ __('Outgoing Document Workflow') }}</li>
			</ol>
			<div class="page-header-actions">
				<a class="btn btn-dark" href="{{ route('documents','Outgoing') }}">
				<i class="icon wb-arrow-left" aria-hidden="true"></i>
				<span class="hidden-sm-down">{{ __('Back To Outgoing Document') }}</span>
				</a>
			</div>
		</div>
		
		
		<script type="text/javascript">
			$(function(){
				$("#add-form").validationEngine('attach',{scroll:false});
				$(".datepicker").datepicker({
					autoclose: true,
					todayHighlight: true,
					format: 'dd-mm-yyyy'
				}).datepicker('update', new Date());
			});
		</script>
		<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">
									@if($errors->any())
										<div class="alert alert-danger">
											@foreach($errors->all() as $error)
												<p>{{ $error }}</p>
											@endforeach
										</div>
									@endif
									<form method="post" action="{{ route('document_workflow_store') }}" id="add-form" autocomplete="off" enctype="multipart/form-data">
										@csrf
										<div class="row">
											<div class="form-group col-md-4">
												<label class="form-control-label">{{ __('Workflow Type') }}</label>
												@php
												$workflow_type = App\WorkflowType::where('name', 'like', 'Outgoing%')->orWhere('id', '=', 2)->first();
												@endphp
												<div class="form-control bg-light cursor-not-allowed">{{ dataTranslation($workflow_type->name) !== null ? dataTranslation($workflow_type->name) : ''}}</div>
												<input type="hidden" name = "workflow_type_id" value = "2">
											</div>
											<div class="form-group col-md-4">
												<label class="form-control-label" for="due_date">{{ __('Due Date') }}</label>
												<div class="input-group">
													<label class="input-group-addon" for="due_date">
													<i class="icon wb-calendar" aria-hidden="true"></i>
													</label>
													<input type="text" class="form-control datepicker validate[required]" name = "due_date" id = "due_date" data-plugin="datepicker" autocomplete="off" readonly value="{{ old('due_date') ? old('due_date') : '' }}">
												</div>
											</div>
											<div class="form-group col-md-4">
												<label class="form-control-label" for="priority_id">{{ __('Priority') }}</label>
												<select class="form-control validate[required]" name = "priority_id" id = "priority_id">
													@if($priorities)
														@foreach($priorities as $priority)
															<option value = "{{ $priority->id }}" {{ old('priority_id') && old('priority_id')==$priority->id ?'selected':'' }} >{{ dataTranslation($priority->name) }}</option>
														@endforeach
													@endif
												</select>
											</div>
										</div>
										<div class="row">
											<div class="form-group col-md-4">
												<label class="form-control-label" for="document_type_id">{{ __('Type Of Document') }}</label>
												<div class="input-group">
													<select class="form-control validate[required]" name = "document_type_id" id = "document_type_id">
													@if($document_types)
														@foreach($document_types as $document_type)
															<option value = "{{ $document_type->id }}" {{ old('document_type_id') && old('document_type_id')==$document_type->id ?'selected':'' }} >{{ dataTranslation($document_type->name) }}</option>
														@endforeach
													@endif
													</select>
												</div>
											</div>
											<div class="form-group col-md-4">
												<label class="form-control-label" for="delivery_type_id">{{ __('Type Of Delivery') }}</label>
												<select class="form-control validate[required]" name = "delivery_type_id" id = "delivery_type_id">
													@if($delivery_types)
														@foreach($delivery_types as $delivery_type)
															<option value = "{{ $delivery_type->id }}" {{ old('delivery_type_id') && old('delivery_type_id')==$delivery_type->id ?'selected':'' }} >{{ dataTranslation($delivery_type->name) }}</option>
														@endforeach
													@endif
												</select>
											</div>
											<div class="form-group col-md-4">
												<label class="form-control-label" for="related_documents">{{ __('Related Document') }}</label>
												<div class="select2-primary">
													<select class="form-control" multiple  style="width:100%" name="related_documents[]" id="related_documents">
													@if(isset($documents))
														@foreach($documents->where('registration_number', '!=', '')->where('is_deleted', 0) 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>
										<div class="row">
											<div class="form-group col-md-12">
												<label class="form-control-label" for="contact_id">{{ __('Choose Recipient') }}</label>
												<div class="select2-primary">
													<select class="form-control validate[required]" multiple="multiple" style="width:100%" name="contact_id[]" id="contact_id">
													@if(isset($senders))
														@foreach($senders as $sender)
															<option value = "{{ $sender->id }}" {{ old('contact_id') && in_array($sender->id, old('contact_id')) ?'selected':'' }} >{{ $sender->organization_name }}</option>
														@endforeach
													@endif
													</select>
												</div>
											</div>
										</div>
										<div class="row">
											<div class="form-group col-md-8" style="padding-right:20px; border-right: 1px solid #ccc;">
												<div class="row">
													<div class="form-group col-md-6">
														<label class="form-control-label" for="reviewers">{{ __('Assign As Approver') }}</label>
														<div class="select2-primary">
															<select class="form-control validate[required]" data-plugin="select2"  style="width:100%" name="reviewers" id="reviewers">
															<option value = ''>-- Select a approver --</option>
															@include('document-workflows.create_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" multiple data-plugin="select2" name="supporters[]" id="supporters" style="width:100%">
															</select>
														</div>
													</div>
												</div>
												<div class="row">
													<div class="form-group col-md-6">
														<label class="form-control-label" for="topic">{{ __('Topic') }}</label>
														<textarea class="form-control validate[required]" name = "topic" id = "topic" maxlength="{{ $setting->topic_text_limit }}">{{ old('topic') ? old('topic') : '' }}</textarea>
													</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>
												<div class="row">
													<div class="form-group col-md-12">
														<button type="submit" class="btn btn-success" id="uploadBtn"><i class="icon wb-check" aria-hidden="true"></i> {{ __('Send for Approval') }}</button>
													</div>
												</div>
											</div>
											<div class="form-group  col-md-4">
												<label class="form-control-label" for="scanned_documents">{{ __('Attach Documents') }}</label>				
												<div id="mulitplefileuploader">{{__('Upload')}}</div>
												<div id="status"></div>
												<div>
													<input type="text" name="file_ids" value="" id="file_ids" class="validate[required]" style="visibility: hidden;">
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<select class="d-none" id="supporters_demo" >
			@include('document-workflows.create_document_reviewer_options')
			</select>
		</div>
	@include('includes.form_script')
	@include('includes.contacts_documents_ajax')
	<script>
		@if($users)
			@foreach($users->where('department_id', '0')->where('id', '<>', Auth::user()->id) as $key => $user)
				getSupportersOption("{{ 'uid-'.$user->id }}");
				@php
					break;
				@endphp
			@endforeach
		@endif
		
		function getSupportersOption(optVal){
			$('#supporters').html($('#supporters_demo').html());
			$("#supporters option[value='"+optVal+"']").remove();
		}
		$('#reviewers').change(function(){
			getSupportersOption($(this).val());
		});
		$("#uploadBtn").attr('disabled','disabled');
		$('#reviewers').change( function(){
			if($(this).val()!=''){
				$("#uploadBtn").removeAttr('disabled');
			}else{
				$("#uploadBtn").attr('disabled','disabled');
			}
		});

	  </script>
@endsection