@extends('admin.layout')
@section('content')
<style type="text/css">
	.required-mark
	{
		color: red;
	}
  .mb-3{
    margin-bottom: 1rem;
  }
	hr {
		margin-left: 15px;
		margin-bottom:-3px;
	}
	.hr-primary{
		border: 1px solid #3c8dbc;
	}
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}	
	.my-current
	{
		color: #00c0ef;
	}

	 .reating li {
  list-style: none;
  display: inline-grid;
  margin-right: 20px;
}
.reating {
  padding: 14px 20px;
  border: 1px solid #ddd3d3;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #606060;
    border-radius: 10px;
}
.table-responsive{
   style="overflow-x: auto;
   -webkit-overflow-scrolling: touch;
}
.table-responsive table{
  border: 1px solid #CCCCCC;
}
.table-responsive table td, .table-responsive table th {
    padding: 5px;
}
</style>
  @php
    $getUserRoleData = userRoleData();
    $LeadSources    = explode(",",$getUserRoleData->MeetingAgenda);
    $managedby = auth()->guard('admin')->user()->myid;
  @endphp
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
  <section class="content-header">
    <h1> {{ trans('Meeting Agenda Details') }} <!--  @if($managedby==$result['Details'][0]->created_by)
       <span style="float: left;"><a href="{{route('edit-meeting-agenda', [$result['Details'][0]->id]) }}" class="btn btn-primary btn-sm">Edit</a></span>
       @endif --></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('Meeting Agenda Details') }}</li>
    </ol>
  </section>
  <section class="content"> 


    <div class="row">
      <div class="col-md-12">
        <div class="box box-info"> 
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
              		<div class="">                        
						<div class="row">
							@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
									{{ session()->get('message') }}
								</div>
							@endif
							@if(session()->has('error'))
								<div class="alert alert-warning alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
									{{ session()->get('error') }}
								</div>
							@endif
						</div>
                         <div class="box-body">				 	
         @php //print_R($result['Details']); @endphp               
      @if(count($result['Details'])>0)
    <div class="form-row">
      <div class="form-group col-md-3">
        <label for="inputCity1">Title: </label>
        {{$result['Details'][0]->title}}
      </div>
      @if($result['Details'][0]->comment)
      <div class="form-group col-md-5">
        <label for="inputState">Description: </label>
        <div class="table-responsive"> 
          {!!$result['Details'][0]->comment!!}
        </div>
      </div>@endif
      @if($result['Details'][0]->priority)
      <div class="form-group col-md-4">
        <label for="inputState">Priority: </label>
        {!!$result['Details'][0]->priority!!}

      </div>@endif
       <div class="form-group col-md-4">
        <label for="inputState">Completion Date: </label>
        {{date('Y-m-d', strtotime($result['Details'][0]->completion_date))}}
         
      </div>
    </div>
      <div class="form-row">
        <div class="form-group col-md-4" style="margin-bottom:10px">
        <label for="inputState">Created By: </label>
        <span class="badge label-success" style="margin-bottom:5px;"> {!!$result['Details'][0]->first_name!!} {!!$result['Details'][0]->last_name!!}</span>

      </div>
      <div class="form-group col-md-4" style="margin-bottom:10px">
           <label for="created date">Created Date: </label>
        {!!$result['Details'][0]->created_at!!} 
        
      </div>
      <div class="form-group col-md-4" style="margin-bottom:10px">
        <label for="created date">Status: </label>
       {!!$result['Details'][0]->status!!}  
        
      </div>
      <div class="form-group col-md-4" style="margin-bottom:10px">
           <label for="inputZip">Required Users: </label>
         @if(count($result['AssigneduserDetails'])>0)
         @foreach($result['AssigneduserDetails'] as $val)
        <span class="badge" style="margin-bottom:5px;"> {{$val->fname}} {{$val->lname}}</span>
         @endforeach
         @endif
      </div>
      <div id="book" class="form-group col-md-4" style="margin-bottom:10px">@if(@$result['timestatus']['times_status']==0 && @$result['timestatus']['usersid']==$managedby && $result['timestatus']['times']== $result['Details'][0]->mtime)
       <b class="btn-success "> Ok  Accepted({{@$result['timestatus']['times']}})</b>
        @else
          <button type="button" id="check" style="display: block;float: left;margin-right: 7px;" onclick='accettime(this)' value="{{$result['Details'][0]->mtime}}">Accept Time ({{$result['Details'][0]->mtime}})</button>@endif
          <button type="button"  data-toggle="modal" data-target="#GSCCModal" value="Submit">Purpose New Time</button>
      </div>
    </div>
    @endif

</div>
			
    <!---Purpose Model-->
    <div id="GSCCModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="row">
                 <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;  </button>
        <h4 class="modal-title" id="myModalLabel">Purpose New Time</h4>
      </div>
      <div class="modal-body" style="overflow:hidden">
                
                <div class="form-group col-md-5">
                  {!! Form::open(array('url' => route('update-meeting-time'), 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'addNewLeadSources', 'enctype'=>'multipart/form-data')) !!}
                   <input type="hidden" name="mid" value="{{request()->segment(3)}}">
               
        <label for="inputCity1">Assign Purpose New Time</label>
        {!! Form::time('purposetime', '', array('class'=>'form-control', 'id'=>'purposetime','required'=>'required')) !!}
      </div>
      
     
  <div class="form-group col-md-2">
     <button type="submit" class="btn btn-primary" style="margin-top:25px;">{{ trans('Submit') }}</button>
</div>

  {!! Form::close() !!}
  </div>
  </div>
  </div>
    </div> 
     <!--Strat comment history-->
                          <hr class="hr-primary">
                          <style type="text/css">
                            .agenda-comment-scroll {
                                  max-height: 650px;
                                  overflow-y: scroll;
                                  /* overflow-y: hidden; */
                              }
                          </style>
                          <div class="row agenda-comment-scroll" style="padding:10px;">
            <div class="col-sm-12 col-md-12">
              <strong style="color: #00c0ef;">Comments History:</strong>
            </div>
            @if(count($result['commentHistory'])>0)
            @foreach($result['commentHistory'] as $v)
            @if(!empty($v->comment))
           <div class="col-md-12 _notes">
              <div class="form-group" style="overflow-wrap: break-word;">
                <strong>{{$v->first_name}} {{$v->last_name}} | {{$v->created_at}}</strong>  
                <div class="clearfix"></div>
                <div class="ticket-description-new">{!! $v->comment !!}</div>
              </div>
            </div>
            @endif
            @endforeach
            @endif
                 
                      </div>
                          <!---End commets history-->
                       <hr class="hr-primary">
                       {!! Form::open(array('url' =>'admin/save-meeting-agenda-comment', 'method'=>'post', 'class' => 'form-horizontal', 'id'=>'form1', 'enctype'=>'multipart/form-data')) !!}
           <div class="row">
               <input type="hidden" name="mid" value="{{request()->segment(3)}}">
                <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-6">
                    {!! Form::textarea('comment', '', array('class'=>'form-control', 'id'=>'comment', 'rows' => '3')) !!}
                    </div>
                   
                    
                    <div class="col-sm-4 col-md-6">
                      @if($managedby==$result['Details'][0]->created_by)
                       <label for="status" class="control-label" style="display:inline-block; margin-right:10px;">{{ trans('Status') }}</label>
                     <!--{!! Form::select('status', array('New'=>'New','Pending' => 'Pending', 'Close' => 'Close'), '',['placeholder' => 'Choose Status']); !!}-->
                     <select name="status" style="min-width: 150px;">
                     <option @if($result['Details'][0]->status=='New') selected @endif value="New">New</option>
                      <option @if($result['Details'][0]->status=='Pending') selected @endif value="Pending">Pending</option>
                      <option @if($result['Details'][0]->status=='Close') selected @endif value="Close">Close</option></select>
                      @endif
                      <span class="d-inline-block ms-3"><a href="{{route('edit-meeting-agenda', [$result['Details'][0]->id]) }}" class="btn btn-primary btn-sm" style="line-height: 1; margin-left: 10px; display: inline-block; margin-top: -3px;">Edit</a></span>
                       <div style="margin-bottom: 20px;"></div>
                       

                      <div><button type="submit" class="btn btn-primary" style="padding:5px 20px; font-size: 16px">{{ trans('Submit') }}</button></div>
                    </div>
                    
                   
                 
                    
                  </div>
                </div>
            </div>
            <div class="box-footer text-center">
            
           
          </div>
          {!! Form::close() !!}
                        	
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </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 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" />
<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",
  });
  
})
</script>
<script type="text/javascript">
  function accettime(obj){
    var time=obj.value;
    var mid={{request()->segment(3)}};
    $.ajax({
            url: "{{route('acceptmeetingtime')}}",
            type: "GET",
            data: {mid: mid,time:time},
            success: function (data) {  
              $("button#check").css("display", "none");
              $("#book").html();
            },
          });
  }
</script>
@endsection