@extends('admin.layout')
@section('content')
<style type="text/css">
	.required-mark
	{
		color: red;
	}
  .mr-1{
        margin-right: 0.01rem !important;
    }
    .mt-0{
        margin-top: 0 !important;
    }
	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;
  height: 125px;
}
#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;
		
	}
  .watermark .box.box-info {
    margin-bottom: 14px;
    z-index: 9 !important;
}
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
  <section class="content-header">
    <h1> {{ trans('Add Question') }} <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 Question') }}</li>
    </ol>
  </section>
  <section class="content"> 
	@php
		$getUserRoleData = userRoleData();
		$LeadSources		= explode(",",$getUserRoleData->LeadSources);
	@endphp

    <div class="row watermark">
      <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">				 	
                        	{!! Form::open(array('url' => route('callmonitoring.update'), 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'addNewLeadSources', 'enctype'=>'multipart/form-data')) !!}

                        	<input type="hidden" name="call_monitor_id" value="{{ $result['calldetails']['id'] }}"/>

    <div class="form-row">
      <div class="form-group col-md-4 mr-1">
        <label for="inputCity1">Name</label>
        <select name="name" class="form-control">
                                                        <option value=''>Search by User</option>
                                                        @foreach($result['users'] as $user)
                                                        <option value="{{$user->myid}}" 
                                                        	@if($result['calldetails']['name']==$user->myid)
                                                            selected @endif >{{$user->first_name}} {{$user->last_name}}
                                                        </option>
                                                        @endforeach
                                                    </select>
      </div>
      <div class="form-group col-md-4 mr-1">
        <label for="inputState">Supervisor</label>
        <input type="text" class="form-control" id="supervisor" name="supervisor" value="{{ $result['calldetails']['supervisor'] }}">

      </div>
      <div class="form-group col-md-4 mr-1">
           <label for="inputZip">Date</label>
         <input type="text" id="date" name="date"  class="form-control" value="{{date('Y-m-d H:i:s')}}" readonly>
      </div>
    </div>
    <div class="form-row">
      <div class="form-group col-md-4 mr-1">
        <label for="inputCity">Call Reference</label>
        <input type="text" class="form-control" id="call_reference" name="call_reference" value="{{ $result['calldetails']['call_reference'] }}">
      </div>
      <div class="form-group col-md-4 mr-1">
        <label for="inputState">Call Recording Reference</label>
        <input type="text" class="form-control" id="call_recording" name="call_recording" value="{{ $result['calldetails']['call_recording'] }}">
      </div>
      <div class="form-group col-md-4 mr-1">
           <label for="inputZip">Customer Number</label>
           <input type="text" class="form-control" id="customer_no" name="customer_no" value="{{ $result['calldetails']['customer_no'] }}">
      </div>
    </div>

    @php $i=1; 
    $questype=[];
    @endphp
  @if(count((array) $result['calldetailsquestion'])>0)
			@foreach ($result['calldetailsquestion'] as $rsVal)			

	@if(!in_array(@$rsVal['questiondetails']['question_type'], $questype))
	@php array_push($questype,@$rsVal['questiondetails']['question_type']); @endphp
			 <div class="form-row">
      <div class="col-md-12">

     <h3>{{ @$rsVal['questiondetails']['question_type'] }}</h3> 
        </div>
     </div>
     @endif


			
			<input type="hidden" name="qaquestion[{{$i}}][question]" value="{{ $rsVal->id}}"/>
			@if(@$rsVal['questiondetails']['question_type']=='Greeting' || @$rsVal['questiondetails']['question_type']=='Handling Contact')
			
    <div class="form-row">
       <div class="form-group col-md-8">
         <h4 class="mt-0">{{ $i.'.'.$rsVal['questiondetails']['question_name'] }}</h4>
       </div>
        <div class="form-group col-md-4">
       <select class="form-select mt-3 ansval1" name="qaquestion[{{$i}}][answer]" Onchange="mysumfunction(this.value)">
       <option value="0" @if($rsVal->answer==0) selected @endif>N/A</option>
       <option value="1" @if($rsVal->answer==1) selected @endif>Yes</option>
       <option value="2" @if($rsVal->answer==2) selected @endif>No</option>
     </select>
        </div>
    </div>
    @else

<div class="form-row">
      <div class="form-group col-md-6 d-inline mr-1">

          <ul class="reating border border-secondary">
            <h5>{{ $i.'.'.@$rsVal['questiondetails']['question_name']  }}</h5>
            <li> 
            <span>1</span> 
            <input class="form-check-input ansval" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio1" value="1" @if($rsVal->answer==1) checked @endif onclick="mysumfunction(this.value)"></li>
            <li>
            <span>2</span> 
             <input class="form-check-input ansval" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio2" value="2" @if($rsVal->answer==2) checked @endif onclick="mysumfunction(this.value)"></li>
            <li> 
              <span>3</span>  
            <input class="form-check-input ansval" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio3" value="3" @if($rsVal->answer==3) checked @endif onclick="mysumfunction(this.value)"></li>
            <li>
               <span>4</span> 
             <input class="form-check-input ansval" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio4" value="4" @if($rsVal->answer==4) checked @endif onclick="mysumfunction(this.value)"></li>
            <li> 
              <span>5</span> 
              <input class="form-check-input ansval" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio5" value="5" @if($rsVal->answer==5) checked @endif onclick="mysumfunction(this.value)"></li>
            <li>
              <span>6</span> 
             <input class="form-check-input ansval" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio6" value="6" @if($rsVal->answer==6) checked @endif onclick="mysumfunction(this.value)"></li>  
            <li>
              <span>7</span> 
             <input class="form-check-input ansval" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio7" value="7" @if($rsVal->answer==7) checked @endif onclick="mysumfunction(this.value)"></li>   
             <li>
              <span>8</span> 
             <input class="form-check-input ansval" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio8" value="8" @if($rsVal->answer==8) checked @endif onclick="mysumfunction(this.value)"></li>    
                          <li>
              <span>9</span> 
             <input class="form-check-input" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio9" value="9" @if($rsVal->answer==9) checked @endif onclick="mysumfunction(this.value)"></li>    
              <li>
              <span>10</span> 
             <input class="form-check-input ansval" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio10" value="10" @if($rsVal->answer==10) checked @endif onclick="mysumfunction(this.value)"></li>    
             <li>
              <span>N/A</span> 
             <input class="form-check-input ansval" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio-N/A" value="0" @if($rsVal->answer==0) checked @endif onclick="mysumfunction(this.value)"></li>                          
          </ul>     
      </div>
          
    </div>
    @endif
    @php $i++; @endphp 
    
    @endforeach 
    @endif
      
   
    <div class="col-md-12 text-center">
      <textarea style="width: 1057px; height: 119px;" name="comment"></textarea>
<input type="hidden" id="percentval" name="percentval" value="{{ $result['calldetails']['total_percent'] }}"/>
@if($result['calldetails']['total_percent']<70 || $result['calldetails']['fatalcall_status']==1)
 <button type="submit" class="btn btn-danger">{{ trans('Fatal Call') }}</button>
@endif
 <h2 id="percenttag">{{ $result['calldetails']['total_percent'] }}%</h2>
    </div>

     <div class="text-center" style="width:100%; overflow:hidden">
                                <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                <!--<a href="{{URL('admin/callmonitoring')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>-->
                              </div>
  
                        	{!! Form::close() !!}
                          <!--Strat comment history-->
                          <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>
            @if($result['commentDetails'])
            @foreach($result['commentDetails'] as $value)
                        <div class="col-md-12 _notes">
              <div class="form-group" style="overflow-wrap: break-word;">
                <strong>{{$value->first_name}} {{$value->last_name}} | {{$value->created_at}}</strong>  
                <div class="clearfix"></div>@php $conts=preg_replace("#https://([\S]+?)#Uis", '<a rel="nofollow" target="blank" href="https://\\1">\\1</a>', $value->comment); $ss=html_entity_decode($conts);@endphp
                <div class="ticket-description-new">{!! nl2br($ss) !!}</div>
              </div>
            </div>
            @endforeach
            @endif
                  
                 
                      </div>
                          <!---End commets history-->
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </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 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>



	function mysumfunction(myval)
	{

		var total=0;
		var totalmarks=110;
		var percentval=0;

		$(".ansval1").each(function() {
					
		  		var $this = $(this);
		  		 var itemval = $this.val();		  		
		  		
            total=parseInt(total)+parseInt(itemval);
            				
				}

            
			)

	$(".ansval").each(function() {
					
		  		var $this = $(this);
		  		 var itemval = $this.val();
		  		 	
		  		if ($(this).prop('checked')) {           
				
            total=parseInt(total)+parseInt(itemval);
            				
				}
            

            
			})		
		

			percentval=parseInt((total/totalmarks)*100);

			//alert(percentval);

			$('#percenttag').html(percentval+'%');
			$('#percentval').val(percentval);

	}

	</script>
  <script>
    document.querySelectorAll('#watermarked').forEach(function(el) {
      el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
    });
  </script>
@endsection