@extends('admin.layout')
@section('content')
<style>
      #watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;
    display: block;
    width: 300%;
    height: 300%;
    transform: rotate(-45deg);
    content: attr(data-watermark);
    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
    }
    .content-wrapper, .right-side{
        background: #FFF;
    }
    .box {
        background: transparent;
        z-index: 1; 
    }
    .ck.ck-content {
    min-height: 200px;
}
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> {{ trans('Add 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('Add 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">
            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <ul class="list-inline">
                    <li><a href="{{URL('admin/tasks')}}" type="button" class="btn btn-primary btn-sm">{{ trans('labels.back') }}</a></li>
                  </ul>
                </div>
              </div>
            </div>
    				
    			</div>   
          @if(in_array("Add", $task))    
          {!! Form::open(array('url' =>'admin/add-task-data', 'method'=>'post', 'class' => 'form-horizontal', 'id'=>'form1', 'enctype'=>'multipart/form-data')) !!}
          <div class="box-body">
            
            <div class="row">

							@if( count($errors) > 0)
              <div class="col-md-12">
								@foreach($errors->all() as $error)
									<div class="alert alert-success" role="alert">
										<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
										<span class="sr-only">{{ trans('labels.Error') }}:</span>
										{{ $error }}
									</div>
								@endforeach
              </div>
							@endif   
													
                
                <div class="col-md-3">
                  <div class="form-group">
                    <div class="col-sm-3 col-md-12">
                      <label for="title">{{ trans('Title') }}<span class="red_star">*</span></label>
                    </div>
                    <div class="col-sm-4 col-md-12">
    									{!! Form::text('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">{{ 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)
                        <option value="{{ $v->id }}">{{ $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" >{{ 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}}">{{$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)
                        <option value="{{ $v->id }}">{{ $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)
                        <option value="{{ $v->id }}">{{ $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 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">
                      </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', '', 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', '', 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() !!}
          @else
            <p> <strong>Please contact with SuperAdmin</strong></p>
          @endif
        </div>

        <div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
        </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>
  document.querySelectorAll('#watermarked').forEach(function(el) {
            el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
        });
</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 () {
  //Date picker
  $('.datepicker').datepicker({
    autoclose: true
  });

  // CKEDITOR.replace('comment',{ 
  //   //extraPlugins : "wordcount,notification",
  // });

   ClassicEditor.create(document.querySelector('#comment'));
})
</script>
@endsection