@extends('admin.layouts.master-soyuz')
@section('title',__('Most Viewed Products'))
@section('body')

@include('admin.layouts.topbar',$data)

<div class="contentbar bardashboard-card"> 
   
    <div class="row">
       
        <div class="col-md-12">
            <div class="card m-b-30">
                <div class="card-header">
                    <h5 class="card-title">
                        {{__('Most Viewed Products')}}
                    </h5>
                </div>
                <div class="card-body">
                    <ul class="nav nav-tabs custom-tab-line mb-3" id="defaultTabLine" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="home-tab-line" data-toggle="tab" href="#home-line" role="tab" aria-controls="home-line" aria-selected="true"><i class="feather icon-shopping-bag mr-2"></i>{{ __("Variant Products") }}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="profile-tab-line" data-toggle="tab" href="#profile-line" role="tab" aria-controls="profile-line" aria-selected="false"><i class="feather icon-shopping-bag mr-2"></i>{{ __("Simple Products") }}</a>
                        </li>
                      
                    </ul>
                    <div class="tab-content" id="defaultTabContentLine">
                        <div class="tab-pane fade show active" id="home-line" role="tabpanel" aria-labelledby="home-tab-line">
                            <table style="width: 100%;" id="most_viewed_vp" class="table table-striped table-bordered">
                                <thead>
                                    <th>#</th>
                                    <th>{{ __("Product name") }}</th>
                                    <th>{{ __("Total views") }}</th>
                                </thead>
                            </table>
                        </div>
                        <div class="tab-pane fade" id="profile-line" role="tabpanel" aria-labelledby="profile-tab-line">
                            <table style="width: 100%;" id="most_viewed_sp" class="table table-striped table-bordered">
                                <thead>
                                    <th>#</th>
                                    <th>{{ __("Product name") }}</th>
                                    <th>{{ __("Total views") }}</th>
                                </thead>
                            </table>
                        </div>
                       
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
                           
                            
                        

                          
                  


                        
                 
@endsection
@section('custom-script')
    <script>
        $(function () {
            "use strict";
            var most_viewed_vp = $('#most_viewed_vp').DataTable({
                processing: true,
                serverSide: true,
                ajax: '{{ route("admin.report.mostviewed") }}',
                language: {
                    searchPlaceholder: "Search in reports..."
                },
                columns: [
                    {data: 'DT_RowIndex', name: 'DT_RowIndex', searchable : false, orderable : false},
                    {data : 'product_name', name : 'name'},
                    {data : 'views', name : 'views'}
                ],
                dom : 'lBfrtip',
                buttons : [
                    'csv','excel','pdf','print'
                ],
                order : [[0,'DESC']]
            });
            
       
            var most_viewed_vp = $('#most_viewed_sp').DataTable({
                processing: true,
                serverSide: true,
                ajax: '{{ route("admin.report.mostviewed.sp") }}',
                language: {
                    searchPlaceholder: "Search in reports..."
                },
                columns: [
                    {data: 'DT_RowIndex', name: 'DT_RowIndex', searchable : false, orderable : false},
                    {data : 'product_name', name : 'simple_products.product_name'},
                    {data : 'views', name : 'views'}
                ],
                dom : 'lBfrtip',
                buttons : [
                    'csv','excel','pdf','print'
                ],
                order : [[0,'DESC']]
            });
            
        });
    </script>
@endsection