@extends('admin.layout')
@section('content')
<div class="search-list">
	<div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> {{ trans('Update Task') }} <small></small> </h1>
    <ol class="breadcrumb">
       <li><a href="{{ URL::to('admin/dashboard/this_month') }}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <li class="active">{{ trans('Update Task') }}</li>
    </ol>
  </section>
	@php
		$getUserRoleData 			= userRoleData();
		$task				= explode(",",$getUserRoleData->task);
	@endphp
  <section class="content"> 
    <div class="row">
      <div class="col-md-12">
        <div class="box box-info">
        	<div class="box-header">
    				<ul  class="list-inline">
    					<li class="list-inline-item"><a href="{{URL('admin/tasks')}}" type="button" class="btn btn-primary btn-sm">{{ trans('labels.back') }}</a></li>
    				</ul>        	
    			</div>       
          @if(in_array("Edit",$task ))              
          {!! Form::open(array('url' =>'admin/update-task-data', 'method'=>'post', 'class' => 'form-horizontal', 'id'=>'form1', 'enctype'=>'multipart/form-data')) !!}  
          <div class="box-body">
            <div class="row">
              <div class="col-md-12">
                @if( count((array) $errors) > 0)
                  @foreach($errors->all() as $error)
                    <div class="alert alert-danger" role="alert">
                      <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                      <span class="sr-only">{{ trans('labels.Error') }}:</span>
                      {{ $error }}
                    </div>
                  @endforeach
                @endif   
                @if(!empty(session('message')))
                    <div class="alert alert-success" role="alert">
                      {{ session('message') }}
                    </div>
                @endif 
                @if(!empty(session('error')))
                    <div class="alert alert-danger" role="alert">
                      {{ session('error') }}
                    </div>
                @endif 
              </div>
            </div>
						
            <div class="row">
              <input type="hidden" name="id" value="{{ $result['task']->id }}">
              <div class="col-md-3">
                <div class="form-group">
                  <div class="col-sm-3 col-md-12">
                    <label for="title" class="control-label">{{ trans('Title') }}<span class="red_star">*</span></label>
                  </div>
                  <div class="col-sm-4 col-md-12">
                    {!! Form::text('title', $result['task']->title, array('class'=>'form-control', 'id'=>'title', 'required'=>'required')) !!}
                  </div>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <div class="col-sm-3 col-md-12">
                    <label for="priority" class="control-label">{{ trans('Priority') }}<span class="red_star">*</span></label>
                  </div>
                  <div class="col-sm-4 col-md-12">
                    <select name="priority" id="priority" class="form-control" required>
                      @foreach($result['task_priorities'] as $v)
                      @php
                      $selected = $result['task']->priority == $v->id ? ' selected' : '';
                      @endphp
                      <option value="{{ $v->id }}"{{ $selected }}>{{ $v->name }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <div class="col-sm-3 col-md-12">
                    <label for="assigned_to" class="control-label">{{ trans('Assigned to') }} <span class="red_star">*</span></label>
                  </div>
                  <div class="col-sm-4 col-md-12">
                    <select class="form-control assigned_to select_default" multiple name="assigned_to" id="assigned_to" data-live-search="true" required="">
                      <option value="">-- Please Choose --</option>                         
                      @if(count((array) $result['assigned'])>0)
                        @foreach($result['assigned'] as $key => $ccValue)
                                                    <option value="{{$ccValue->myid}}" {{$assignedSelected}}>{{$ccValue->first_name}} {{$ccValue->last_name}}</option>
                        @endforeach
                      @endif
                    </select>
                  </div>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <div class="col-sm-3 col-md-12">
                    <label for="status" class="control-label">{{ trans('Status') }}<span class="red_star">*</span></label>
                  </div>
                  <div class="col-sm-4 col-md-12">
                    <select name="status" id="status" class="form-control" required>
                      @foreach($result['task_status'] as $v)
                      @php
                      $selected = $result['task']->status == $v->id ? ' selected' : '';
                      @endphp
                      <option value="{{ $v->id }}"{{ $selected }}>{{ $v->name }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
              </div>
            </div>	
						<div class="row">
              <div class="col-md-3">
                <div class="form-group">
                  <div class="col-sm-3 col-md-12">
                    <label for="department" class="control-label">{{ trans('Department') }}<span class="red_star">*</span></label>
                  </div>
                  <div class="col-sm-4 col-md-12">
                    <select name="department" id="department" class="form-control" required>
                      <option value="">Select Department</option>
                      @foreach($result['departments'] as $v)
                      @php
                      $selected = $result['task']->department == $v->id ? ' selected' : '';
                      @endphp
                      <option value="{{ $v->id }}"{{ $selected }}>{{ $v->name }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <div class="col-sm-3 col-md-12">
                    <label class="control-label">Start Date<span class="red_star">*</span></label>
                  </div>
                  <div class="col-sm-4 col-md-12">
                    <div class="input-group date">
                      <div class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </div>
                      <input type="text" name="start_date" class="form-control datepicker" id="start_date" required value="{{ $result['task']->start_date }}" autocomplete="off">
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                  <div class="col-sm-3 col-md-12">
                    <label class="control-label">Completion Date</label>
                  </div>
                  <div class="col-sm-4 col-md-12">
                    <div class="input-group date">
                      <div class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </div>
                      <input type="text" name="completion_date" class="form-control datepicker" id="completion_date" autocomplete="off" value="{{ $result['task']->completion_date }}">
                    </div>
                  </div>
                </div>
              </div>

                <!-- <div class="form-group">
                  <label for="reference_url" class="col-sm-2 col-md-3 control-label">{{ trans('Jira/Redmine URL') }}</label>
                  <div class="col-sm-10 col-md-4">
                    {!! Form::text('reference_url', $result['task']->reference_url, array('class'=>'form-control', 'id'=>'reference_url', 'placeholder'=>'eg: example.com/test')) !!}
                  </div>
                </div> -->

              <div class="col-md-12">
                <div class="form-group">
                  <div class="col-sm-3 col-md-12">
                    <label for="comment" class="control-label">{{ trans('Comment') }}</label>
                  </div>
                  <div class="col-sm-4 col-md-12">
                    {!! Form::textarea('comment', $result['task']->comment, array('class'=>'form-control', 'id'=>'comment', 'rows'=>'3',)) !!}
                  </div>
                </div>
              </div>

            </div>
																
          </div>

          <div class="box-footer text-center">
            <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
            <a href="../tasks" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
          </div> 
          {!! Form::close() !!}
          

          @if(in_array("Edit", $task) && $result['task']->comments->isNotEmpty() )
          <hr class="hr-primary">
          <div class="row" style="padding:10px;">
            <div class="col-sm-12 col-md-12">
              <strong style="color: #00c0ef;">Comments History:</strong>
            </div>
            @foreach($result['task']->comments as $v)
            <div class="col-md-12 _notes">
              <div class="form-group" style="overflow-wrap: break-word;">
                <strong>{{ $v->createdByUser->first_name . ' ' . $v->createdByUser->last_name . ' | ' . $v->created_at }}</strong>  
                <div class="clearfix"></div>
                <div class="ticket-description-new">{!! $v->comment !!}</div>
              </div>
            </div>
            @endforeach
          </div>
          @endif

          @else
            <p> <strong>Please contact with SuperAdmin</strong></p>
          @endif
        </div>
      </div>
    </div>
  </section>

</div>
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script type="text/javascript">

  //Extention method for check CKEditor Control   
// jQuery.validator.addMethod("customfunctionanme",validationfunction,validationmessage);  
  
jQuery.validator.addMethod("ckrequired", function (value, element) {  
    var idname = $(element).attr('id');  
    var editor = CKEDITOR.instances[idname];  
    var ckValue = GetTextFromHtml(editor.getData()).replace(/<[^>]*>/gi, '').trim();  
    if (ckValue.length === 0) {  
//if empty or trimmed value then remove extra spacing to current control  
        $(element).val(ckValue);  
    } else {  
//If not empty then leave the value as it is  
        $(element).val(editor.getData());  
    }  
    return $(element).val().length > 0;  
}, "This field is required");  
  
function GetTextFromHtml(html) {  
  var dv = document.createElement("DIV");  
  dv.innerHTML = html;  
  return dv.textContent || dv.innerText || "";  
} 


	// Email Check
	$.validator.addMethod("email", function(value) {
		return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value) // consists of only these
	});

	// Password Check
	$.validator.addMethod("pwcheck", function(value) {
		return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{6,16}$/.test(value) // consists of only these
	});
	
	// Alpthabet Check
	$.validator.addMethod("alpha", function(value, element) {
		return this.optional(element) || value == value.match(/^[a-zA-Z/_-\s]+$/);
	});
	
	// File size validate
	jQuery.validator.addMethod("filesize_max", function(value, element, param) {
		var isOptional = this.optional(element),
			file;

		if(isOptional) {
			return isOptional;
		}
		if ($(element).attr("type") === "file") {

			if (element.files && element.files.length) {

				file = element.files[0];            
				return ( file.size && file.size <= param ); 
			}
		}
		return false;
	}, "File size is too large.");	

	// Product Form Validation
	
	var $wCur = $("#form1");	
	$wCur.validate( {
		ignore: [],  
    rules: {
      comment:{
        ckrequired: true
      }

    },
    messages: {
      comment:{
          required:"Please enter Text",
      }
    },
		errorElement: "em",
		errorPlacement: function ( error, element ) {
			// Add the `help-block` class to the error element
			error.addClass( "help-block" );

			// Add `has-feedback` class to the parent div.form-group
			// in order to add icons to inputs
			element.parents( ".col-sm-5" ).addClass( "has-feedback" );

			if ( element.prop( "type" ) === "checkbox" ) {
				error.insertAfter( element.parent( "label" ) );
			} else {
				error.insertAfter( element );
			}

			// Add the span element, if doesn't exists, and apply the icon classes to it.
			if ( !element.next( "span" )[ 0 ] ) {
				$( "<span class='glyphicon glyphicon-remove form-control-feedback'></span>" ).insertAfter( element );
			}
		},
		success: function ( label, element ) {
			// Add the span element, if doesn't exists, and apply the icon classes to it.
			if ( !$( element ).next( "span" )[ 0 ] ) {
				$( "<span class='glyphicon glyphicon-ok form-control-feedback'></span>" ).insertAfter( $( element ) );
			}
		},
		highlight: function ( element, errorClass, validClass ) {
			$( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
			$( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" );
		},
		unhighlight: function ( element, errorClass, validClass ) {
			$( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
			$( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
		}
	});
			
$(function () {
  $('.datepicker').datepicker({
    autoclose: true
  });

  // CKEDITOR.replace('comment',{ 
  //   //extraPlugins : "wordcount,notification",
  // });
  
  ClassicEditor
    .create(document.querySelector('#comment'))
    .catch(error => {
        console.error(error);
    });

})
</script>
@endsection