@extends('admin.layout')
@section('content')
<style type="text/css">
    #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;
		z-index: 1; 
	}
	.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;
}
.radio-container {
    display: flex;
    justify-content: space-between; /* Distribute space between radio items */
}
 
.radio-item {
    display: flex;
    flex-direction: column; /* Stack label and radio button vertically */
    align-items: center; /* Center align items horizontally */
    margin-right: 15px; /* Space between each radio button */
}
 
.radio-item:last-child {
    margin-right: 0; /* No margin on the last item */
}
 
.radio-item label {
    margin-bottom: 5px; /* Space between label and radio button */
}
 
.readonly-select {
    pointer-events: none;
    background-color: #e9ecef;  /* Change the background color */
    color: #6c757d;  /* Optional: Change the text color */
}

</style>
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
  <section class="content-header">
    <h1>  {{ trans('Add Form') }} <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
     $keys=Session::get('fkey');
		$getUserRoleData = userRoleData();
		$LeadSources		= explode(",",$getUserRoleData->LeadSources);
      if(isset($_REQUEST['date'])) {
           $from_date = $_REQUEST['date'];
         }
	@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="col-md-12">
              <div class="box-body">				 	
              {!! Form::open(array('url' => route('quickaudit.store'), 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'addNewLeadSources', 'enctype'=>'multipart/form-data')) !!}
 
              <div class="row">
                  <div class="form-group col-md-3 mr-1">
                    <label for="audit_type">Audit Type</label>
                    <select onchange="showHideAuditSubject(this);" id="audit_type" class="form-control" name="audit_type">
                        <option value="">Audit Type</option>
                        @foreach($result['audit_type_array'] as $audit_type_array)
                        <option value="{{$audit_type_array}}" @if(old('audit_type') == $audit_type_array) selected @endif>{{$audit_type_array}}</option>
                        @endforeach
<!--                        <option value="Call Audit" @if(old('audit_type') == "Call Audit") selected @endif>Call Audit</option>
                        <option value="WhatsApp Chat Audit" @if(old('audit_type') == "WhatsApp Chat Audit") selected @endif>WhatsApp Chat Audit</option>
                        <option value="Ticket Audit" @if(old('audit_type') == "Ticket Audit") selected @endif>Ticket Audit</option>
                        <option value="Opportunity Audit" @if(old('audit_type') == "Opportunity Audit") selected @endif>Opportunity Audit</option>
                        <option value="Eazee Chat Audit" @if(old('audit_type') == "Eazee Chat Audit") selected @endif>Eazee Chat Audit</option>
                        <option value="Agent Missing" @if(old('audit_type') == "Agent Missing") selected @endif>Agent Missing</option>
                        <option value="Break Issue" @if(old('audit_type') == "Break Issue") selected @endif>Break Issue</option>
                        <option value="Inactive on Calls/WhatsApp/Chat" @if(old('audit_type') == "Inactive on Calls/WhatsApp/Chat") selected @endif>Inactive on Calls/WhatsApp/Chat</option>
                        <option value="Cam Off" @if(old('audit_type') == "Cam Off") selected @endif>Cam Off</option>
                        <option value="Inactive on Spark" @if(old('audit_type') == "Inactive on Spark") selected @endif>Inactive on Spark</option>
                        <option value="CRM Suspension" @if(old('audit_type') == "CRM Suspension") selected @endif>CRM Suspension</option>-->
                    </select>
                    <span class="text-danger">{{$errors->first('audit_type') }}</span>
                  </div>
                  <div id="audit_all_subject_div" class="form-group col-md-3 mr-1">
                    <label for="audit_all_subject">Audit Subject</label>
                    <select id="audit_all_subject" class="form-control" name="audit_all_subject">
                        <option value="">Audit Subject</option>
                        @foreach($result['quick_audit_all_subject'] as $quick_audit_all_subject)
                        <option value="{{$quick_audit_all_subject}}" @if(old('audit_all_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 id="audit_compliance_subject_div" class="form-group col-md-3 mr-1">
                    <label for="audit_all_subject">Audit Subject</label>
                    <select id="audit_compliance_subject" class="form-control" name="audit_compliance_subject">
                        <option value="">Audit Subject</option>
                        @foreach($result['quick_audit_compliance_subject'] as $quick_audit_compliance_subject)
                        <option value="{{$quick_audit_compliance_subject}}" @if(old('audit_compliance_subject') == $quick_audit_compliance_subject) selected @endif>
                            {{$quick_audit_compliance_subject}}
                        </option>
                        @endforeach
                    </select>
                    <span class="text-danger">{{($errors->has('audit_compliance_subject')) ? "The audit subject field is required." : "" }}</span>
                  </div>

                  <div id="audit_call_audit_subject_div" class="form-group col-md-3 mr-1">
                    <label for="audit_all_subject">Audit Subject</label>
                    <select id="audit_call_audit_subject" class="form-control" name="audit_call_audit_subject">
                        <option value="">Audit Subject</option>
                        @foreach($result['quick_audit_call_audit_subject'] as $quick_audit_call_audit_subject)
                        <option value="{{$quick_audit_call_audit_subject}}" @if(old('audit_call_audit_subject') == $quick_audit_call_audit_subject) selected @endif>
                            {{$quick_audit_call_audit_subject}}
                        </option>
                        @endforeach
                    </select>
                    <span class="text-danger">{{($errors->has('audit_call_audit_subject')) ? "The audit subject field is required." : "" }}</span>
                  </div>

                  <div id="audit_call_vod_div" class="form-group col-md-3 mr-1">
                    <label for="audit_all_subject">Audit Subject</label>
                    <select id="audit_call_vod" class="form-control" name="audit_call_vod">
                        <option value="">Audit Subject</option>
                        @foreach($result['quick_audit_vod_audit'] as $quick_audit_vod_audit)
                        <option value="{{$quick_audit_vod_audit}}" @if(old('audit_call_vod') == $quick_audit_vod_audit) selected @endif>
                            {{$quick_audit_vod_audit}}
                        </option>
                        @endforeach
                    </select>
                    <span class="text-danger">{{($errors->has('audit_call_vod')) ? "The audit subject field is required." : "" }}</span>
                  </div>

                  <div id="audit_ministra" class="form-group col-md-3 mr-1">
                    <label for="audit_all_subject">Audit Subject</label>
                    <select id="audit_ministra" class="form-control" name="audit_ministra">
                        <option value="">Audit Subject</option>
                        @foreach($result['quick_audit_ministra'] as $quick_audit_ministra)
                        <option value="{{$quick_audit_ministra}}" @if(old('audit_ministra') == $quick_audit_ministra) selected @endif>
                            {{$quick_audit_ministra}}
                        </option>
                        @endforeach
                    </select>
                    <span class="text-danger">{{($errors->has('audit_ministra')) ? "The audit subject field is required." : "" }}</span>
                  </div>


                  <div class="form-group col-md-3 mr-1">
                  <label for="inputStatel">CSR Name</label>
                    <div class="multi-upper-cmn-bx form-control">
                     {!! Form::select('csr_name[]', $result['csr_name'], $csr_name ?? [], ['class' => 'form-control', 'id' => 'csr_name', 'multiple' => true, 'onchange' => 'getCsrid(this)']) !!}
                        <div class="cmn-change-value-multi">
                            <span class="selected-count"></span>
                            <button type="button" class="reset-btn">x</button>
                        </div>
                    </div>
                  </div>

                  <div class="form-group col-md-3 mr-1">
                      <label for="inputState">Auditor Name</label>
                      <input type="text" class="form-control" id="auditor_name" name="auditor_name"  value="{{ auth()->guard('admin')->user()->first_name.' '.auth()->guard('admin')->user()->last_name }}" readonly>
                      <span class="text-danger">{{$errors->first('auditor_name') }}</span>
                  </div>
              </div>
              
              <div class="row">
              <!-- <div class="form-group col-md-3 mr-1">
                <label for="inputState">Team leader</label>
                <select name="reporting_manager" id="reporting_manager" class="form-control select3">
                <option value=''>Search by User</option>
                @foreach($result['users'] as $user)
                <option 
                    @if (old('reporting_manager') == $user->first_name.' '.$user->last_name) 
                        selected="selected" 
                    @endif 
                    value="{{$user->first_name.' '.$user->last_name}}" 
                    @if(isset($_REQUEST['reporting_manager']) && 
                        !empty($_REQUEST['reporting_manager']) && 
                        $_REQUEST['reporting_manager'] == ($user->first_name.' '.$user->last_name))
                        selected 
                    @endif>
                    {{$user->first_name}} {{$user->last_name}}
                </option>
            @endforeach
        </select>
        <span class="text-danger">{{$errors->first('reporting_manager') }}</span>
    </div> -->

                <div class="form-group col-md-3 mr-1">
                    <label for="inputZip">Audit Time</label>
                    <input type="datetime-local" id="date" name="audit_time" class="form-control" value="{{ date('Y-m-d\TH:i') }}">

                    <span class="text-danger">{{$errors->first('date') }}</span>
                </div>
                <div class="form-group col-md-3 mr-1 auditor_call_length" @if(old('audit_type') != "" || old('audit_type') != "Call Audit") style="display: none;"@endif>
                    <label for="auditor_call_length">Auditor Call Length</label>
                 <select class="form-control" id="auditor_call_length" name="auditor_call_length">
                    <option value="">Select Duration</option>
                    <option value="0 to 5 minutes" {{ old('auditor_call_length') == '0 to 5 minutes' ? 'selected' : '' }}>0 to 5 mins</option>
                    <option value="5 or 5+ minutes" {{ old('auditor_call_length') == '5 or 5+ minutes' ? 'selected' : '' }}>5 or 5+ minutes</option>
                    <option value="10 or 10+ minutes" {{ old('auditor_call_length') == '10 or 10+ minutes' ? 'selected' : '' }}>10 or 10+ minutes</option>
                    <option value="20 or 20+ minutes" {{ old('auditor_call_length') == '20 or 20+ minutes' ? 'selected' : '' }}>20 or 20+ minutes</option>
                    <option value="30 or 30+ minutes" {{ old('auditor_call_length') == '30 or 30+ minutes' ? 'selected' : '' }}>30 or 30+ minutes</option>
                    <option value="40 or 40+ minutes" {{ old('auditor_call_length') == '40 or 40+ minutes' ? 'selected' : '' }}>40 or 40+ minutes</option>
                    <option value="50 or 50+ minutes" {{ old('auditor_call_length') == '50 or 50+ minutes' ? 'selected' : '' }}>50 or 50+ minutes</option>
                </select>

                    <span class="text-danger">{{$errors->first('auditor_call_length') }}</span>
                </div>
                <div class="form-group col-md-3 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">
                  <option value="">Please select</option>
                    <option value="fatal" {{ old('rating') == 'fatal' ? 'selected' : '' }}>Fatal</option>
                    <option value="rating" {{ old('rating') == 'rating' ? 'selected' : '' }}>Rating</option>
                  </select>
                  <span class="text-danger">{{$errors->first('rating') }}</span>
                </div>

                <div class="form-group col-md-3 mr-1">
                <label for="inputState">Is this RTM?</label>
                <select name="rtm" id="rtm" class="form-control">
                    <option value="">Please select</option>
                    <option value="Yes" {{ old('rtm') == 'Yes' ? 'selected' : '' }}>Yes</option>
                    <option value="No" {{ old('rtm') == 'No' ? 'selected' : '' }}>No</option>
                </select>
                <span class="text-danger">{{($errors->has('rtm')) ? "The RTM field is required." : "" }}</span>
            </div>


              </div>
            </div>
 
              <div class="form-row text-box" style="display: none;">
                <div class="col-md-12 text-center">
                  <textarea style="width: 1057px; height: 119px;" placeholder ="Remarks" name="remarks">{{old('remarks')}}</textarea>
                </br>
                  <span class="text-danger">{{$errors->first('remarks') }}</span>
                </div>
              </div>
 
               <!-- //rating -->
             <!-- //rating -->
<div class="col-md-2 m-1 fatal-hide" style="margin-left:462px;">
    <div class="radio-container">
        <!-- Radio button 1 -->
        <div class="radio-item">
            <label for="inlineRadio1">1</label>
            <input class="chkradio ansval" type="radio" name="qaquestion[answer]" id="inlineRadio1" value="1" @if(old('qaquestionanswer')==1) checked @endif onclick="mysumfunction(this.value)">
        </div>
 
        <!-- Radio button 2 -->
        <div class="radio-item">
            <label for="inlineRadio2">2</label>
            <input class="chkradio ansval" type="radio" name="qaquestion[answer]" id="inlineRadio2" value="2" @if(old('qaquestionanswer')==2) checked @endif onclick="mysumfunction(this.value)">
        </div>
 
        <!-- Radio button 3 -->
        <div class="radio-item">
            <label for="inlineRadio3">3</label>
            <input class="chkradio ansval" type="radio" name="qaquestion[answer]" id="inlineRadio3" value="3" @if(old('qaquestionanswer')==3) checked @endif onclick="mysumfunction(this.value)">
        </div>
 
        <!-- Radio button 4 -->
        <div class="radio-item">
            <label for="inlineRadio4">4</label>
            <input class="chkradio ansval" type="radio" name="qaquestion[answer]" id="inlineRadio4" value="4" @if(old('qaquestionanswer')==4) checked @endif onclick="mysumfunction(this.value)">
        </div>
 
        <!-- Radio button 5 -->
        <div class="radio-item">
            <label for="inlineRadio5">5</label>
            <input class="chkradio ansval" type="radio" name="qaquestion[answer]" id="inlineRadio5" value="5" @if(old('qaquestionanswer')==5) checked @endif onclick="mysumfunction(this.value)">
        </div>
    </div>
 
 
    <div class="centered-content" style="margin-left:20%; margin-top:20px">
 
    <div style="display:flex">
 
      <div style="margin-right:12px">
      <p>Ranking</p>
      </div>
 
      <div>
        <span class="text-danger">{{$errors->first('customer_no') }}</span>
        <span id="percenttag">{{old('ranking')??'0'}}</span>
      </div>
 
      </div>
 
 
 
    </div>
 
 
 
    <input type="hidden" value="{{old('ranking')}}" id="percentval" name="ranking"/>
    <span class="text-danger">{{$errors->first('ranking') }}</span>
</div>
 
 
 
 
 
      </div>
 
     <div class="text-center" style="float: left;">
                                <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                <a href="{{ URL('admin/callmonitoring/csr?quickAudit=1') }}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                              </div>
 
                        	{!! Form::close() !!}	
                      </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>
  document.querySelectorAll('#watermarked').forEach(function(el) {
            el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
        });
</script>
<script>
    const auditorId = "{{ auth()->guard('admin')->user()->myid }}";
    console.log(auditorId, 'sss');

function getCsrid(event) {
    const csrName = document.querySelector('[name="csr_name[]"]');
    if (csrName) {
        const selectedValues = Array.from(csrName.selectedOptions).map(option => option.value);
        
        if (selectedValues.includes(auditorId)) {
            alert("CSR Name cannot be the same as Auditor Name.");
            csrName.selectedIndex = -1; 
        
            const event = new Event('change');
            csrName.dispatchEvent(event);
            return;
        }
    }




    var csrId = event.value;
    
    if (!csrId) {
        $('#reporting_manager').empty();
        $('#reporting_manager').append('<option value="">Search by User</option>');
        return;
    }

    $.ajax({
        url: 'get-team-leader',
        type: 'GET',
        data: { csr_id: csrId },
        success: function(response) {

            var reportingManagerSelect = $('#reporting_manager');
            reportingManagerSelect.empty();

            if (response.success) {
                var teamLeader = response.team_leader;
                if (teamLeader) {
                    var teamLeaderFullName = teamLeader.first_name + ' ' + teamLeader.last_name;
                    reportingManagerSelect.append('<option value="' + teamLeaderFullName + '" selected>' + teamLeaderFullName + '</option>');
                    reportingManagerSelect.addClass('readonly-select');
                    reportingManagerSelect.css('pointer-events', 'none');
                } else {
                    resetReportingManagerDropdown();
                }
            } else {
                resetReportingManagerDropdown();
            }
        },
        error: function(xhr, status, error) {
            alert('An error occurred while fetching the team leader.');
            resetReportingManagerDropdown();
        }
    });
}



function resetReportingManagerDropdown() {
    var reportingManagerSelect = $('#reporting_manager');
    reportingManagerSelect.empty();
    reportingManagerSelect.append('<option value="">Search by User</option>');

    @foreach($result['users'] as $user)
        reportingManagerSelect.append('<option value="{{ $user->first_name }} {{ $user->last_name }}">{{ $user->first_name }} {{ $user->last_name }}</option>');
    @endforeach

    reportingManagerSelect.removeClass('readonly-select');
    reportingManagerSelect.removeAttr('style');
}

    document.addEventListener('DOMContentLoaded', function() {
        var selectElement = document.getElementById('csr_name');
        //console.log(selectElement); 

        selectElement.addEventListener('change', function() {
            //console.log('varsha');
            var car = selectElement.options[selectElement.selectedIndex].text;
            //console.log(car, 'car'); 
        });
    });

    document.getElementById('csr_name').addEventListener('change', function() {
      
        const selectedOption = this.options[this.selectedIndex].text;
        // console.log(auditorName, selectedOption ,'opopopopopopop');
        if (selectedOption === auditorName) {
            document.getElementById('csrError').innerText = "CSR Name cannot be the same as Auditor Name.";
            this.value = ''; // Reset the selection
        } else {
            document.getElementById('csrError').innerText = ""; // Clear any previous error
        }
    });
</script>
<script>
 
	function mysumfunction(myval)
	{ 
      var value = ($(".ansval:checked").val())*20;
 
      $('#percenttag').html(value);
      $('#percentval').val(value);
 
	}
  

 
 
    $(document).ready(function() {
      function toggleAuditorCallLength() {
          if ($('#audit_type').val() == "Call Audit") {
              $('.auditor_call_length').show();
          } else {
              $('.auditor_call_length').hide();
          }
      }

      toggleAuditorCallLength();

      $('#audit_type').change(function() {
          toggleAuditorCallLength();
      });

      $('#rating').change(function() {
          if ($(this).val() == "") {
              $('.text-box').hide();
          } else {
              $('.text-box').show();
          }
      });
  });
 

    //remeber rating text box
  $(document).ready(function() {
    function toggleRemark() {
        const ratingValue = $('#rating').val();
        const remarksValue = $('textarea[name="remarks"]').val();

        if (ratingValue == "fatal" || ratingValue == "rating") {
            $('.text-box').show();
        } else if (!remarksValue) {
            $('.text-box').hide();
        }
     }
    toggleRemark();
    $('#rating').change(function() {
        toggleRemark();
    });

    $('textarea[name="remarks"]').on('input', function() {
        toggleRemark();
    });
});

  $('#rating').change(function() {
    if ($(this).val() === "fatal") {
        $('.fatal-hide').hide();
        // $('textarea[name="remarks"]').val('');
        $('#percenttag').html('0');
        $('#percentval').val('');
        $('.chkradio').prop('checked', false);
      } else if ($(this).val() === "rating") {

        $('.fatal-hide').show();
    }
});
$('.fatal-hide').hide();
 
@if($errors->first('remarks'))
var rating = "{{old('rating')}}";
$('#rating').val(rating).trigger('change');
 
@endif 

const oldrating = "{{old('rating')}}";

if(oldrating == 'fatal'){
  $('#rating').val('fatal').change();
} else if (oldrating == 'rating') {
  $('#rating').val('rating').change();
  
  const oldranking = "{{old('ranking')}}"/20;
  
  $("#inlineRadio"+oldranking).prop('checked', true);
}
 
	</script>
 <script>
     function showHideAuditSubject(ele){
         if(ele.value == "Compliance"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_compliance_subject_div").removeClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_all_subject").val("");
        } else if (ele.value == "Call Audit"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").removeClass("hide");
            $("#audit_compliance_subject_div").addClass("hide");
            $("#audit_all_subject").val("");
         } else if (ele.value == "VOD Audit"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_compliance_subject_div").addClass("hide");
            $("#audit_call_vod_div").removeClass("hide");
            $("#audit_all_subject").val("");
         }
          else if (ele.value == "Ministra"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_compliance_subject_div").addClass("hide");
            $("#audit_call_vod_div").addClass("hide");
            $("#audit_ministra").removeClass("hide");
            $("#audit_all_subject").val("");
         }
         else{
            $("#audit_all_subject_div").removeClass("hide");
            $("#audit_compliance_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_compliance_subject").val("");
         }
     }
     function onLoadshowHideAuditSubject(){
         ele = document.getElementById("audit_type");
         if(ele.value == "Compliance"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_compliance_subject_div").removeClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_call_vod_div").addClass("hide");
            $("#audit_all_subject").val("");
         } else if (ele.value == "Call Audit"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").removeClass("hide");
            $("#audit_compliance_subject_div").addClass("hide");
            $("#audit_call_vod_div").addClass("hide");
            $("#audit_all_subject").val("");
         }
         else if (ele.value == "VOD Audit"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_compliance_subject_div").addClass("hide");
            $("#audit_call_vod_div").removeClass("hide");
            $("#audit_all_subject").val("");
         }
        else if (ele.value == "Ministra"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_compliance_subject_div").addClass("hide");
            $("#audit_call_vod_div").addClass("hide");
            $("#audit_ministra").removeClass("hide");
            $("#audit_all_subject").val("");
         }
         else{
            $("#audit_all_subject_div").removeClass("hide");
            $("#audit_compliance_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_call_vod_div").addClass("hide");
            $("#audit_ministra").addClass("hide");

            $("#audit_compliance_subject").val("");
         }
     }
     onLoadshowHideAuditSubject();
 </script>
@endsection