@extends('admin.layout')
@section('content')

@section('style')
@parent
<style type="text/css">
    .mb-3 {
        margin-bottom: 1rem;
    }

    .mr-2 {
        margin-right: 0.75rem;
    }

  
    /*  Larger Screen Styling */
    @media (min-width: 564px) {
        .daterangepicker {
            width: auto;
        }

        .daterangepicker .ranges ul {
            width: 140px;
        }

        .daterangepicker.single .ranges ul {
            width: 100%;
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none;
        }

        .daterangepicker.single .ranges,
        .daterangepicker.single .drp-calendar {
            float: left;
        }

        .daterangepicker {
            direction: ltr;
            text-align: left;
        }

        .daterangepicker .drp-calendar.left {
            clear: left;
            margin-right: 0;
        }

        .daterangepicker .drp-calendar.left .calendar-table {
            border-right: none;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .daterangepicker .drp-calendar.right {
            margin-left: 0;
        }

        .daterangepicker .drp-calendar.right .calendar-table {
            border-left: none;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .daterangepicker .drp-calendar.left .calendar-table {
            padding-right: 8px;
        }

        .daterangepicker .ranges,
        .daterangepicker .drp-calendar {
            float: left;
        }
    }

  

    .calender-input-group-custom {
        display: flex;
        flex-direction: row;
        justify-content: left;
        position: relative;
    }

    .calender-input-group-custom .input-group-prepend {
        position: absolute;
        left: 15px;
        top: 8px;
        z-index: 9;
    }

    .calender-input-group-custom input.form-control.float-right {
        padding-left: 40px;
    }

    .refresh_reports {
        background-color: #dd4b39;
    }

    .daterangepicker {
        z-index: 9 !important;
    }

    #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>
@stop

<style>
    .bootstrap-select.btn-group .dropdown-menu li {
        border-bottom: 1px solid #6c6c6cde;
    }
</style>
@php $currentURL = url()->current();

if (str_contains($currentURL, 'bdr')) {
$link='BDR';
$getUserRoleData = userRoleData();
$LeadSources = explode(",",$getUserRoleData->BDR_Audit);
$Tickets		= explode(",",$getUserRoleData->Tickets);
$Lock_button=explode(",",$getUserRoleData->Lock_button);
}
else
{
$link='CSR';
$getUserRoleData = userRoleData();
$LeadSources = explode(",",$getUserRoleData->CSR_Audit);
$Tickets		= explode(",",$getUserRoleData->Tickets);
$Lock_button=explode(",",$getUserRoleData->Lock_button);
$WorkLogsVIew = explode(",",$getUserRoleData->WorkLogsVIew);

}

@endphp

<div class="search-list">
    <div class="content-wrapper search-result-list">
        <section class="content-header">
            <h1> {{ trans('Call List CSR and BDR') }} <small class="pagination-result"> Showing {{($result['callmonitor']->currentPage()-1)*$result['callmonitor']->perPage()+($result['callmonitor']->total() ? 1:0)}} to {{($result['callmonitor']->currentPage()-1)*$result['callmonitor']->perPage()+count($result['callmonitor'])}} of {{$result['callmonitor']->total()}} Results </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('Call Monitoring') }} </li>
            </ol>
        </section>
        @php
        //$getUserRoleData = userRoleData();
        //$LeadSources = explode(",",$getUserRoleData->QAquations);
        //dd($LeadSources);
        @endphp
        <section class="content watermark">
            <div class="row">
                <div class="col-xs-12">
                    <div class="box box-info">
                        <div class="box-body">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="row">
                                        <div style="MARGIN-LEFT: 17PX;" class="box-tools pull-left">
                                            @if(in_array("Add",$LeadSources ))
                                            <a href="{{ route('callmonitoring.create',['BDR']) }}" type="button" class="btn btn-block btn-primary">{{ trans('Add BDR Call Monitoring') }}</a>
                                            @endif
                                        </div>
                                        <div style="MARGIN-LEFT: 10PX;" class="box-tools pull-left">
                                            @if(in_array("Add",$LeadSources ))
                                            <a href="{{ route('callmonitoring.create') }}" type="button" class="btn btn-block btn-primary">{{ trans('Add CSR Call Monitoring') }}</a>
                                            @endif
                                        </div>
                                        <div style="MARGIN-LEFT: 10PX;" class="box-tools pull-left">
                                            @if(in_array("Add",$LeadSources ))
                                            <a href="{{ route('callmonitoring.userLogReport') }}" type="button" class="btn btn-block btn-primary"  target="_blank">{{ trans('User Score') }}</a>
                                            @endif
                                        </div>
                                        <div class="box-tools pull-right">
                                            
                                        <span class="label label-{{ isset($result['total_percent_sum']) && $result['total_percent_sum'] < 80 ? 'danger' : 'success' }}" style="font-size: small;">
                                        Avg. Score: {{ $result['total_percent_sum'] ?? 'N/A' }}{{ isset($result['total_percent_sum']) && $result['total_percent_sum'] < 80 ? ' ( Failed )' : '' }}
                                         </span>

                                        </div>
                                    </div>
                                    <br>
                                </div>
                            </div>

                            <div class="col-xs-12">
                                <div class="row">
                                    @if(session()->has('message'))
                                    <div class="alert alert-success alert-dismissible p-0" style="width:40%!important; display:block; padding:5px; margin-top: 10px;">
                                        <button aria-hidden="true" data-dismiss="alert" class="close " type="button" style="right:0px; display: inline;">×</button>
                                        <h4 class="mb-0" style="margin-bottom:0px"><i class="icon fa fa-check"></i> <!--{{ trans('labels.Successlabel') }}-->{{ session()->get('message') }}</h4>
                                    </div>
                                    @endif
                                    @if(session()->has('error'))
                                    <div class="alert alert-warning alert-dismissible p-0" style="width:40%!important; display:block; padding:5px; margin-top:10px;">
                                        <button aria-hidden="true" data-dismiss="alert" class="close" type="button" style="right:0px; display: inline;">×</button>
                                        <h4 class="mb-0" style="margin-bottom:0px;"><i class="icon fa fa-warning"></i> <!-- {{ trans('labels.WarningLabel') }} -->{{ session()->get('error') }}</h4>

                                    </div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <form action="" method="GET" id="report_search_form">
                                    <input type="hidden" name="order_by" id="order_by">
                                    <input type="hidden" name="order_type" id="order_type">

                                    
                                            <div class="row myFlexDiv" style="margin-bottom:10px !important;">
                                                <div class="col-sm-2 col-md-2 mb-2">
                                                    <select multiple name="calltype[]" id="calltype" class="form-control select2">
                                                        <option value='BDR' @if(isset($_REQUEST['calltype']) && in_array('BDR',@$_REQUEST['calltype'])) selected @endif>BDR</option>
                                                        <option value='CSR' @if(isset($_REQUEST['calltype']) && in_array('CSR',@$_REQUEST['calltype'])) selected @endif>CSR</option>

                                                    </select>
                                                </div>

                                                @if(Request::has('quickAudit'))

                                                <div class="col-sm-2 col-md-2 mb-2">
                                                    <select name="teamleader[]" multiple id="teamleader" class="form-control select2">
                                                        @foreach($result['teamleader'] as $team)
                                                        <option value="{{ $team->reporting_manager }}"
                                                            @if(isset($_REQUEST['teamleader']) && !empty($_REQUEST['teamleader']) && in_array($team->reporting_manager, $_REQUEST['teamleader']))
                                                            selected
                                                            @endif>
                                                            {{ $team->reporting_manager }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                @else
                                                <div class="col-sm-2 col-md-2 mb-2">
                                                    <select name="teamleader[]" multiple id="teamleader" class="form-control select2">
                                                        @foreach($result['teamleader'] as $team)
                                                        <option value="{{ $team->supervisor }}"
                                                            @if(isset($_REQUEST['teamleader']) && !empty($_REQUEST['teamleader']) && in_array($team->supervisor, $_REQUEST['teamleader']))
                                                            selected
                                                            @endif>
                                                            {{ $team->supervisor }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                @endif


                                                <!-- <div class="col-sm-2 col-md-2 mb-2">
                                                    <select multiple name="fatals[]" id="fatals" class="form-control select2">
                                                        <option value='1' @if(isset($_REQUEST['fatals']) && in_array(1,@$_REQUEST['fatals'])) selected @endif>Yes</option>
                                                        <option value='null' @if(isset($_REQUEST['fatals']) && in_array('null',@$_REQUEST['fatals'])) selected @endif>NO</option>

                                                    </select>
                                                </div> -->

                                                <div class="col-sm-2 col-md-2 mb-2">
                                                    <select name="auditor[]" multiple id="auditor" class="form-control select2">
                                                        @foreach($result['filterdata'] as $team)
                                                        <option value="{{ $team->myid }}"
                                                            @if(isset($_REQUEST['auditor']) && !empty($_REQUEST['auditor']) && in_array($team->myid, $_REQUEST['auditor']))
                                                            selected
                                                            @endif>
                                                            {{ $team->first_name }} {{ $team->last_name }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-sm-2 col-md-2 mb-2">
                                                    <select name="trainer[]" multiple id="trainer" class="form-control select2">
                                                        @foreach($result['filtertrainer_data'] as $team)
                                                        @if(!empty($team->trainer['myid']))
                                                        <option value="{{$team->trainer['myid']}}" @if(isset($_REQUEST['trainer']) &&
                                                            !empty($_REQUEST['trainer']) && in_array($team->trainer['myid'],$_REQUEST['trainer']))
                                                            selected @endif>{{$team->trainer['first_name']}} {{$team->trainer['last_name']}}
                                                        </option>
                                                        @endif
                                                        @endforeach

                                                    </select>
                                                </div>
                                                <div class="col-sm-2 col-md-2 mb-2">
                                                    <select name="score" id="score" class="form-control select2">
                                                        <option>Select Score</option>
                                                        <option value='50' @if(@$_REQUEST['score']==50)
                                                            selected @endif>Below 50</option>
                                                        <option value='60' @if(@$_REQUEST['score']==60)
                                                            selected @endif>51 to 70</option>
                                                        <option value='70' @if(@$_REQUEST['score']==70)
                                                            selected @endif>71 to 90</option>
                                                        <option value='90' @if(@$_REQUEST['score']==90)
                                                            selected @endif>Above 90</option>
                                                    </select>
                                                </div>

                                                @if (in_array("View", explode(",", $getUserRoleData->WorkLogsVIew))) 
                                                    <div class="col-sm-2 col-md-2 mb-2">
                                                        <select multiple name="user[]" id="user" class="form-control select2">
                                                            @foreach($result['users'] as $user)
                                                            <option value="{{$user->myid}}" @if(isset($_REQUEST['user']) &&
                                                                !empty($_REQUEST['user']) && in_array($user->myid,$_REQUEST['user']))
                                                                selected @endif >{{$user->first_name}} {{$user->last_name}}
                                                            </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                @endif

                                            </div>

                                            <div class="row myFlexDiv">

                                            <div class="col-sm-2">
                                                <div class="input-group calender-input-group-custom">
                                                    
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">
                                                            <i class="fa fa-calendar"></i>
                                                        </span>
                                                    </div>

                                                    <input type="text"
                                                        class="form-control form-control-sm float-right mr-2"
                                                        name="filter_date_range" id="filter_date_range"
                                                        value="28/04/2025 - 28/04/2025">

                                                    </div>
                                                </div>
                                  
                                               <div class="col-sm-2">
                                                @if(isset($_REQUEST['quickAudit']) && $_REQUEST['quickAudit'] == 1)
                                                <select onchange="showHideAuditSubject(this);" id="audit_type" name="audit_type" class="form-control form-control-sm" style="margin-right:09px">
                                                    <option value="">Audit Type</option>
                                                    @foreach($result['audit_type_array'] as $audit_type_array)
                                                    <option value="{{$audit_type_array}}" @if(isset($_REQUEST['audit_type']) && $_REQUEST['audit_type']==$audit_type_array ) selected @endif>{{$audit_type_array}}</option>
                                                    @endforeach
                                                    <option value="Ticket Performance" @if(isset($_REQUEST['audit_type']) && $_REQUEST['audit_type']=="Ticket Performance") selected @endif>Ticket Performance</option>
                                                </select>
                                                @endif
                                            </div>

                                            <div id="audit_all_subject_div" class="col-sm-2 col-md-2 mb-2">
                                                @if(isset($_REQUEST['quickAudit']) && $_REQUEST['quickAudit'] == 1)
                                                <select name="audit_subject" id="audit_subject" class="form-control select2" style="width:188px">
                                                    <option value="">Select Audit Subject</option>
                                                    @foreach($result['quick_audit_all_subject'] as $quick_audit_all_subject)
                                                    <option value="{{$quick_audit_all_subject}}" @if(isset($_REQUEST['audit_subject']) && $_REQUEST['audit_subject'] == $quick_audit_all_subject) selected @endif>
                                                        {{$quick_audit_all_subject}}
                                                    </option>
                                                    @endforeach
                                                </select>
                                                @endif
                                            </div>

                                            <div id="audit_compliance_subject_div" class="col-sm-2 col-md-2 mb-2 hide">
                                                @if(isset($_REQUEST['quickAudit']) && $_REQUEST['quickAudit'] == 1)
                                                <select name="audit_subject_1" id="audit_subject_1" class="form-control select2" style="width:188px">
                                                    <option value="">Select Audit Subject</option>
                                                    @foreach($result['quick_audit_compliance_subject'] as $quick_audit_compliance_subject)
                                                    <option value="{{$quick_audit_compliance_subject}}" @if(isset($_REQUEST['audit_subject_1']) && $_REQUEST['audit_subject_1'] == $quick_audit_compliance_subject) selected @endif>
                                                        {{$quick_audit_compliance_subject}}
                                                    </option>
                                                    @endforeach
                                                </select>
                                                @endif
                                            </div>

                                            <div id="audit_call_audit_subject_div" class="col-sm-2 col-md-2 mb-2 hide">
                                                @if(isset($_REQUEST['quickAudit']) && $_REQUEST['quickAudit'] == 1)
                                                <select name="audit_subject_2" id="audit_subject_2" class="form-control select2" style="width:188px">
                                                    <option value="">Select Audit Subject</option>
                                                    @foreach($result['quick_audit_call_audit_subject'] as $quick_audit_call_audit_subject)
                                                    <option value="{{$quick_audit_call_audit_subject}}" @if(isset($_REQUEST['audit_subject_2']) && $_REQUEST['audit_subject_2'] == $quick_audit_call_audit_subject) selected @endif>
                                                        {{$quick_audit_call_audit_subject}}
                                                    </option>
                                                    @endforeach
                                                </select>
                                                @endif
                                            </div>

                                            <div id="audit_ministra" class="col-sm-2 col-md-2 mb-2 hide">
                                                @if(isset($_REQUEST['quickAudit']) && $_REQUEST['quickAudit'] == 1)
                                                <select name="audit_subject_3" id="audit_subject_3" class="form-control select2" style="width:188px">
                                                    <option value="">Select Audit Subject</option>
                                                    @foreach($result['quick_audit_ministra'] as $quick_audit_ministra)
                                                    <option value="{{$quick_audit_ministra}}" @if(isset($_REQUEST['audit_subject_3']) && $_REQUEST['audit_subject_3'] == $quick_audit_ministra) selected @endif>
                                                        {{$quick_audit_ministra}}
                                                    </option>
                                                    @endforeach
                                                </select>
                                                @endif
                                            </div>

                                                
                                                <div class="col-sm-2 col-md-2 mb-2">
                                                    @if(isset($_REQUEST['quickAudit']) && $_REQUEST['quickAudit'] == 1)
                                                    <select name="status" id="status" class="form-control select2">
                                                        <option value="">Select Feedback Status</option>
                                                        @foreach($result['quick_audit_status'] as $quick_audit_status_id => $quick_audit_status)
                                                        <option value="{{$quick_audit_status_id}}" @if(isset($_REQUEST['status']) && $_REQUEST['status'] == $quick_audit_status_id) selected @endif>
                                                            {{$quick_audit_status}}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                    @endif
                                                </div>
                                            </div>
                                    
                                            <div class="row myFlexDiv">
                                                <div class="col-sm-12">
                                                    <div style="display:flex; align-items:center;">
                                                        <div style="margin-right:10px">
                                                        <input type="checkbox" name="fatals[]" value="@if(isset($_REQUEST['fatals']) && in_array(1, @$_REQUEST['fatals'])) 1 @else null @endif" id="fatals-check" @if(isset($_REQUEST['fatals']) && in_array(1, @$_REQUEST['fatals'])) checked @endif>
                                                        <label for="fatals-check" style="margin-left: 2px;">Fatal</label>
                                                        </div>

                                                        <div class="form-check">
                                                                <input type="checkbox" name="quickAudit" id="quickAudit" class="form-check-input" value="1" @if(isset($_REQUEST['quickAudit']) && $_REQUEST['quickAudit']==1) checked @endif>
                                                                <label class="form-check-label" for="quickAudit">Quick Audit</label>
                                                        </div>

                                                        <div class="form-check" style="margin-left:8px">
                                                            <input type="checkbox" name="failFilter" id="failFilter" class="form-check-input" value="1" @if(isset($_REQUEST['failFilter']) && $_REQUEST['failFilter']==1) checked @endif>
                                                            <label class="form-check-label" for="failFilter">Fail</label>
                                                        </div>

                                                        <div class="form-check" style="margin-left:8px">
                                                            <input type="checkbox" name="rtmFilter" id="rtmFilter" class="form-check-input" value="1" @if(isset($_REQUEST['rtmFilter']) && $_REQUEST['rtmFilter']==1) checked @endif>
                                                            <label class="form-check-label" for="rtmFilter">RTM</label>
                                                        </div>

                                                        @if(isset($_REQUEST['quickAudit']) && $_REQUEST['quickAudit'] == 1)
                                                        <div class="form-check" style="margin-left:8px">
                                                            <input type="checkbox" name="filterAudit" id="filterAudit" class="form-check-input" value="1" @if(isset($_REQUEST['filterAudit']) && $_REQUEST['filterAudit']==1) checked @endif>
                                                            <label class="form-check-label" for="filterAudit">Ticket Performance with audit</label>
                                                        </div>
                                                        @endif
                                                        <div class="input-group-append" style="margin-left:8px">
                                                            <button class="btn btn-sidebar btn-warning mr-2">
                                                                <i class="fa fa-search fa-fw"></i>
                                                            </button>
                                                        </div>
                                                        <div class="input-group-append ">
                                                            <a href="{{ URL::to('admin/callmonitoring/'.$link.'?quickAudit=1&audit_type=')}}"
                                                                class="btn btn-danger refresh_reports"><span
                                                                    class="glyphicon glyphicon-refresh"></span> </a>

                                                        </div>
                                                        <div class="input-group-append " style="margin-left: 10px;">
                                                            <a href="{{url()->current() . '?' . http_build_query(request()->query())}}&export=1" class="btn btn-sidebar btn-success mr-2">
                                                                <i class="fa fa-download fa-fw"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12">
                                <table id="example1" class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>{{ trans('Name') }} </th>
                                            <th>{{ trans('Team Leader') }}</th>
                                            <th onclick="sortFilter('total_percent', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Score') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'total_percent') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
                                            <th>{{ trans('Fatal') }}</th>
                                            <th>{{ trans('RTM') }}</th>


                                             @if(isset($_REQUEST['quickAudit']) && $_REQUEST['quickAudit'] == 1)
                                             <th> {{ trans('Feedback Status') }} </th>
                                             @endif

                                            <th>{{ trans('Auditor') }}</th>
                                            <th>{{ trans('Assigned To') }}</th>
                                            @if(Request::has('quickAudit'))
                                                <th>{{ trans('Audit Type') }}</th>
                                                <th>{{ trans('Audit Subject') }}</th>
                                                @if(isset($_REQUEST['audit_type']) && $_REQUEST['audit_type']!="Ticket Performance" && $_REQUEST['quickAudit']=1 )
                                                    <th>{{ trans('Auditor Call Length') }}</th>
                                                @endif
                                                @if(Request::has('filterAudit') && (!isset($_REQUEST['audit_type']) || $_REQUEST['audit_type'] != "Ticket Performance"))
                                                    @if(isset($_REQUEST['filterAudit']) && $_REQUEST['filterAudit'])
                                                        <th>{{ trans('Ticket No.') }}</th>
                                                    @endif
                                                @endif

                                            @endif

                                            @if(isset($_REQUEST['audit_type']) && $_REQUEST['audit_type']=="Ticket Performance")
                                            <th>{{ trans('Ticket No.') }}</th>
                                            @endif

                                            <th onclick="sortFilter('date', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Audit Date') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'date') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
                                            <th width="10%">{{ trans('Action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody style="z-index: 1">@php $i=0; @endphp
                                        @if(count((array) $result['callmonitor'])>0)
                                       
                                        @foreach ($result['callmonitor'] as $call)
                                        
                                        @if(isset($_REQUEST['audit_type']) && $_REQUEST['audit_type']=="Ticket Performance")
                                        <tr>
                                            <td>@if(!empty($call->lastAssignedTo)){{ $call->lastAssignedTo->first_name.' '.$call->lastAssignedTo->last_name }}@endif</td>
                                            <td>@if(!empty($call->lastAssignedTo->teamLeader)){{ $call->lastAssignedTo->teamLeader->first_name.' '.$call->lastAssignedTo->teamLeader->last_name }}@endif</td>
                                            @php $rating = ((int)$call->rating*20) @endphp
                                            <td>{{ $rating }}</td>
                                            <td>{{ ($call->rtm) ? $call->rtm :  ''  }}</td>


                                            <td>No</td>
                                            <td>-</td>

                                            <td>@if(!empty($call->performanceBy)){{ $call->performanceBy->first_name.' '.$call->performanceBy->last_name }}@endif</td>
                                            <td>--</td>

                                            <td>Ticket Performance</td>

                                            <td>{{ $call->tickets_number }}</td>

                                            <td>{{ $call->performance_at }}</td>
                                            @if(in_array("Edit",$Tickets ) || in_array("Delete",$Tickets ))
                                                <td>
                                                    @if(in_array("View",$Tickets ))
                                                        <a href="{{url('admin/view-tickets/'.$call->id.'/'.$call->thread_type)}}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="View" onclick="addedLogs('{{ $call->id }}', 'View clicked', 'Ticket')"><i class="fa fa-eye"></i></a>
                                                    @endif
                                                </td>
                                            @endif
                                        </tr>
                                        @elseif(Request::has('filterAudit'))
                                        <tr>

                                            <td>{{ ($call->csrName) ? $call->csrName->first_name." ".$call->csrName->last_name  : $call->lastAssignedTo->first_name.' '.$call->lastAssignedTo->last_name }}</td>
                                            <td>
                                                {{ ($call->csrName) ? $call->reporting_manager : ( !empty($call->lastAssignedTo->teamLeader) ? $call->lastAssignedTo->teamLeader->first_name . ' ' . $call->lastAssignedTo->teamLeader->last_name : '' ) }}
                                            </td>
                                            @php $rating = ((int)$call->score*20) @endphp
                                            <td>{{ ($call->csrName) ? $call->score :  $rating  }}</td>

                                            <td>
                                            @if ($call->csrName)
                                                @if ($call->score == "fatal")
                                                    Yes
                                                @else
                                                    No
                                                @endif
                                            @else
                                                No
                                            @endif
                                        </td>

                                        <td>{{ ($call->rtm) ? $call->rtm :  ''  }}</td>


                                            <td>{{ ($call->status) ? $result['quick_audit_status'][$call->status] : "--" }} </td>

                                            <td>@if($call->csrName)
                                                @if($call->auditor)
                                                    {{ $call->auditor->first_name . " " . $call->auditor->last_name }}
                                                @endif
                                            @else
                                                @if(!empty($call->performanceBy))
                                                    {{ $call->performanceBy->first_name . ' ' . $call->performanceBy->last_name }}
                                                @endif
                                            @endif</td>


                                            <td> - </td>
                                            <td>{{ ($call->csrName) ? $call->type :  $call->type }}</td>
                                            <td>{{ ($call->audit_subject) ? $call->audit_subject :  "--" }}</td>
                                            <td>{{ ($call->csrName) ? $call->number :"--" }}</td>

                                            <td>{{ !$call->csrName ? $call->number : '--' }}</td>


                                            <td>{{ ($call->csrName) ? $call->performance_date : $call->performance_date }}</td>

                                            <td>
                                                @if($call->csrName )
                                                    @if(in_array("Edit",$LeadSources ))
                                                    <a href="{{route('quickaudit.edit', [$call['id']]) }}" class="btn btn-info btn-xs" data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i></a>
                                                    @endif
                                                    @if(in_array("View",$LeadSources ))
                                                    <a href="{{route('quickaudit.view', [$call['id']]) }}" class="btn btn-info btn-xs" data-toggle="tooltip" data-placement="bottom" title="View">View</a>
                                                    @endif
                                                    @if(in_array("Delete",$LeadSources ))
                                                    <a href="{{route('quickaudit.destroy', [$call['id']]) }}" class="btn btn-danger btn-xs" data-toggle="tooltip" data-placement="bottom" title="Delete" onclick="return getConfirmation();"><i class="fa fa-trash"></i></a>
                                                    @endif
                                                @else
                                                    @if(in_array("Edit",$Tickets ) || in_array("Delete",$Tickets ))
                                                        @if(in_array("View",$Tickets ))
                                                            <a href="{{url('admin/view-tickets/'.$call->id.'/'.$call->thread_type)}}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="View" onclick="addedLogs('{{ $call->id }}', 'View clicked', 'Ticket')"><i class="fa fa-eye"></i></a>
                                                        @endif
                                                    @endif
                                                @endif

                                            </td>
                                        </tr>
                                        @elseif(Request::has('quickAudit'))
                                        <tr>

                                            <td>{{ $call->csrName ? $call->csrName->first_name . ' ' . $call->csrName->last_name : 'N/A' }}</td>

                                            <td>{{ $call->reporting_manager }}</td>
                                            <td>{{ $call->ranking }}</td>
                                            @if($call->rating == "fatal")
                                            <td>Yes</td>
                                            @else
                                            <td>No</td>
                                            @endif
                                        <td>{{ ($call->rtm) ? $call->rtm :  ''  }}</td>

                                            <td>{{ $result['quick_audit_status'][$call->status] }}</td>

                                            <td>@if($call->auditor) {{ $call->auditor->first_name." ".$call->auditor->last_name }} @endif</td>
                                            <td> - </td>


                                            <td>{{ $call->audit_type }}</td>
                                            <td>{{ $call->audit_subject }}</td>
                                            <td>{{ $call->auditor_call_length }}</td>
                                            <td>{{ $call->audit_time }}</td>
                                            <td>
                                                @if(in_array("Edit",$LeadSources ))
                                                <a href="{{route('quickaudit.edit', [$call['id']]) }}" class="btn btn-info btn-xs" data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i></a>
                                                @endif
                                                @if(in_array("View",$LeadSources ))
                                                <a href="{{route('quickaudit.view', [$call['id']]) }}" class="btn btn-info btn-xs" data-toggle="tooltip" data-placement="bottom" title="View">View</a>
                                                @endif
                                                @if(in_array("Delete",$LeadSources ))
                                                <a href="{{route('quickaudit.destroy', [$call['id']]) }}" class="btn btn-danger btn-xs" data-toggle="tooltip" data-placement="bottom" title="Delete" onclick="return getConfirmation();"><i class="fa fa-trash"></i></a>
                                                @endif
                                            </td>
                                        </tr>
                                        @else
                                        <tr>
                                            <td>{{ $call->userdetail->first_name." ".$call->userdetail->last_name }}</td>
                                            <td>{{ $call->supervisor }}</td>
                                            <td>{{ $call->total_percent }}</td>
                                            @if($call->total_percent<70 || $call->fatalcall_status ==1)
                                                <td>Yes</td>
                                                @else
                                                <td>No</td>
                                                @endif


                                                <td>{{ $call->auditor['first_name']??''}} {{$call->auditor['last_name']??'' }}</td>

                                                <td>{{$call->trainer['first_name'] ??''}} {{$call->trainer['last_name']??'' }}</td>

                                                <td>{{ $call->date }}</td>
                                                <td>
                                                    @if(in_array("Edit",$LeadSources ))
                                                    <a href="{{route('callmonitoring.edit', [$call['id']]) }}" class="btn btn-info btn-xs" data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i><a />
                                                        @endif
                                                        @if(in_array("View",$LeadSources ))
                                                        <a href="{{route('callmonitoring.view', [$call['id']]) }}" class="btn btn-info btn-xs" data-toggle="tooltip" data-placement="bottom" title="View">View<a />
                                                            @endif
                                                            @if(in_array("Delete",$LeadSources ))
                                                            <a href="{{route('callmonitoring.destroy', [$call['id']]) }}" class="btn btn-danger btn-xs" data-toggle="tooltip" data-placement="bottom" title="Delete" onclick="return getConfirmation();"><i class="fa fa-trash"></i><a />
                                                                @endif
                                                </td>
                                        </tr>
                                        @endif
                                        @php $i++; @endphp
                                        @endforeach
                                        <tr>
                                            <td colspan="9">
                                                {{ $result['callmonitor']->appends($_GET)->links() }}
                                            </td>
                                        </tr>
                                        @else
                                        <tr>
                                            <td colspan="3">No record found</td>
                                        </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </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>
        </section>
    </div>
</div>
@endsection

@section('scripts')
@parent
<!-- <script src="https://adminlte.io/themes/v3/plugins/daterangepicker/daterangepicker.js"></script> -->
<script type="text/javascript">
    function submitSearchForm() {
        $('.fullLoader').show();
        $('#report_search_form').submit();
    }
    $(function() {
        $('#audit_type').change(function() {
            // submitSearchForm();
        });
        $("#user").select2({
            //closeOnSelect: false,
            placeholder: 'Search by User',
        }).on("select2:select", function(e) {
            // submitSearchForm();
        }).on('select2:unselect', function(e) {
            // submitSearchForm();
        });
        $("#teamleader").select2({
            //closeOnSelect: false,
            placeholder: 'Team Leader',
        });

        $("#auditor").select2({
            //closeOnSelect: false,
            placeholder: 'Auditor',
        }).on("select2:select", function(e) {
            // submitSearchForm();
        }).on('select2:unselect', function(e) {
            // submitSearchForm();
        });
        $("#trainer").select2({
            //closeOnSelect: false,
            placeholder: 'Assigned To',
        }).on("select2:select", function(e) {
            // submitSearchForm();
        }).on('select2:unselect', function(e) {
            // submitSearchForm();
        });
        $("#score").select2({
            //closeOnSelect: false,
            placeholder: 'Score',
        }).on("select2:select", function(e) {
            // submitSearchForm();
        }).on('select2:unselect', function(e) {
            // submitSearchForm();
        });
        $("#fatals").select2({
            //closeOnSelect: false,
            placeholder: 'Fatal',
        }).on("select2:select", function(e) {
            // submitSearchForm();
        }).on('select2:unselect', function(e) {
            // submitSearchForm();
        });

        $("#calltype").select2({
            //closeOnSelect: false,
            placeholder: 'Call Type',
        }).on("select2:select", function(e) {
            // submitSearchForm();
        }).on('select2:unselect', function(e) {
            // submitSearchForm();
        });

    });
</script>
<script type="text/javascript">
    function sortFilter(order_by, order_type) {
        $("#order_by").val(order_by);
        $("#order_type").val(order_type);
        $("#report_search_form").submit();
    }
    $(document).ready(function() {

        $(function() {

            var nowDate = new Date();
            var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
            console.log(today, 'sss');
            if ($('input[name="filter_date_range"]').val().length === 0) {

                //var start = moment().utcOffset("+05:30").subtract('0', 'days');
                //var end = moment().utcOffset("+05:30");

            } else {
                var date_range = $('input[name="filter_date_range"]').val();
                var dates = date_range.split(" - ");
                var start = dates[0];
                var end = dates[1];

            }

            
            //Date range as a button
           
        $('#filter_date_range').daterangepicker({
            opens: 'right',
            locale: { cancelLabel: 'Clear' },
            //autoUpdateInput: false,
            //startDate: moment().subtract('days', 29),
            startDate: moment().subtract(1, 'month').startOf('month'),
            endDate: moment(),     
            ranges: {
               'Today': [moment(), moment()],
               'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
               'Last 7 Days': [moment().subtract(6, 'days'), moment()],
               'Last 30 Days': [moment().subtract(29, 'days'), moment()],
               'This Month': [moment().startOf('month'), moment().endOf('month')],
               'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
            }
        }, 
        function(start, end, label) {   
            console.log("A new date selection was made: " + start.format('DD-MM-YYYY') + ' to ' + end.format('DD-MM-YYYY'));
        });
        $('#filter_date_range').on('apply.daterangepicker', function(ev, picker) {
            //console.log(picker.startDate.format('DD-MM-YYYY'));
            //console.log(picker.endDate.format('DD-MM-YYYY'));
            var startDate = picker.startDate.format('DD-MM-YYYY')+'/'+picker.endDate.format('DD-MM-YYYY');
            $('#naveeb').val(startDate);
            //console.log(startDate);
            //return false;
            var page = '';
            //fetch_data(page);
            // submitSearchForm();
        });
        $('#filter_date_range').on('apply.daterangepicker', function(ev, picker) {
            $(this).val(picker.startDate.format('DD/MM/YYYY') + ' - ' + picker.endDate.format('DD/MM/YYYY'));
        });
        $('#filter_date_range').on('cancel.daterangepicker', function(ev, picker) {
            //do something, like clearing an input
            $('#naveeb').val('');
            $('#filter_date_range').val('');
            var page = '';
            //fetch_data(page);
            // submitSearchForm();
        });
        });

        $('#fatals-check').change(function() {
        if ($(this).is(':checked')) {
            $(this).val('1');
        } else {
            $(this).val('null');
        }
    });
    });
</script>
<script>
    document.querySelectorAll('#watermarked').forEach(function(el) {
        el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
    });
</script>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkbox = document.getElementById('quickAudit');
        const form = document.getElementById('report_search_form');

        checkbox.addEventListener('change', function() {
            // Submit the form when checkbox is clicked
            form.submit();
        });
    });
</script>
 <script>
     function showHideAuditSubject(ele){
        $("#audit_subject, #audit_subject_1, #audit_subject_2, #audit_subject_3").val("").trigger('change');
         if(ele.value == "Compliance"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_compliance_subject_div").removeClass("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 == "Ministra"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_ministra").removeClass("hide");
            $("#audit_compliance_subject_div").addClass("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_ministra").addClass("hide");

            $("#audit_compliance_subject").val("");
         }
     }
     function onLoadshowHideAuditSubject(){
         ele = document.getElementById("audit_type");
         if(ele.value == "Compliance"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_ministra").addClass("hide");
            $("#audit_compliance_subject_div").removeClass("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_ministra").addClass("hide");
            $("#audit_all_subject").val("");
         }
        else if (ele.value == "Ministra"){
            $("#audit_all_subject_div").addClass("hide");
            $("#audit_call_audit_subject_div").addClass("hide");
            $("#audit_ministra").removeClass("hide");
            $("#audit_compliance_subject_div").addClass("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_ministra").addClass("hide");
            $("#audit_compliance_subject").val("");
         }
     }
    onLoadshowHideAuditSubject();
 </script>
@stop