@extends('layouts.master')

@section('pageTitle', __('Start New Document Workflow'))
@section('content')
	@include('includes.form_style')
		
		<div class="page-header">
			<h1 class="page-title">{{ __('Start New 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','Incoming') }}">{{ __('Document') }}</a></li>
				<li class="breadcrumb-item active">{{ __('Document Workflow') }}</li>
			</ol>
			<div class="page-header-actions">
				<a class="btn btn-dark" href="{{ route('documents','Incoming') }}">
				<i class="icon wb-arrow-left" aria-hidden="true"></i>
				<span class="hidden-sm-down">{{ __('Back To Document') }}</span>
				</a>
			</div>
		</div>
		
		
		<script type="text/javascript">
			$(function(){
				$("#add-form").validationEngine('attach',{scroll:false});
				$("#workflow_type_id").change(function(){
					if($(this).val()=='2'){
						setTimeout(function(){
							window.location.href = "{{ route('create_outgoing_document_workflow') }}";
						}, 1);
					}
					else if($(this).val()=='3'){
						setTimeout(function(){
							window.location.href = "{{ route('create_internal_document_workflow') }}";
						}, 1);
					}
				});
				$(".datepicker").datepicker({
					autoclose: true,
					todayHighlight: true,
					format: 'dd-mm-yyyy'
				}).datepicker('update', new Date());

				$(".datepickerx").datepicker({
					autoclose: true,
					todayHighlight: true,
					format: 'dd-mm-yyyy'
				});

				$('#reviewers').change(function(){
					getSupportersOption($(this).val());
				});
			});

			function getSupportersOption(optVal){
				$('#supporters').html($('#supporters_demo').html());
				$("#supporters option[value='"+optVal+"']").remove();
			}
		</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" for="workflow_type_id">{{ __('Workflow Type') }}</label>
												<select class="form-control validate[required]" name = "workflow_type_id" id = "workflow_type_id" tabindex="1">
													@if($workflow_types)
														@foreach($workflow_types as $workflow_type)
															<option value = "{{ $workflow_type->id }}" {{ old('workflow_type_id') && old('workflow_type_id')==$workflow_type->id ?'selected':'' }} >{{ dataTranslation($workflow_type->name) }}</option>
														@endforeach
													@endif
												</select>
											</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') : '' }}" tabindex="2">
												</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" tabindex="3">
													@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" tabindex="4">
													@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" tabindex="5">
													@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" tabindex="6">
													@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 hide-on-demand" >
											<div class="form-group col-md-4">
												<label class="form-control-label" for="sender_letter_number">{{ __('Sender Letter Number') }}</label>
												<input type="text" class="form-control validate[required]" name = "sender_letter_number" id = "sender_letter_number" autocomplete="off"  value="{{ $data['registration_number'] ?? ''}}" tabindex="7"/>
											</div>
											<div class="form-group col-md-4">
												<label class="form-control-label" for="sender_letter_date">{{ __('Sender Letter Date') }}</label>
												<div class="input-group">
													<label class="input-group-addon" for="sender_letter_date"><i class="icon wb-calendar" aria-hidden="true"></i></label>
													{{-- <input type="text" class="form-control datepicker validate[required]" name = "sender_letter_date" id = "sender_letter_date" data-plugin="datepicker" autocomplete="off" readonly value="{{($data['registration_date'] ?? old('sender_letter_date') ? old('sender_letter_date') : '' )}}" tabindex="8"> --}}
													<input type="text" class="form-control datepickerx validate[required]" name = "sender_letter_date" id = "sender_letter_date" data-plugin="datepicker" autocomplete="off" readonly value="{{($data['registration_date'] ?? (old('sender_letter_date') ? old('sender_letter_date') : '' ))}}" tabindex="8">
												</div>
											</div>
											<div class="form-group col-md-4">
												<label class="form-control-label" for="related_documents">{{ __('Registration Number') }}</label>
												<div class="input-group mb-3">
													<input type="text" name="registration_number" class="form-control text-primary" id="registration_number" placeholder="" readonly tabindex="-1">
													<div class="input-group-append">
														<a data-href="{{route('get_next_reg_number', 1)}}" id="next_reg_number_id" class="btn btn-default text-primary" tabindex="9"><i class="fa fa-refresh" aria-hidden="true"></i></a>
													</div>
												</div>
											</div>
										</div>
										<div class="row">
											{{-- <div class="form-group col-md-6">
												<label class="form-control-label" for="additional_notes">{{ __('Additional Notes') }}</label>
												<textarea class="form-control" name = "additional_notes" id = "additional_notes" maxlength="{{ $setting->additional_notes_text_limit }}" tabindex="10">{{ old('additional_notes') ? old('additional_notes') : '' }}</textarea>
											</div> --}}
										</div>
										<div class="row">
											<div class="form-group col-md-12">
												<label class="form-control-label" for="contact_id">{{ __('Choose Sender') }} <small class="text-danger">{{$data['contact_id'] ?? ''}}</small></label>
												<div class="select2-primary">
													<select class="form-control validate[required]" multiple="multiple" type="text" style="width:100%" name="contact_id[]" id="contact_id" tabindex="10">
													@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="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 Reviewer') }}</label>
														<div class="select2-primary">
															<select class="form-control" data-plugin="select2" name="reviewers" id="reviewers" style="width:100%" tabindex="11">
																@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%" tabindex="12">
															</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 }}" tabindex="13">{{ $data['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 }}" tabindex="14">{{ 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" tabindex="15"><i class="icon wb-check" aria-hidden="true"></i> {{ __('SAVE') }}</button>
													</div>
												</div>
											</div>
											<div class="form-group  col-md-4">
												@if(isset($data['file']))
													<label class="form-control-label" for="scanned_documents">{{ __('Import Remote File') }} 
													<a href="#" class="enabled" id="remote_file_add" data-file="{{$data['path']}}" title=""><i class="fa fa-check-circle btn-success btn-circle" aria-hidden="true"></i></a>
													<a href="#" id="remote_file_delete" hidden data-id="" title="{{ __('DELETE') }}"><i class="fa fa-times btn-danger btn-circle" aria-hidden="true"></i></a>
													<div class="text-danger" id="remote_file_info" hidden>{{$data['file']}}</div>
													</label>
													<br>
												@endif
												<label class="form-control-label" for="scanned_documents">{{ __('Scanned 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')
	<style>
		.btn-circle {
			width: 30px;
			height: 30px;
			padding: 6px 0px;
			border-radius: 15px;
			text-align: center;
			font-size: 12px;
			line-height: 1.42857;
		}
	</style>
	<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
	</script>
@endsection