@extends('admin.layout')
@section('content')
<div class="search-list">
  <div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> {{ trans('Add Meeting Agenda') }} <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 Meeting Agenda') }}</li>
    </ol>
  </section>
  @php
    $getUserRoleData      = userRoleData();
    $task       = explode(",",$getUserRoleData->MeetingAgenda);
  @endphp
  <section class="content"> 
    <div class="row">
      <div class="col-md-12">
        <div class="box box-info">
            
          @if(in_array("Add", $task))    
          {!! Form::open(array('url' =>'admin/save-meeting-agenda-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-4">
                  <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="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 select2" 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 class="control-label">Meeting 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="completion_date" class="form-control datepicker" id="completion_date" autocomplete="off" required>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-2">
                  <div class="form-group">
                    <div class="col-sm-3 col-md-12">
                      <label for="title">{{ trans('Time') }}<span class="red_star">*</span></label>
                    </div>
                    <div class="col-sm-4 col-md-12">
                      {!! Form::time('time', '', array('class'=>'form-control', 'id'=>'time')) !!}
                    </div>
                  </div>
                </div>
                
              </div>
              <div class="row">
               <div class="col-md-4">
                <div class="form-group">
                  <div class="col-sm-12 col-md-12 control-label" style="text-align: left;">
                  <label for="reference_url">{{ trans('Priority') }}</label>
                </div>
                  <div class="col-sm-12 col-md-12">
                    {!! Form::select('priority',['Normal'=>'Normal','High'=>'High','Important'=>'Important','Very Important'=>'Very Important'], null, ['class' => 'form-control']) !!}

                  </div>
                </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('Description') }}  (New Line Shift+Enter)</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" style="margin-bottom: 30px">{{ trans('Submit') }}</button>
           
          </div>
          {!! Form::close() !!}
          @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: false
      }

    },
    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'))
    .catch(error => {
        console.error(error);
    });
})
</script>
@endsection