@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Advisor Activity
                </h3>
            </div>

        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if(Session::has('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
            {{ Session::get('success') }}
        </div>
        @endif
        @if(Session::has('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
            {{ Session::get('error') }}
        </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon">
                            <i class="fa fa-group"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Advisor Activity
                        </h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">
                <div class="m-section" style="padding: 18px;">
                    <div>
                        <div class="row">Application Target - <code>{!! $application_target or 0 !!}</code>&nbsp; || Disbursement Target - <code><span style="font-family: sans-serif">&#x20B9;</span>{!! $disbursement_target or 0 !!}</code></div>
                        <br>
                        <hr/>
                        <div style="padding-bottom: 12px;" class="row">Login To Decision - <code>{!! $time_from_login_to_decision or 0 !!}</code>&nbsp; || Decision To Disbursement - <code><span style="font-family: sans-serif"></span>{!! $time_from_decision_to_disbursement or 0 !!}</code></div>
                        <form action="/admin/dashboard/advisor_activity" class="form-horizontal" method="GET">
                            <input name="_token" value="{{ csrf_token() }}" type="hidden">
                            <div class="row" style="padding-bottom: 10px;margin-left: -32px;padding-top: 10px;">
                                <div class="col-md-3">
                                    <input type="text" name="from_date" id="fl_from_date" class="form-control" placeholder="From Date" value="{{Request::old('from_date', $from_date)}}" autocomplete="off"/>
                                </div>
                                <div class="col-md-3">
                                    <input type="text" name="to_date" id="fl_to_date" class="form-control" placeholder="To Date" value="{{Request::old('to_date', $to_date)}}" autocomplete="off"/>
                                </div>
                                <div class="col-md-3">
                                    <select class="form-control m-input" name="user_id" id="exampleSelect1">
                                        <option value=""> Select User </option>
                                        <?php $userLists = []; ?>
                                        @foreach($users as $user)
                                            <?php $userLists[$user->id] = $user->name; ?>
                                            <option value="{{ $user->id }}" @if(Request::old('user_id',$user_id) == $user->id) selected="" @endif>{{ $user->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6 calculate-for-emi">
                                    <input type="submit" class="btn btn-accent" value="Fetch Data"  style="margin-right: 20px;"/>
                                    <div class="btn btn-primary" onclick="return window.location = '/admin/dashboard/advisor_activity';">Clear Filter</div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="accordion" id="accordionExample">
                    <div class="card">
                        <div class="card-header" id="headingOne">
                            <h2 class="mb-0">
                                <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    Advisor Activity V2 <span class="btn btn-primary" style="right: 9px;position: absolute;top: 13px;padding: 5px;" data-toggle="modal" data-target="#tat_categories">TAT Categories</span>
                                </button>
                            </h2>
                        </div>

                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                            <div class="card-body" style="height: 100%;overflow-y: auto;">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <td>Advisor</td>
                                            <td>
                                                <div><code>Quick</code></div>
                                                <table>
                                                    <tr>
                                                        <td width="25%">Case TAT to Decision</td>
                                                        <td width="25%">Avg TAT to Decision</td>
                                                        <td width="25%">Case TAT to Disbursement</td>
                                                        <td width="25%">Avg TAT to Disbursement</td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td>
                                                <div><code>Mid</code></div>
                                                <table>
                                                    <tr>
                                                        <td width="25%">Case TAT to Decision</td>
                                                        <td width="25%">Avg TAT to Decision</td>
                                                        <td width="25%">Case TAT to Disbursement</td>
                                                        <td width="25%">Avg TAT to Disbursement</td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td>
                                                <div><code>Slow</code></div>
                                                <table>
                                                    <tr>
                                                        <td width="25%">Case TAT to Decision</td>
                                                        <td width="25%">Avg TAT to Decision</td>
                                                        <td width="25%">Case TAT to Disbursement</td>
                                                        <td width="25%">Avg TAT to Disbursement</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($tat_wise_data as $createdBy => $tatData)
                                        <?php $key = 0; ?>
                                        <tr>
                                        <?php $row = 1; ?>
                                        @foreach($tatData as $tatStatus => $item)
                                            @if(!$key)
                                                <td><?php echo $userLists[$createdBy]; ?></td>
                                            @endif
                                            @if($item)
                                            <td>
                                                <table>
                                                    <tr>
                                                        <td width="25%">{!! $item['case_tat_to_decision'] !!}</td>
                                                        <td width="25%">{!! $item['avg_tat_to_decision'] !!}</td>
                                                        <td width="25%">{!! $item['case_tat_to_disbursement'] !!}</td>
                                                        <td width="25%">{!! $item['avg_tat_to_disbursement'] !!}</td>
                                                    </tr>
                                                </table>
                                            </td>
                                            @else
                                                <td></td>
                                            @endif
                                            <?php $key = 1; ?>
                                        @endforeach
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="headingTwo">
                            <h2 class="mb-0">
                                <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    Advisor Activity V1
                                </button>
                            </h2>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                            <div class="card-body">
                                <div class="m-section">

                                    <div class="m-section__content" style="overflow: auto">
                                        @if($comments || $status || $tracker['stops'] || $new_application || $new_disbursement)
                                            <table class="table m-table">
                                                <thead>
                                                <tr>
                                                    <th>Unique Comment Added</th>
                                                    <th>Unique Application (where status changed)</th>
                                                    <th>New Application</th>
                                                    <th>Disbursement</th>
                                                    <th>InProcess</th>
                                                    <th>Approved</th>
                                                    <th>Waiting For Document</th>
                                                    <th>Active Merchant</th>
                                                    <th>Average Rating</th>
                                                    <th>Total Stops</th>
                                                    <th>Duration</th>
                                                    <th>Distance</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td>{!! $comments or '' !!}</td>
                                                    <td>{!! $status or '' !!}</td>
                                                    <td>{!! $new_application or '' !!}</td>
                                                    <td>{!! $new_disbursement or '' !!}</td>
                                                    <td><?php echo isset($cards['in_process']) ? count($cards['in_process']) : 0; ?></td>
                                                    <td><?php echo isset($cards['approved']) ? count($cards['approved']) : 0; ?></td>
                                                    <td><?php echo isset($cards['waiting_for_documents']) ? count($cards['waiting_for_documents']) : 0; ?></td>
                                                    <td>{!! $unique_merchant or '' !!}</td>
                                                    <td>{!! $ratings !!}</td>
                                                    <td><?php echo isset($tracker['stops']) ? count($tracker['stops']) : 0; ?></td>
                                                    <td><?php echo isset($tracker['places']) ? $tracker['places']['duration'] : 0; ?></td>
                                                    <td><?php echo isset($tracker['places']) ? $tracker['places']['distance'] : 0; ?></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        @endif
                                    </div>
                                    <div class="m-section__content" style="overflow: auto">
                                        <div>Call Logs</div>
                                        <table class="table m-table">
                                            <thead>
                                            <tr>
                                                <th>Total Call Made</th>
                                                <th>Unique Customer Contacted</th>
                                                <th>Call Dialed</th>
                                                <th>Connected</th>
                                                <th>Average Minutes Spoken</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td @if($calls['total_call_made'] != 0) class="call_list_modal" data-id="total_call_made" style="text-decoration: underline;" @endif>{!! $calls['total_call_made'] or 0 !!}</td>
                                                <td @if($calls['total_call_made'] != 0) class="call_list_modal" data-id="unique_customer_contacted" style="text-decoration: underline;" @endif>{!! $calls['unique_customer_contacted'] or 0 !!}</td>
                                                <td @if($calls['total_call_made'] != 0) class="call_list_modal" data-id="call_dialed" style="text-decoration: underline;" @endif>{!! $calls['call_dialed'] or 0 !!}</td>
                                                <td @if($calls['total_call_made'] != 0) class="call_list_modal" data-id="connected" style="text-decoration: underline;" @endif>{!! $calls['connected'] or 0 !!}</td>
                                                <td @if($calls['total_call_made'] != 0) class="call_list_modal" data-id="average_minutes_spoken" style="text-decoration: underline;" @endif>{!! $calls['average_minutes_spoken'] or 0 !!}</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="row" style="margin: 0;padding-bottom: 20px;">
                                    @foreach($cards as $name=>$card)
                                        <div class="col-md-4" style="background-color: #ffffff;padding: 7px;border-style: solid;border-color: #d6d6e0;border-width: 1px;">
                                            <a href="#{!! $name !!}" data-toggle="collapse"><div style="text-decoration: none;text-align: center;padding-bottom: 8px;color: #312d2d;">{!! ucwords(str_replace('_',' ',$name)) !!} <i style="float: right;padding-top: 8px;" class="fa fa-plus-circle"></i> </div></a>
                                            <div id="{!! $name !!}" class="collapse">
                                                @foreach($card as $item)
                                                    <a href="/admin/consumer-applications/edit/{!! $item->id !!}" style="text-decoration: none;color: white;"><div class="btn btn-primary" style="width: 100%;margin-bottom: 7px;"><span style="float: left;">{!! $item->name !!}</span></div></a>
                                                @endforeach
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                {!! $trackerHTML !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="tat_categories" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header" style="padding: 13px;display: block;">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">TAT Categories</h4>
            </div>
            <div class="modal-body" style="height: 400px;overflow-y: auto;">
                <table class="table table-striped">
                    <tr>
                        <th>Category</th>
                        <th>TAT Category</th>
                    </tr>
                    @foreach($categories as $category)
                        <tr>
                            <td>{!! $category->name !!}</td>
                            <td>
                                <select class="form-control" name="category_status" data-id="{!! $category->id !!}">
                                    <option value="" @if((isset($category->tat->status) && empty($category->tat->status)) || !isset($category->tat->status)) selected @endif>-</option>
                                    @foreach($category_status as $category_status_id => $categoryItem)
                                        <option value="{!! $category_status_id !!}" @if(isset($category->tat->status) && $category->tat->status == $category_status_id) selected @endif>{!! $categoryItem !!}</option>
                                    @endforeach
                                </select>
                        </tr>
                    @endforeach
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>

<div id="call_list_modal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header" style="padding: 13px;display: block;">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Customers List</h4>
            </div>
            <div class="modal-body">
                @foreach($calls['lists'] as $name=>$lists)
                    <table class="table table-striped {!! $name !!}_view" style="display: none;">
                        <tr>
                            <th>Name</th>
                            <th>Mobile Number</th>
                            <th>Call Date</th>
                        </tr>
                    @foreach($lists as $list)
                    <tr>
                        <td>{!! $list->consumer->name !!}</td>
                        <td>{!! $list->consumer->mobile_number !!}</td>
                        <td>{!! $list->created_at !!}</td>
                    </tr>
                    @endforeach
                    </table>
                    @endforeach
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>
@include("admin.layouts.footer")
@include("admin.layouts.map_footer")
<script>

    $("select[name='category_status']").change(function () {
       let status = $(this).val();
       let _token = '<?php echo csrf_token(); ?>';
       let category_id = $(this).attr('data-id');
       let user_id = '<?php echo \Illuminate\Support\Facades\Auth::user()->id; ?>';

        $.ajax({
            url: "/admin/dashboard/tat-category",
            method: 'POST',
            data: {status: status, _token: _token, category_id: category_id, user_id: user_id}
        }).done(function (response) {
            if (response.status === 'OK') {

            }else{
                alert(response.message);
            }
        });
    });

    $("td.call_list_modal").click(function(){
        let event = $("#call_list_modal");
        event.modal('show');
        event.find('table').css({display:'none'});
        $("."+$(this).attr('data-id')+"_list_view").css({display:'block'});
    });
</script>