@extends('layouts.app')

	@section('breadcrumb')
		<ul class="breadcrumb">
	    <li><a href="/home">{!! trans('messages.home') !!}</a></li>
	    <li><a href="/task">{!! trans('messages.task') !!}</a></li>
	    <li class="active">{{$task->title}}</li>
		</ul>
	@stop

	@section('content')

		@if (env('COMPANY_ID') == 123)
			<style>
				/* WestMinster */
				.modal-lg { width:1300px; }
			</style>
		@endif

		<div class="row">
			<div class="col-md-8">
				<div class="box-info full">
					<ul class="nav nav-tabs nav-justified">
					  <li class="active"><a href="#detail-tab" data-toggle="tab"><i class="fa fa-home"></i> {!! trans('messages.detail') !!}</a></li>
					  <li><a href="#comment-tab" data-toggle="tab"><i class="fa fa-comment"></i> {!! trans('messages.comment') !!}</a></li>
					  <li><a href="#attachment-tab" data-toggle="tab"><i class="fa fa-paperclip"></i> {!! trans('messages.attachment') !!}</a></li>
						{{-- <li><a href="#sub-task-tab" data-toggle="tab"><i class="fa fa-tasks"></i> {!! trans('messages.sub').' '.trans('messages.task') !!}</a></li> --}}
						{{-- <li><a href="#note-tab" data-toggle="tab"><i class="fa fa-pencil"></i> {!! trans('messages.note') !!}</a></li> --}}
						{{-- <li><a href="#send-report-tab" data-toggle="tab"><i class="fa fa-envelope-open-o"></i> {!! trans('messages.send').' '.trans('messages.report') !!}</a></li> --}}
					</ul>

					<div class="tab-content">

						{{-- Detail Tab --}}
						<div class="tab-pane animated active fadeInRight" id="detail-tab">
							<div class="user-profile-content">
								{{-- Incident Description --}}
								<div id="load-task-description" data-extra="&id={{$task->id}}" data-source="/task-description"></div>

								{{-- Incident Progress --}}
                <h2><b>{{trans('messages.task')}}</b> {{trans('messages.progress')}}</h2>
                {!! Form::model($task,['method' => 'POST', 'route' => ['task.progress',$task], 'class' => 'task-progress-form', 'id' => 'task-progress-form', 'data-refresh' => 'load-task-detail']) !!}
	                <div class="text-center">
	                	<input name="progress" class="slider" id="progress_bar" style="width: 95%;" type="text" data-slider-value="{{$task->progress}}" data-slider-ticks="[0, 25, 50, 75, 100]" data-slider-ticks-snap-bounds="1" data-slider-ticks-labels='["0%", "25%", "50%", "75%", "100%"]'/>
	                </div><br>
	                {!! Form::button(isset($buttonText) ? $buttonText : '<i class="fa fa-sliders"></i> '.trans('messages.update').' '.trans('messages.progress'),['class' => 'btn btn-primary pull-right btn-sm', 'id'=>'ob-update-btn', 'type' => 'submit']) !!}
								{!! Form::close() !!}

								{{-- View Incident Report --}}
								{!! Form::open(['url' => url('/task/'.$task->uuid.'/report'), 'files' => true, 'target' => '_blank']) !!}
									{!! Form::button('<i class="fa fa-file-pdf-o"></i> '.trans('messages.view').' '.trans('messages.task').' '.trans('messages.report'),['class' => 'btn btn-info pull-left btn-sm', 'onclick' => 'this.form.submit();']) !!}
								{!! Form::close() !!}

								{{-- Send Incident Report to Clients --}}
								@if ($task->progress == 100 && Laratrust::isAbleTo('list-client'))
									<span style="margin-left:10px;">
										{!! custom_form("/task/$task->id/send-client-email", "task", $task->id, 'fa fa-envelope', '', '- Send incident report to all the clients of the site', trans('messages.send').' '.trans('messages.task').' '.trans('messages.report'), 'btn btn-success btn-sm') !!}
									</span>
								@endif

                <div class="clear"></div>
							</div>
						</div>

						{{-- Comment Tab --}}
						<div class="tab-pane animated fadeInRight" id="comment-tab">
							<div class="user-profile-content">
								{!! Form::model($task,['method' => 'POST','route' => ['task-comment.store',$task->id] ,'class' => 'task-comment-form','id' => 'task-comment-form','data-refresh' => 'load-task-comment']) !!}
								  <div class="form-group">
								    {!! Form::textarea('comment','',['size' => '30x1', 'class' => 'form-control ', 'placeholder' => 'Enter Your '.trans('messages.comment'),'data-autoresize' => 1,'style' => 'border:0px;border-bottom:1px solid #cccccc;'])!!}
								    <span class="countdown"></span>
								  </div>
								  {!! Form::submit(trans('messages.post'),['class' => 'btn btn-primary pull-right btn-sm']) !!}
								{!! Form::close() !!}
								<div class="clear"></div>

								<h2><b>{!! trans('messages.comment') !!}</b> {!! trans('messages.list') !!}</h2>
								<div id="load-task-comment" data-extra="&id={{$task->id}}" data-source="/task-comment"></div>
							</div>
						</div>

						{{-- Attachment Tab --}}
						<div class="tab-pane animated fadeInRight" id="attachment-tab">
							<div class="user-profile-content">
							{!! Form::model($task,['files'=>'true','method' => 'POST','route' => ['task-attachment.store',$task->id] ,'class' => 'task-attachment-form','id' => 'task-attachment-form','data-table-refresh' => 'task-attachment-table','data-file-upload' => '.file-uploader']) !!}
								<div class="row">
									<div class="col-md-6">
										<div class="form-group">
											{!! Form::label('title',trans('messages.title'),[])!!}
											{!! Form::input('text','title','',['class'=>'form-control','placeholder'=>trans('messages.title')])!!}
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											{!! Form::label('','')!!}
											@include('upload.index',['module' => 'task-attachment','upload_button' => trans('messages.upload').' '.trans('messages.file'),'module_id' => ''])
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											{!! Form::label('description',trans('messages.description'),[])!!}
											{!! Form::textarea('description','',['size' => '30x3', 'class' => 'form-control', 'placeholder' => trans('messages.description'),"data-show-counter" => 1,"data-limit" => config('config.textarea_limit'),'data-autoresize' => 1])!!}
											<span class="countdown"></span>
										</div>
									</div>
								</div>
								{!! Form::submit(trans('messages.save'),['class' => 'btn btn-primary pull-right']) !!}
								{!! Form::close() !!}
								<div class="clear"></div>

								<h2><b>{!! trans('messages.attachment') !!}</b> {!! trans('messages.list') !!}</h2>
								<div class="table-responsive">
									<table class="table table-hover table-striped table-bordered ajax-table" id="task-attachment-table" data-source="/task-attachment/lists" data-extra="&task_id={{$task->id}}">
										<thead>
											<tr>
												<th>{!! trans('messages.title') !!}</th>
												<th>{!! trans('messages.description') !!}</th>
												<th>{!! trans('messages.date') !!}</th>
												<th>{!! trans('messages.attachment') !!}</th>
												<th>{!! trans('messages.option') !!}</th>
											</tr>
										</thead>
										<tbody>
										</tbody>
									</table>
								</div>
							</div>
						</div>

						{{-- <div class="tab-pane animated fadeInRight" id="sub-task-tab">
							<div class="user-profile-content">
								<div class="row">
									<div class="col-md-12">
										{!! Form::model($task,['method' => 'POST','route' => ['task.add-sub-task',$task->id] ,'class' => 'sub-task-form','id' => 'sub-task-form','data-table-refresh' => 'sub-task-table']) !!}
											<div class="form-group">
												{!! Form::label('title',trans('messages.title'),[])!!}
												{!! Form::input('text','title','',['class'=>'form-control','placeholder'=>trans('messages.title')])!!}
											</div>
										  <div class="form-group">
										    {!! Form::textarea('description','',['size' => '30x3', 'class' => 'form-control ', 'placeholder' => trans('messages.description'),'data-autoresize' => 1,"data-show-counter" => 1,"data-limit" => config('config.textarea_limit')])!!}
										    <span class="countdown"></span>
										  </div>
										  <div class="form-group">
										  	{!! Form::submit(trans('messages.save'),['class' => 'btn btn-primary pull-right btn-sm']) !!}
										  </div>
										{!! Form::close() !!}
									</div>
								</div>
								<div class="row" style="margin-top: 15px;">
									<div class="col-md-12">
										<div class="table-responsive">
											<table data-sortable class="table table-hover table-striped table-bordered ajax-table show-table"  id="sub-task-table" data-source="/sub-task/lists" data-extra="&task_id={{$task->id}}">
												<thead>
													<tr>
														<th>{!! trans('messages.title') !!}</th>
														<th>{!! trans('messages.description') !!}</th>
														<th>{!! trans('messages.user') !!}</th>
														<th>{!! trans('messages.date') !!}</th>
														<th data-sortable="false" >{!! trans('messages.option') !!}</th>
													</tr>
												</thead>
												<tbody>
												</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>
						</div> --}}

						{{-- <div class="tab-pane animated fadeInRight" id="note-tab">
							<div class="user-profile-content">
								{!! Form::model($task,['method' => 'POST','route' => ['task-note.store',$task->id] ,'class' => 'task-note-form','id' => 'task-note-form','data-no-form-clear' => 1]) !!}
							    <div class="form-group">
							     {!! Form::textarea('note',($task->TaskNote->where('user_id',Auth::user()->id)->count()) ? $task->TaskNote->where('user_id',Auth::user()->id)->first()->note : '',['size' => '30x10', 'class' => 'form-control notebook', 'placeholder' => trans('messages.note'),'data-autoresize' => 1])!!}
							     <span class="countdown"></span>
							    </div>
								  {!! Form::submit(trans('messages.save'),['class' => 'btn btn-primary pull-right']) !!}
								{!! Form::close() !!}
								<div class="clear"></div>
							</div>
						</div> --}}

						{{-- <div class="tab-pane animated fadeInRight" id="send-report-tab">
							<div class="user-profile-content">
								{!! Form::model($task,['method' => 'POST','route' => ['task.email',$task->id] ,'class' => 'user-email-form','id' => 'user-email-form','data-task-id' => $task->id,'data-url' => '/template/content']) !!}
									<div class="row">
										<div class="col-sm-12">
											<div class="form-group">
												{!! Form::label('template_id',trans('messages.email').' '.trans('messages.template'),[]) !!}
												{!! Form::select('template_id', $templates,'',['class'=>'form-control show-tick','id'=>'template_id','title'=>trans('messages.select_one')])!!}
											</div>
											<div class="form-group">
												{!! Form::label('user',trans('messages.email').' '.trans('messages.to'),[]) !!}
				 								{!! Form::select('users[]',$users,'',['class'=>'form-control show-tick','title'=>'Select Clients','multiple'=>'multiple','data-actions-box'=>'true']) !!}
										  </div>
											<div class="form-group">
												{!! Form::label('subject',trans('messages.email').' '.trans('messages.subject'),[]) !!}
												{!! Form::input('text','subject','',['class'=>'form-control','placeholder'=>trans('messages.subject'),'id' => 'mail_subject']) !!}
											</div>
											<div class="form-group">
												{!! Form::textarea('body','',['size'=>'30x3', 'class'=>'form-control summernote', 'id'=>'mail_body', 'placeholder'=>trans('messages.body'), 'data-height'=>'350'])!!}
											</div>
									 	</div>
									</div>
								 	{!! Form::submit(trans('messages.send').' '.trans('messages.task').' '.trans('messages.report'),['class' => 'btn btn-primary pull-right btn-sm']) !!}
								{!! Form::close() !!}
								<div class="clear"></div>
							</div>
						</div> --}}
					</div>
				</div>

			  {{-- <div class="box-info">
					<h2><strong>{!! trans('messages.list_all') !!}</strong> {!! trans('messages.rating') !!}</h2>
					@if($task->user_id == Auth::user()->id)
					<div class="additional-btn">
						<a class="additional-icon" id="dropdownMenu4" data-toggle="dropdown">
							<i class="fa fa-cog fa-lg icon"></i>
						</a>
						<ul class="dropdown-menu pull-right animated half flipInX" role="menu" aria-labelledby="dropdownMenu4">
							<li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-ajax="1" data-extra="&task_id={{$task->id}}&sub_task_rating=0" data-source="/task-rating-type" style="color:black;" data-refresh="show-rating-table">{{trans('messages.task').' '.trans('messages.rating')}}</a></li>
							<li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-ajax="1" data-extra="&task_id={{$task->id}}&sub_task_rating=1" data-source="/task-rating-type" style="color:black;" data-refresh="show-rating-table">{{trans('messages.sub').' '.trans('messages.task').' '.trans('messages.rating')}}</a></li>
						</ul>
					</div>
					@endif
					@if(!$task->sub_task_rating)
						<div class="table-responsive">
							<table data-sortable class="table table-hover table-striped table-bordered ajax-table show-table" id="task-rating-table" data-source="/task-rating/lists" data-extra="&task_id={{$task->id}}">
								<thead>
									<tr>
										<th>{{ trans('messages.user') }}</th>
										<th>{{ trans('messages.rating') }}</th>
										<th>{{ trans('messages.comment') }}</th>
										<th>{{ trans('messages.date') }}</th>
										@if($task->user_id == Auth::user()->id)
											<th data-sortable="false">{{ trans('messages.option') }}</th>
										@endif
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					@else
						<div class="table-responsive">
							<table data-sortable class="table table-hover table-striped table-bordered ajax-table show-table" id="sub-task-rating-table" data-source="/sub-task-rating/lists" data-extra="&task_id={{$task->id}}">
								<thead>
									<tr>
										<th>{{ trans('messages.user') }}</th>
										<th>{{ trans('messages.rating') }}</th>
										@if($task->user_id == Auth::user()->id)
											<th data-sortable="false">{{ trans('messages.option') }}</th>
										@endif
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					@endif
				</div> --}}

			</div>

			{{-- Incident Details Section --}}
			<div class="col-md-4">
				<div class="box-info">
						<h2><b>{!! trans('messages.task') !!}</b> {!!trans('messages.map')!!}</h2>
						@if (!empty($task->hidden_address) || $task->location->hasLatlng)
							<div style="width: 100%; height: 300px;">
								{!! Mapper::render() !!}
							</div>
						@else
						Incident GPS location and site location not found
						@endif
				</div>
	      <div class="box-info full">
	       	<h2><b>{!! trans('messages.task') !!}</b> {!!trans('messages.detail')!!}</h2>
	     		{{-- <div class="additional-icon">
						<div class="btn-group">
					  	@if(Laratrust::isAbleTo('edit-task'))
					  		<a href="#" data-href="/task/{{$task->id}}/edit" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit" data-toggle="tooltip" title="{{trans('messages.edit')}}"></i></a>
					  	@endif
					  	@if(Laratrust::isAbleTo('delete-task'))
					  		{!! delete_form(['task.destroy',$task->id],['redirect' => '/task']) !!}
					  	@endif
						</div>
	     		</div> --}}
	       	<div id="load-task-detail" data-extra="&id={{$task->id}}" data-source="/task-detail"></div>
	      </div>
			</div>

		</div>
	@stop

	{{-- @section('js')
		<script>
			function getTemplateContent() {	// Call route on email template change event
				var t_id = document.getElementById("template_id").value;
				$.ajax({
						type: "post",
				    url:  "/template/content-data",
						data: {
										template_id: t_id,
										task_id: {{ $task->id }}
									},
				    success: function(data) {
							$('#mail_subject').val(data.subject);
							$('#mail_body').summernote('code', data.body);
				    }
				});
			}
		</script>
	@stop --}}