@extends('admin.default')
@section('title', 'Admin | Dealer Report')
@section('content')
@php
$permissions= getPermissions();
@endphp
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
   <nav class="page-breadcrumb">
      <ol class="breadcrumb">
         <li class="breadcrumb-item"><a href="/">Dashboard</a></li>
         <li class="breadcrumb-item active" aria-current="page">Dealer Report</li>
      </ol>
   </nav>
   <div class="row">
      <div class="col-md-12 grid-margin stretch-card">
         <div class="card">
            <div class="card-body">
            <div class="form-group row">
               <div class="col-md-2">
                  @if(isset($permissions) && isset($permissions['dealer_report_clear_filter_button']) && $permissions['dealer_report_clear_filter_button']==1)
                     <a class="btn btn-outline-primary" href="{{route('dealerReporting', ['date_range' => '3m'])}}" id="clear">Clear Filter</a>
                  @endif
               </div>
               <div class="col-md-4">
                  <select class="form-control" id="date_range">
                     <option value="7d">Last 7 days</option>
                     <option value="1m">This Month</option>
                     <option value="3m">Last 3 Months</option>
                     <option value="6m">Last 6 Months</option>
                     <option value="custom">Custom Range</option>
                  </select>
                  <div class="input-group input-daterange datepicker mt-2 bg-info" id="datePickerExample">
                     <input type="text" class="form-control" value="{{(Request::get('start') !== null) ? Request::get('start') : ''}}" id="start"><span class="input-group-addon"><i data-feather="calendar"></i></span>
                     <div class="input-group-addon">to</div>
                     <input type="text" class="form-control" value="{{(Request::get('end') !== null) ? Request::get('end') : ''}}" id="end"><span class="input-group-addon"><i data-feather="calendar"></i></span>
                  </div>
               </div>
               <div class="col-md-2">
                  @if(isset($permissions) && isset($permissions["dealer_report_filter_option_button"]) && $permissions["dealer_report_filter_option_button"]==1)
                     <button class="btn btn-primary" id="filter">Filter</button>
                  @endif
               </div>
               <div class="col-md-4">
                  <form class="form-inline" method="get" action="{{route('dealerReportExportExcel')}}">
                     <input type="hidden" name="date_range" value="{{(Request::get('date_range') !== null) ? Request::get('date_range') : ''}}">
                     <input type="hidden" name="start" value="{{(Request::get('start') !== null) ? Request::get('start') : ''}}">
                     <input type="hidden" name="end" value="{{(Request::get('end') !== null) ? Request::get('end') : ''}}">

                     <div class="d-flex align-items-baseline">
                        @if(isset($permissions) && isset($permissions["dealer_report_excel_button"]) && $permissions["dealer_report_excel_button"]==1)
                           <h6>Export Report as </h6>
                           <button type="submit" class="btn btn-sm btn-secondary ml-3" id="export_excel">Excel</button>
                        @endif
                     </div>
                  </form>
               </div>
            </div>
               <div class="row">
               <div class="col-4 col-md-4 col-xl-4">      
               </div>
               </div>
            </div>
         </div>
         
      </div>
   </div>
   <div class="row">
      <div class="col-md-7">
         <div class="card">
            <div class="card-body">
               <div id="regions_div" style="width: 100%; height: 350px;"></div>
            </div>
         </div>
      </div>
      <div class="col-md-5">
         <div class="card">
            <div class="card-body">
               <div id="donutchart" style="width: 100%; height:350px;"></div>
            </div>
         </div>
      </div>
   </div>
   <div class="row mt-3">
      <div class="col-md-3">
         <div class="card">
            <div class="card-body">
               <div class="d-flex justify-content-between align-items-baseline">
                  <h6 class="card-title mb-0"><i class="mdi mdi-account-star"></i> Total Active</h6>
                  <h3 class="ml-3">{{number_format($data['active']['total'])}}</h3>
               </div>
               <div class="d-flex justify-content-between align-items-baseline">
                  <h6 class="card-title mb-0"><i class="mdi mdi-account-settings"></i> Total Pending</h6>
                  <h3 class="ml-3">{{number_format($data['pending']['total'])}}</h3>
               </div>
            </div>
         </div>
      </div>
      <div class="col-md-3">
         <div class="card">
            <div class="card-body">
               <div class="d-flex justify-content-between align-items-baseline">
                  <h6 class="card-title mb-0"><i class="mdi mdi-web"></i> Web Registered</h6>
                  <h3 class="ml-3">{{number_format($data['web']['total'])}}</h3>
               </div>
               <div class="d-flex justify-content-between align-items-baseline">
                  <p><i class="mdi mdi-account-star"></i> Active</p>
                  <p><span class="h5 ml-2"> {{number_format($data['web']['active'])}}</span></p>
               </div>
               <div class="d-flex justify-content-between align-items-baseline">
                  <p><i class="mdi mdi-account-settings"></i> Pending</p>
                  <p><span class="h5 ml-2"> {{number_format($data['web']['pending'])}}</span></p>
               </div>
            </div>
         </div>
      </div>
      <div class="col-md-3">
         <div class="card">
            <div class="card-body">
               <div class="d-flex justify-content-between align-items-baseline">
                  <h6 class="card-title mb-0"><i class="mdi mdi-star"></i> Admin Created</h6>
                  <h3 class="ml-3">{{number_format($data['admin']['total'])}}</h3>
               </div>
               <div class="d-flex justify-content-between align-items-baseline">
                  <p><i class="mdi mdi-account-star"></i> Active</p>
                  <p><span class="h5"> {{number_format($data['admin']['active'])}}</span></p>
               </div>
               <div class="d-flex justify-content-between align-items-baseline">
                  <p><i class="mdi mdi-account-settings"></i> Pending</p>
                  <p><span class="h5"> {{number_format($data['admin']['pending'])}}</span></p>
               </div>
            </div>
         </div>
      </div>
      <div class="col-md-3">
         <div class="card">
               <div class="card-body">
                  <div class="d-flex justify-content-between align-items-baseline">
                     <h6 class="card-title mb-0"><i class="mdi mdi-assistant"></i> NCR Registered</h6>
                     <h3 class="ml-3">{{number_format($data['ncr']['total'])}}</h3>
                  </div>
                  <div class="d-flex justify-content-between align-items-baseline mt-2">
                     <h6 class="card-title mb-0"><i class="mdi mdi-blur-linear"></i> New NCRs</h6>
                     <h3 class="ml-3">{{number_format($data['ncr']['table'])}}</h3>
                  </div>
                  <div class="row">
                  <div class="col-12 col-md-12 col-xl-12">
                  </div>
                  </div>
            </div>
         </div>
      </div>
   </div>


   <div class="row mt-3">
      <div class="col-md-12 grid-margin stretch-card">
      
         <div class="card">
         <div class="card-header">
            <div class="d-flex align-items-baseline">
               <h6 class="card-title mb-0"><i class="mdi mdi-web"></i> Web Registered</h6>
               <h3 class="ml-3">{{number_format($data['web']['total'])}}</h3>
            </div>
            <ul class="nav nav-tabs" id="myTab" role="tablist">
               <li class="nav-item">
                  <a class="nav-link active" id="web_active-tab" data-toggle="tab" href="#web_active" role="web_active" aria-controls="web_active" aria-selected="true">
                     <p><i class="mdi mdi-account-star"></i> Active ({{number_format($data['web']['active'])}})</p>
                  </a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" id="web_pending-tab" data-toggle="tab" href="#web_pending" role="web_pending" aria-controls="web_pending" aria-selected="true">
                     <p><i class="mdi mdi-account-settings"></i> Pending ({{number_format($data['web']['pending'])}})</p>
                  </a>
               </li>
            </ul>
         </div>
            <div class="card-body" style="max-height:400px; overflow:auto;">
               <div class="tab-content" id="myTabContent">
                  <div class="tab-pane fade show active" id="web_active" role="web_active" aria-labelledby="web_active-tab">
                     <div class="table-responsive"> 
                        <table id="dataTableExample" class="table">
                           <thead>
                              <tr>
                                 <th>Name</th>
                                 <th>Email</th>
                                 <th>Phone No.</th>
                                 <th>Country</th>
                                 <th>Date</th>
                                 <th>Active Stock</th>
                                 @if(isset($permissions) && isset($permissions["dealer_report_web_registered_active_detail_button"]) && $permissions["dealer_report_web_registered_active_detail_button"]==1)
                                    <th>Action</th>
                                 @endif
                              </tr>
                           </thead>
                           <tbody>
                           @foreach($data['data']['web']['active'] as $key)
                              <tr>
                                 <td><a target="_blank" href="https://www.autocoincars.com/dealers/{{(isset($key['dealer_detail']['dealer_slug'])) ? $key['dealer_detail']['dealer_slug'] : ''}}">
                                 <span data-toggle="tooltip" data-placement="bottom" title="{{isset($key['dealer_detail']['company_name'])?$key['dealer_detail']['company_name']:'-'}}">{{isset($key['dealer_detail']['company_name'])?Str::limit($key['dealer_detail']['company_name'], 20, '...'):'-'}}</span>
                                 </a></td>
                                 <td>{{$key['email']}}</td>
                                 <td>{{!empty($key['mobile_number']) ? formatPhoneNumber($key['mobile_number']) : '-'}}</td>
                                 <td>{{isset($key['country']['name']) ? $key['country']['name']: ''}}</td>
                                 <td>{{date("d M, Y", strtotime($key['created_at']))}}</td>
                                 <td class="text-center">{{$key['user_vehicles_count']}}</td>
                                 <td>
                                    @if(isset($permissions) && isset($permissions["dealer_report_web_registered_active_detail_button"]) && $permissions["dealer_report_web_registered_active_detail_button"]==1)
                                       <a class="btn btn-sm btn-primary text-white detail" data-toggle="modal" data-id="{{$key['id']}}" data-target=".detail_modal">Detail</a>
                                    @endif
                                 </td>

                              </tr>
                           @endforeach
                           </tbody>
                        </table>
                     </div>
                  </div>
                  <div class="tab-pane fade" id="web_pending" role="web_pending" aria-labelledby="web_pending-tab">
                     <div class="table-responsive"> 
                        <table id="dataTableExample" class="table">
                           <thead>
                              <tr>
                                 <th>Name</th>
                                 <th>Email</th>
                                 <th>Phone No.</th>
                                 <th>Country</th>
                                 <th>Date</th>
                                 <th>Active Stock</th>
                                 @if(isset($permissions) && isset($permissions["dealer_report_web_registered_pending_detail_button"]) && $permissions["dealer_report_web_registered_pending_detail_button"]==1)
                                    <th>Action</th>
                                 @endif
                              </tr>
                           </thead>
                           <tbody>
                           @foreach($data['data']['web']['pending'] as $key)
                              <tr>
                                 <td><a target="_blank" href="https://www.autocoincars.com/dealers/{{(isset($key['dealer_detail']['dealer_slug'])) ? $key['dealer_detail']['dealer_slug'] : ''}}">
                                 <span data-toggle="tooltip" data-placement="bottom" title="{{isset($key['dealer_detail']['company_name'])?$key['dealer_detail']['company_name']:'-'}}">{{isset($key['dealer_detail']['company_name'])?Str::limit($key['dealer_detail']['company_name'], 20, '...'):'-'}}</span>
                                 </a></td>
                                 <td>{{$key['email']}}</td>
                                 <td>{{!empty($key['mobile_number']) ? formatPhoneNumber($key['mobile_number']) : '-'}}</td>
                                 <td>{{isset($key['country']['name']) ? $key['country']['name']: ''}}</td>
                                 <td>{{date("d M, Y", strtotime($key['created_at']))}}</td>
                                 <td class="text-center">{{$key['user_vehicles_count']}}</td>
                                 <td>
                                    @if(isset($permissions) && isset($permissions["dealer_report_web_registered_pending_detail_button"]) && $permissions["dealer_report_web_registered_pending_detail_button"]==1)
                                       <a class="btn btn-sm btn-primary text-white detail" data-toggle="modal" data-id="{{$key['id']}}" data-target=".detail_modal">Detail</a>
                                    @endif
                                 </td>
                              </tr>
                           @endforeach
                           </tbody>
                        </table>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>


   <div class="row mt-3">
      <div class="col-md-12 grid-margin stretch-card">
      
         <div class="card">
         <div class="card-header">
            <div class="d-flex align-items-baseline">
               <h6 class="card-title mb-0"><i class="mdi mdi-star"></i> Admin Created</h6>
               <h3 class="ml-3">{{number_format($data['admin']['total'])}}</h3>
            </div>
            <ul class="nav nav-tabs" id="myTab" role="tablist">
               <li class="nav-item">
                  <a class="nav-link active" id="admin_active-tab" data-toggle="tab" href="#admin_active" role="admin_active" aria-controls="admin_active" aria-selected="true">
                     <p><i class="mdi mdi-account-star"></i> Active ({{number_format($data['admin']['active'])}})</p>
                  </a>
               </li>
               <li class="nav-item">
                  <a class="nav-link" id="admin_pending-tab" data-toggle="tab" href="#admin_pending" role="admin_pending" aria-controls="admin_pending" aria-selected="true">
                     <p><i class="mdi mdi-account-settings"></i> Pending ({{number_format($data['admin']['pending'])}})</p>
                  </a>
               </li>
            </ul>
         </div>
            <div class="card-body" style="max-height:400px; overflow:auto;">
               <div class="tab-content" id="myTabContent">
                  <div class="tab-pane fade show active" id="admin_active" role="admin_active" aria-labelledby="admin_active-tab">
                     <div class="table-responsive"> 
                        <table id="dataTableExample" class="table">
                           <thead>
                              <tr>
                                 <th>Name</th>
                                 <th>Email</th>
                                 <th>Phone No.</th>
                                 <th>Country</th>
                                 <th>Date</th>
                                 <th>Active Stock</th>
                                 @if(isset($permissions) && isset($permissions["dealer_report_admin_created_active_detail_button"]) && $permissions["dealer_report_admin_created_active_detail_button"]==1)
                                    <th>Action</th>
                                 @endif
                              </tr>
                           </thead>
                           <tbody>
                           @foreach($data['data']['admin']['active'] as $key)
                              <tr>
                                 <td><a target="_blank" href="https://www.autocoincars.com/dealers/{{(isset($key['dealer_detail']['dealer_slug'])) ? $key['dealer_detail']['dealer_slug'] : ''}}">
                                 <span data-toggle="tooltip" data-placement="bottom" title="{{isset($key['dealer_detail']['company_name'])?$key['dealer_detail']['company_name']:'-'}}">{{isset($key['dealer_detail']['company_name'])?Str::limit($key['dealer_detail']['company_name'], 20, '...'):'-'}}</span>
                                 </a></td>
                                 <td>{{$key['email']}}</td>
                                 <td>{{!empty($key['mobile_number']) ? formatPhoneNumber($key['mobile_number']) : '-'}}</td>
                                 <td>{{isset($key['country']['name']) ? $key['country']['name']: ''}}</td>
                                 <td>{{date("d M, Y", strtotime($key['created_at']))}}</td>
                                 <td class="text-center">{{$key['user_vehicles_count']}}</td>
                                 <td>
                                    @if(isset($permissions) && isset($permissions["dealer_report_admin_created_active_detail_button"]) && $permissions["dealer_report_admin_created_active_detail_button"]==1)
                                       <a class="btn btn-sm btn-primary text-white detail" data-toggle="modal" data-id="{{$key['id']}}" data-target=".detail_modal">Detail</a>
                                    @endif
                                 </td>
                              </tr>
                           @endforeach
                           </tbody>
                        </table>
                     </div>
                  </div>
                  <div class="tab-pane fade" id="admin_pending" role="admin_pending" aria-labelledby="admin_pending-tab">
                     <div class="table-responsive"> 
                        <table id="dataTableExample" class="table">
                           <thead>
                              <tr>
                                 <th>Name</th>
                                 <th>Email</th>
                                 <th>Phone No.</th>
                                 <th>Country</th>
                                 <th>Date</th>
                                 <th>Active Stock</th>
                                 @if(isset($permissions) && isset($permissions["dealer_report_admin_created_pending_detail_button"]) && $permissions["dealer_report_admin_created_pending_detail_button"]==1)
                                    <th>Action</th>
                                 @endif
                              </tr>
                           </thead>
                           <tbody>
                           @foreach($data['data']['admin']['pending'] as $key)
                              <tr>
                                 <td><a target="_blank" href="https://www.autocoincars.com/dealers/{{(isset($key['dealer_detail']['dealer_slug'])) ? $key['dealer_detail']['dealer_slug'] : ''}}">
                                 <span data-toggle="tooltip" data-placement="bottom" title="{{isset($key['dealer_detail']['company_name'])?$key['dealer_detail']['company_name']:'-'}}">{{isset($key['dealer_detail']['company_name'])?Str::limit($key['dealer_detail']['company_name'], 20, '...'):'-'}}</span>
                                 </a></td>
                                 <td>{{$key['email']}}</td>
                                 <td>{{!empty($key['mobile_number']) ? formatPhoneNumber($key['mobile_number']) : '-'}}</td>
                                 <td>{{isset($key['country']['name']) ? $key['country']['name']: ''}}</td>
                                 <td>{{date("d M, Y", strtotime($key['created_at']))}}</td>
                                 <td class="text-center">{{$key['user_vehicles_count']}}</td>
                                 <td>
                                    @if(isset($permissions) && isset($permissions["dealer_report_admin_created_pending_detail_button"]) && $permissions["dealer_report_admin_created_pending_detail_button"]==1)
                                       <a class="btn btn-sm btn-primary text-white detail" data-toggle="modal" data-id="{{$key['id']}}" data-target=".detail_modal">Detail</a>
                                    @endif
                                 </td>
                              </tr>
                           @endforeach
                           </tbody>
                        </table>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

   <div class="row mt-3" >
      <div class="col-md-12 grid-margin stretch-card">
      
         <div class="card">
            <div class="card-header">
               <div class="d-flex align-items-baseline">
                  <h6 class="card-title mb-0"><i class="mdi mdi-assistant"></i> NCR Registered</h6>
                  <h3 class="ml-3">{{number_format($data['ncr']['total'])}}</h3>
               </div>
            </div>
            <div class="card-body" style="max-height:400px; overflow:auto;">
               <div class="table-responsive"> 
                  <table id="dataTableExample" class="table">
                     <thead>
                        <tr>
                           <th>Name</th>
                           <th>Email</th>
                           <th>Phone No.</th>
                           <th>Country</th>
                           <th>Date</th>
                           <th>Active Stock</th>
                           @if(isset($permissions) && isset($permissions["dealer_report_ncr_registered_detail_button"]) && $permissions["dealer_report_ncr_registered_detail_button"]==1)
                              <th>Action</th>
                           @endif
                        </tr>
                     </thead>
                     <tbody>
                     @foreach($data['data']['ncr']['total'] as $key)
                        <tr>
                           <td><a target="_blank" href="https://www.autocoincars.com/dealers/{{(isset($key['dealer_detail']['dealer_slug'])) ? $key['dealer_detail']['dealer_slug'] : ''}}">
                           <span data-toggle="tooltip" data-placement="bottom" title="{{isset($key['dealer_detail']['company_name'])?$key['dealer_detail']['company_name']:'-'}}">{{isset($key['dealer_detail']['company_name'])?Str::limit($key['dealer_detail']['company_name'], 20, '...'):'-'}}</span>
                           </a></td>
                           <td>{{$key['email']}}</td>
                           <td>{{!empty($key['mobile_number']) ? formatPhoneNumber($key['mobile_number']) : '-'}}</td>
                           <td>{{isset($key['country']['name']) ? $key['country']['name']: ''}}</td>
                           <td>{{date("d M, Y", strtotime($key['created_at']))}}</td>
                           <td class="text-center">{{$key['user_vehicles_count']}}</td>
                           <td>
                              @if(isset($permissions) && isset($permissions["dealer_report_ncr_registered_detail_button"]) && $permissions["dealer_report_ncr_registered_detail_button"]==1)
                                 <a class="btn btn-sm btn-primary text-white detail" data-toggle="modal" data-id="{{$key['id']}}" data-target=".detail_modal">Detail</a>
                              @endif
                           </td>
                        </tr>
                     @endforeach
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
      </div>
   </div>

   <div class="row mt-3" >
      <div class="col-md-12 grid-margin stretch-card">
      
         <div class="card">
            <div class="card-header">
               <div class="d-flex align-items-baseline">
                  <h6 class="card-title mb-0"><i class="mdi mdi-blur-linear"></i> New NCRs</h6>
                  <h3 class="ml-3">{{number_format($data['ncr']['table'])}}</h3>
               </div>
            </div>
            <div class="card-body" style="max-height:400px; overflow:auto;">
               <div class="table-responsive">
                  <table id="dataTableExample" class="table">
                     <thead>
                        <tr>
                           <th>Name</th>
                           <th>Email</th>
                           <th>Phone No.</th>
                           <th>Date</th>
                           @if(isset($permissions) && isset($permissions["dealer_report_new_ncr_detail_button"]) && $permissions["dealer_report_new_ncr_detail_button"]==1)
                              <th>Action</th>
                           @endif
                        </tr>
                     </thead>
                     <tbody>
                     @foreach($data['data']['ncr']['table'] as $key)
                        <tr>
                           <td>{{$key['dealership_name']}}</td>
                           <td>{{$key['dealership_email']}}</td>
                           <td>{{!empty($key['dealership_mobile']) ? formatPhoneNumber($key['dealership_mobile']) : '-'}}</td>
                           <td>{{date("d M, Y", strtotime($key['created_at']))}}</td>
                           <td>
                              @if(isset($permissions) && isset($permissions["dealer_report_new_ncr_detail_button"]) && $permissions["dealer_report_new_ncr_detail_button"]==1)
                                 <a class="btn btn-sm btn-primary text-white detail_ncr" data-toggle="modal" data-id="{{$key['id']}}" data-target=".detail_modal">Detail</a>
                              @endif
                           </td>
                        </tr>
                     @endforeach
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
      </div>
   </div>


                                      <!-- Detail Modal Start -->
<div class="modal fade bd-example-modal-lg detail_modal" tabindex="-1" role="dialog" aria-labelledby="detail_modal" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="detail_modal">
    <div class="modal-content">
    
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Dealer Details</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div id="add-msg"></div>
        <div class="modal-body">
            <div class="form-group row">
               <div class="col-md-2"><h6>Dealership</h6></div>
                <div class="col-md-4"><p id="dealership"></p></div>
                <div class="col-md-2"><h6>Full Name</h6></div>
                <div class="col-md-4"><p id="name"></p></div>
            </div>
            <div class="form-group row">
               <div class="col-md-2"><h6>City</h6></div>
                <div class="col-md-4"><p id="city"></p></div>
                <div class="col-md-2"><h6>Country</h6></div>
                <div class="col-md-4"><p id="country"></p></div>
            </div>
            <div class="form-group row">
                <div class="col-md-2"><h6>Email</h6></div>
                <div class="col-md-4"><p id="email"></p></div>
                <div class="col-md-3"><h6>Impressions <span id="impression" class="text-primary ml-3"></span></h6></div>
                <div class="col-md-3"><h6>Rating <span id="rating" class="text-primary ml-3"></span></h6></div>
            </div>
            <div class="form-group row" id="assessment">
               
            </div>
        </div>
      <div class="modal-footer">
        <!-- <input type="submit" class="btn btn-primary" value="Save"> -->
      </div>
    </div>
  </div>
</div>
                                <!-- Detail Modal End -->
<script type="text/javascript">
   $(document).ready(function() {

      @if(Request::get('start') == null)
      $('#datePickerExample').hide();
      @endif

      $("#date_range").val("{{(Request::get('date_range') !== null) ? Request::get('date_range') : ''}}");
      
      $('#date_range').change(function(){
         let dateRange;
         dateRange = $('#date_range').val();
         if(dateRange == 'custom') {
            $('#datePickerExample').show();
         }else{
            $('#datePickerExample').hide();
            $('#start').val("");
            $('#end').val("");
         }
      });

      $(document).on("click", "#filter" , function() {
         var date_range = $('#date_range').val();
         var start = $('#start').val();
         var end = $('#end').val();
         window.location = '/administrator/dealer-reporting?date_range='+date_range+'&start='+start+'&end='+end;
      });

      $(document).on("click", ".detail" , function() {
         var id = $(this).data('id');
         event.preventDefault();
		$.ajax({
			dataType: "json",
			url: "/administrator/dealer-detail-ajax/"+id,
			type: "GET",
			success: function(response){
				if(response){
					if(response['error'] == false){
						$('#name').html(response['results']['first_name'] + " " + response['results']['last_name']);
						$('#dealership').html(response['results']['dealer_detail']['company_name']);
						$('#city').html(response['results']['city']['name']);
						$('#country').html(response['results']['country']['name']);
                  $('#email').html(response['results']['email']);
                  $('#impression').html(response['results']['dealer_detail']['impressions']);
                  $('#rating').html(response['results']['dealer_detail']['rating']);
					}else{
						$('#add-msg').html('<div class="alert alert-danger">User Not Found!!</div>');
					}  
				}
			},
			error: function(){
				$('#add-msg').html('<div class="alert alert-danger">Something went wrong. Please try again later!</div>');
			}
		});

      });

      $(document).on("click", ".detail_ncr" , function() {
         var id = $(this).data('id');
         event.preventDefault();
		$.ajax({
			dataType: "json",
			url: "/administrator/ncr-detail-ajax/"+id,
			type: "GET",
			success: function(response){
            console.log(response)
				if(response){
					if(response['error'] == false){
						$('#name').html(response['results']['first_name'] + " " + response['results']['last_name']);
						$('#dealership').html(response['results']['dealerDetail']['company_name']);
						$('#city').html("-");
						$('#country').html("-");
                  $('#email').html(response['results']['email']);
                  $('#impression').html("-");
                  $('#rating').html("-");
					}else{
						$('#add-msg').html('<div class="alert alert-danger">User Not Found!!</div>');
					}  
				}
			},
			error: function(){
				$('#add-msg').html('<div class="alert alert-danger">Something went wrong. Please try again later!</div>');
			}
		});

      });

   });

   var units = @json($data['countByCountry']);
   google.charts.load('current', {
      'packages':['geochart'],
   });
   google.charts.setOnLoadCallback(drawRegionsMap);

   function drawRegionsMap() {
      var data = google.visualization.arrayToDataTable(units);
      var options = {
         sizeAxis: { minValue: 0, maxValue: 100 },
   //   region: '155', // Western Europe
      displayMode: 'auto',
      colorAxis: {colors: ['#66d1d1', '#031a61']}
      };

      var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

      chart.draw(data, options);
   }

   google.charts.load("current", {packages:["corechart"]});
   google.charts.setOnLoadCallback(drawChart);
   function drawChart() {

      var data = google.visualization.arrayToDataTable(units);

      var options = {
         title: 'Dealers Percentage By Country',
         // pieHole: 0.3,
         is3D: true,
         // pieSliceText: 'label',
         // sliceVisibilityThreshold: .2,
         // width: 500,
         // height:350,
      };

      var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
      chart.draw(data, options);
   }
</script>
@stop