@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('View Quick Audit') }} <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="row">
        <div class="form-group col-md-4 mr-1">
            <label for="audit_type">Audit Type</label>
            <select id="audit_type" class="form-control" name="audit_type" disabled>
                <option value="">Type of Audit</option>
                @foreach($result['audit_type_array'] as $audit_type_array)
                <option value="{{$audit_type_array->name}}" @if($result['calldetails']->audit_type == $audit_type_array->name) selected @endif>
                  {{$audit_type_array->name}}</option>
                @endforeach
                <option value="Ticket Performance" @if($result['calldetails']->audit_type == "Ticket Performance") selected @endif>Ticket Performance</option>

           

            </select>
            <span class="text-danger">{{$errors->first('audit_type') }}</span>
        </div>
        <div id="audit_all_subject_div" class="form-group col-md-4 mr-1">
            <label for="audit_all_subject">Audit Subject</label>
            <select id="audit_all_subject" class="form-control" name="audit_all_subject" disabled>
                <option value="">Audit Subject</option>
                @foreach($result['quick_audit_all_subject'] as $quick_audit_all_subject)
                <option value="{{$quick_audit_all_subject}}" @if($result['calldetails']->audit_subject == $quick_audit_all_subject) selected @endif>
                    {{$quick_audit_all_subject}}
                </option>
                @endforeach
            </select>
            <span class="text-danger">{{($errors->has('audit_all_subject')) ? "The audit subject field is required." : "" }}</span>
        </div>
      <div class="form-group col-md-4">
        <label for="inputCity1">CSR 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']['csr_name']==$user->myid)
                                                            selected @endif >{{$user->first_name}} {{$user->last_name}}
                                                        </option>
                                                        @endforeach
                                                    </select>
      </div>
    </div>
    <div class="row">    
      <div class="form-group col-md-4">
           <label for="inputZip">Audit Time</label>
         <input type="text" id="date" name="date"  class="form-control" value="{{ $result['calldetails']['audit_time'] }}" readonly>
      </div>
      <div class="form-group col-md-4">
        <label for="inputCity">Auditor Name</label>
        <input type="text" class="form-control" id="call_reference" name="call_reference" value="@if($result['calldetails']['auditor']) {{ $result['calldetails']['auditor']->first_name." ".$result['calldetails']['auditor']->last_name }} @endif" readonly>
      </div>
      <div class="form-group col-md-4">
        <label for="inputState">Team leader</label>
        <input type="text" class="form-control" id="call_recording" name="call_recording" value="{{ $result['calldetails']['reporting_manager'] }}" readonly>
      </div>
    </div>
    <div class="row">
      <div class="form-group col-md-4">
           <label for="inputZip">Auditor Call Length</label>
           <input type="text" class="form-control" id="customer_no" name="customer_no" value="{{ $result['calldetails']['auditor_call_length'] }}" readonly>
      </div>
      <div class="form-group col-md-4 mr-1">
        <label for="inputState">Rating</label>
        <!-- <input type="text" class="form-control" id="call_recording" name="call_recording" value="{{ old('call_recording') }}"> -->
        <select name="rating" id="rating" class="form-control" disabled>
        <option value="">Please select</option>
          <option value="fatal" @if($result['calldetails']['rating']== "fatal") selected @endif >Fatal</option>
          <option value="rating" @if($result['calldetails']['rating']== "rating") selected @endif>Rating</option>
        </select>
      </div>
      <div class="form-group col-md-4 mr-1">
        <label for="inputStatus">Feedback Status</label>
        <select name="status" id="status" class="form-control" disabled>
            <option value="">Select Status</option>
            @foreach($result['quick_audit_status'] as $quick_audit_status_id => $quick_audit_status)
            <option value="{{$quick_audit_status_id}}" @if($result['calldetails']->status==$quick_audit_status_id) selected @endif>
                {{$quick_audit_status}}
            </option>
            @endforeach
        </select>
      </div>
    </div>

    <div class="form-group col-md-4">
        <label for="inputState">RTM</label>
        <input type="text" class="form-control" id="rtm" name="rtm" value="{{ $result['calldetails']['rtm'] }}" readonly>
      </div>

    
    <div class="row">
        <div class="form-group col-md-3">
            <label for="inputStatus">Rating Percentage: </label>
           <span id="percenttag">{{ $result['calldetails']['ranking'] }}</span>
        </div>
    </div>
        <hr class="hr-primary">
    <div class="row">
       <div class="col-md-2">
           <strong style="color: #00c0ef;">Remarks</strong>
       </div>
    </div>
    <div class="row">
       @foreach($result['calldetails']['auditRemarkLogs'] as $auditLogs) 
       <div class="col-md-12">
            <div class="clearfix"></div>
           <strong style="color: #000000;">{{$auditLogs->updated_by_name}} updated on {{$auditLogs->updated_datetime}}</strong></br>
                       {!!nl2br($remark_log_text)!!}     
       </div>
       @endforeach
    </div>
        <hr class="hr-primary">
    <div class="row">
       <div class="col-md-2">
           <strong style="color: #00c0ef;">History Logs</strong>
       </div>
    </div>
    <div class="row">
       @foreach($result['calldetails']['auditLogs'] as $auditLogs) 
       <div class="col-md-12">
            <div class="clearfix"></div>
           <strong style="color: #000000;">
                        {!!nl2br($log_text)!!}             
          </strong>&nbsp;by&nbsp;<strong style="color: #000000;">{{$auditLogs->updated_by_name}}</strong> at {{$auditLogs->updated_datetime}}
       </div>
       @endforeach
    </div>
    </div>
                      </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>
function updateQuickAuditStatus(ele){
    var status_value = ele.value;
    if(status_value == ""){
        alert("Please select status..!");
        return;
    }
    var posturl = "/admin/update-quick-audit-status"; 
    var quick_audit_id = $("#quick_audit_id").val();
    var formData = {"status": status_value, "quick_audit_id": quick_audit_id};
    console.log(formData);
    //return;
    ajaxPostCall(posturl, formData, updateQuickAuditStatusSuccess, updateQuickAuditStatusError);
}

function updateQuickAuditStatusSuccess(response){
    console.log(response);
    alert(response.message);
    window.location.reload();
}

function updateQuickAuditStatusError(xhr){    
    console.log(xhr);
}

function ajaxPostCall(posturl, formData, success, failed){
  $.ajax({
    url: posturl,
    type: "POST",
    data: JSON.stringify(formData),
    //async: false,
    //cache: false,
    contentType: "application/json; charset=utf-8",
    //processData: false,
    success: function (res) {
      success(res);
    },
    error: function (jqXHR, exception) {
      failed(jqXHR, exception);
    },
  });
}

</script>
@endsection