@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;
}
</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">
      <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">				 	
                        

    <div class="form-row">
      <div class="form-group col-md-4">
        <label for="inputCity1">Name</label>
        <select name="name" class="form-control" disabled>
                                                        <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">
        <label for="inputState">Supervisor</label>
        <input type="text" class="form-control" id="supervisor" name="supervisor" value="{{ $result['calldetails']['supervisor'] }}" readonly>

      </div>
      <div class="form-group col-md-4">
           <label for="inputZip">Date</label>
         <input type="text" id="date" name="date"  class="form-control" value="{{ $result['calldetails']['date'] }}" readonly>
      </div>
    </div>
    <div class="form-row">
      <div class="form-group col-md-4">
        <label for="inputCity">Call Reference</label>
        <input type="text" class="form-control" id="call_reference" name="call_reference" value="{{ $result['calldetails']['call_reference'] }}" readonly>
      </div>
      <div class="form-group col-md-4">
        <label for="inputState">Call Recording Reference</label>
        <input type="text" class="form-control" id="call_recording" name="call_recording" value="{{ $result['calldetails']['call_recording'] }}" readonly>
      </div>
      <div class="form-group col-md-4">
           <label for="inputZip">Customer Number</label>
           <input type="text" class="form-control" id="customer_no" name="customer_no" value="{{ $result['calldetails']['customer_no'] }}" readonly>
      </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>{{ $i.'.'.@$rsVal['questiondetails']['question_name'] }}</h4>
       </div>
        <div class="form-group col-md-4">
       <select class="form-select mt-3" name="qaquestion[{{$i}}][answer]" disabled>
       <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">

          <ul class="reating border border-secondary">
            <h5>{{ $i.'.'.@$rsVal['questiondetails']['question_name']  }}</h5>
            <li> 
            <span>1</span> 
            <input class="form-check-input" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio1" value="1" @if($rsVal->answer==1) checked @endif disabled></li>
            <li>
            <span>2</span> 
             <input class="form-check-input" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio2" value="2" @if($rsVal->answer==2) checked @endif disabled></li>
            <li> 
              <span>3</span>  
            <input class="form-check-input" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio3" value="3" @if($rsVal->answer==3) checked @endif disabled></li>
            <li>
               <span>4</span> 
             <input class="form-check-input" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio4" value="4" @if($rsVal->answer==4) checked @endif disabled></li>
            <li> 
              <span>5</span> 
              <input class="form-check-input" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio5" value="5" @if($rsVal->answer==5) checked @endif disabled></li>
            <li>
              <span>6</span> 
             <input class="form-check-input" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio6" value="6" @if($rsVal->answer==6) checked @endif disabled></li>  
            <li>
              <span>7</span> 
             <input class="form-check-input" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio7" value="7" @if($rsVal->answer==7) checked @endif disabled></li>   
             <li>
              <span>8</span> 
             <input class="form-check-input" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio8" value="8" @if($rsVal->answer==8) checked @endif disabled></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 disabled></li>    
              <li>
              <span>10</span> 
             <input class="form-check-input" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio10" value="10" @if($rsVal->answer==10) checked @endif disabled></li>    
             <li>
              <span>N/A</span> 
             <input class="form-check-input" type="radio" name="qaquestion[{{$i}}][answer]" id="inlineRadio-N/A" value="0" @if($rsVal->answer==0) checked @endif disabled></li>                          
          </ul>     
      </div>
          
    </div>
    @endif
    @php $i++; @endphp 
    
    @endforeach 
    @endif
      
   <div class="row">
    <div class="col-md-12 text-center">
      
       @if($result['calldetails']['total_percent']<70 || $result['calldetails']['fatalcall_status']==1)
 <button type="submit" class="btn btn-danger mb-3">{{ trans('Fatal Call') }}</button>
 <div><strong style="color: #00c0ef;">Trainer assigned to:{{ @$result['calldetails']->trainer->first_name }} {{ @$result['calldetails']->trainer->last_name }}</strong></div>
@endif

       <h2 id="percenttag">{{ $result['calldetails']['total_percent'] }}%</h2>
    </div>
    </div>
     <!--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>
    </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" />

@endsection