@php
use App\Models\Product;
@endphp
@extends(Auth::user()->extender())
@section('title'){{__('Report')}} {{ __('Top Products') }} @endsection
@section('content')
@include('includes.page_header',['title'=>__('Report')." ".
__('Top Products'),'url'=>route(Auth::user()->user_dashboard()),'icon'
=> $icon??'','permission'=>'PriorityRoute-view'])

<!-- Include jQuery -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css">

<div class="row">
    <div class="col-md-12">
        <div class="main-card mb-3 card">
            <div class="card-header">
                <button class="btn btn-link" type="button" onclick="toggleFilterSection()">
                    <i class="fas fa-filter"></i> Filter Wallet Transactions
                </button>
            </div>
            <div id="filterSection" style="display: none;">
                <div class="card-body">
                    <div class="container m-1">
                        <div class="row">
                            {{
                            Form::open(array(route('module.report.sale.top_product'),'method'=>'get','id'=>'module.report.sale.top_product'))
                            }}
                            <div class="row">
                                <div class="col-md-12">
                                    @include('modules.reports.recharge.filter_fields_admin')
                                </div>
                            </div>
                            <div class="row justify-content-end p-1">
                                <div class="col-auto">
                                    <a href="#" class="btn btn-sm btn-primary"
                                        onclick="document.getElementById('module.report.sale.top_product').submit(); return false;"
                                        data-bs-toggle="tooltip" title="{{__('Apply')}}"
                                        data-original-title="{{__('apply')}}">
                                        <span class="btn-inner--icon"><i class="ti ti-filter"></i>Filter</span>
                                    </a>
                                    <a href="{{route('module.report.sale.top_product')}}" class="btn btn-sm btn-danger "
                                        data-bs-toggle="tooltip" title="{{ __('Reset') }}"
                                        data-original-title="{{__('Reset')}}">
                                        <span class="btn-inner--icon"><i
                                                class="ti ti-arrows-horizontal"></i>Reset</span>
                                    </a>
                                </div>
                            </div>
                            {{ Form::close() }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer d-flex justify-content-end">
                <p>Total Transactions Count: {{$purchase_trxs->count()}}</p>
            </div>



        </div>
    </div>
</div>
@include('admin.others.infyomincludes.filter_index_js')

<div class="row">
    <div class="col-md-12">
        <div class="main-card mb-3 card">
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="display" id="top_product-table" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>ID</th>
                                        <th>Name</th>
                                        <th>Operator</th>
                                        <th>Country</th>
                                        <th>Api</th>
                                        <th>Type</th>
                                        {{-- <th>Price</th> --}}
                                        <th>Count</th>
                                        <th>Amount</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($topProducts as $key=>$trx_product)
                                    @php
                                    $product = Product::where('id',$key)->get()->first();
                                    @endphp
                                    @if ($product)
                                    <tr>
                                        <td>{{$key}}</td>
                                        <td>{{$product->vivape_id??''}}</td>
                                        <td>{{$product->name??''}}</td>
                                        <td>{{$product->operator->name??''}}</td>
                                        <td>{{$product->country->country_name??''}}</td>
                                        <td>{{$product->category??''}}</td>
                                        <td>{{$product->referance??''}}</td>
                                        {{-- <td>{{$product->price??''}}</td> --}}
                                        <td>{{$trx_product['count']??''}}</td>
                                        <td>{{$trx_product['total_amount']??''}}</td>
                                    </tr>
                                    @endif

                                    @empty
                                    {{-- <tr>
                                        <td colspan="7">No users found</td>
                                    </tr> --}}
                                    @endforelse
                                </tbody>
                            </table>

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


<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script type="text/javascript" language="javascript"
    src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script>
    new DataTable('#top_product-table', {
            pagingType: 'full_numbers'
        });
</script>

@endsection