@extends('backend.layouts.app')

@section('content')
    @if (env('MAIL_USERNAME') == null && env('MAIL_PASSWORD') == null)
        <!-- <div class="">
                                                                <div class="alert alert-danger d-flex align-items-center">
                                                                    {{ translate('Please Configure SMTP Setting to work all email sending funtionality') }},
                                                                    <a class="alert-link ml-2" href="{{ route('smtp_settings.index') }}">{{ translate('Configure Now') }}</a>
                                                                </div>
                                                            </div> -->
    @endif

    <style>
        .OverlayBg .parminders .tooltip {
            display: none !important;
        }
    </style>
    @if (Auth::user()->user_type == 'admin' ||
            in_array('1', json_decode(Auth::user()->staff->role->permissions)) ||
            in_array('32', json_decode(Auth::user()->staff->role->permissions)))
        <div class="row gutters-10">
            <div class="col-lg-6">
                <div class="four-box">
                    <div class="row no-gutters h-100">
                        <div class="col-xl-6 col-md-6 col-sm-12 col-lg-6 pr-1 pb-1 paddingright-none">
                            <div class="bg-grad-2 p-3 text-white h-100">
                                <div class="d-flex align-items-center w-100">
                                    <div class="pl-2">
                                        <span class="fs-16 d-block">{{ translate('Registered Members') }}</span>
                                        <div class="h3 fw-600 mb-0">
                                            {{ \App\Shop::join('users as user', 'user.id', '=', 'organizations.user_id')->whereIn('user.user_type', ['seller', 'buyer'])->whereNull('user.deleted_at')->whereNull('organizations.deleted_at')->count() }}
                                        </div>
                                    </div>
                                    <div class="box-ico">
                                        <i class="icons icon-register-user"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-12 col-lg-6 pb-1">
                            <div class="bg-grad-3 p-3 text-white h-100">
                                <div class="d-flex align-items-center w-100">
                                    <div class="pl-2">
                                        <span class="fs-16 d-block">{{ translate('Verified Members') }}</span>
                                        <div class="h3 fw-600 mb-0">

                                            {{ \App\Shop::join('users as user', 'user.id', '=', 'organizations.user_id')->whereNotIn('user.user_type', ['admin', 'staff'])->whereNotNull('user.email_verified_at')->where(['user.phone_verified' => '1'])->whereNull('user.deleted_at')->whereNull('organizations.deleted_at')->count() }}
                                        </div>
                                    </div>
                                    <div class="box-ico">
                                        <i class="icons icon-approved-data-l"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div
                            class="col-xl-6 col-md-6 col-sm-12 col-lg-6 pr-1 paddingBottom-dashboard-premium paddingright-none">
                            <div class="bg-grad-1 p-3 text-white h-100">
                                <div class="d-flex align-items-center w-100">
                                    <div class="pl-2">
                                        <span class="fs-16 d-block">{{ translate('Total Blogs') }}</span>
                                        <div class="h3 fw-600 mb-0">{{ $premium_users }}</div>
                                    </div>
                                    <div class="box-ico">
                                        <i class="icons icon-blogs"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-md-6 col-sm-12 col-lg-6">
                            <div class="bg-grad-4 p-3 text-white h-100">
                                <div class="d-flex align-items-center w-100">
                                    <div class="pl-2">
                                        <span class="fs-16 d-block">Today's Active Members</span>
                                        <div class="h3 fw-600 mb-0">
                                            {{ $active_user }}
                                        </div>
                                    </div>
                                    <div class="box-ico">
                                        <i class="icons icon-active-user"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="row gutters-10">
                    <div class="col-6">
                        <div class="card round-pie">
                            <div class="card-header">
                                <h6 class="mb-0 ">{{ translate('Products Overview Status') }}</h6>
                            </div>
                            <div class="card-body">
                                <div id="publish_products"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card round-pie">
                            <div class="card-header">
                                <h6 class="mb-0">{{ translate('Seller Onboarding Status') }}</h6>
                            </div>
                            <div class="card-body">
                                <div id="sellers_pending_approved"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div class="row gutters-10">
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex align-items-center w-100 ">
                        <div class="div">
                            <div class="h3 fs-20 fw-600 mb-0">{{ $INHOUSE_COUNT ?? '0' }}</div>
                            <span class="fs-14 d-block">Inhouse Products</span>
                        </div>
                        <div class="totel-ico">
                            <i class="icons icon-inhouse-prod"></i>
                        </div>
                    </div>
                    <div class="percentageTxt @if ($differenceInpercentage == '0' or $differenceInpercentage < 0) red @else green @endif">
                        <i class="icons icon-arrow-l"></i>
                        <h6><span>{{ $differenceInpercentage }}%</span>Since last week</h6>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex align-items-center w-100 ">
                        <div class="div">
                            <div class="h3 fs-20 fw-600 mb-0">${{ number_format($subscribers_revnue_count) }}</div>
                            <span class="fs-14 d-block">Total Revenue</span>
                        </div>
                        <div class="totel-ico">
                            <i class="icons icon-total-revenue"></i>
                        </div>
                    </div>
                    <div class="percentageTxt @if ($subscribers_revnue_differenceInpercentage == '0' or $subscribers_revnue_differenceInpercentage < 0) red @else green @endif">
                        <i class="icons icon-arrow-l"></i>
                        <h6><span>{{ $subscribers_revnue_differenceInpercentage }}%</span>Since last week</h6>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex align-items-center w-100 ">
                        <div class="div ">
                            <div class="h3 fs-20 fw-600 mb-0">{{ $enquiry_count }}</div>
                            <span class="fs-14 d-block">Total Enquiries</span>
                        </div>
                        <div class="totel-ico">
                            <i class="icons icon-faqs"></i>
                        </div>
                    </div>
                    <div class="percentageTxt @if ($enquiry_differenceInpercentage == '0' or $enquiry_differenceInpercentage < 0) red @else green @endif">
                        <i class="icons icon-arrow-l"></i>
                        <h6><span>{{ $enquiry_differenceInpercentage }}%</span>Since last week</h6>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex align-items-center w-100">
                        <div class="div">
                            <div class="h3 fs-20 fw-600 mb-0">{{ $subscribers_count }}</div>
                            <span class="fs-14 d-block">Total Subscriber</span>
                        </div>
                        <div class="totel-ico">
                            <i class="icons icon-users"><span class="path1"></span><span class="path2"></span></i>
                        </div>
                    </div>
                    <div class="percentageTxt @if ($subscribers_differenceInpercentage == '0' or $subscribers_differenceInpercentage < 0) red @else green @endif">
                        <i class="icons icon-arrow-l"></i>
                        <h6><span>{{ $subscribers_differenceInpercentage }}%</span>Since last week</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card information-data">
        <div class="card-body">
            <ul class="memberTable-tabs border-bottom product dashboard-ul">
                <li class=""><a href="javascript:void(0);" data-tab-name="all-products" class="all-firstTab"><i
                            class="icons icon-inhouse-prod"></i> Products</a></li>
                <li class=""><a href="javascript:void(0);" data-tab-name="all-enquiries" class="all-firstTab"><i
                            class="icons icon-faqs"></i> Enquiries</a></li>
                <li class=""><a href="javascript:void(0);" data-tab-name="all-rfqs" class="all-firstTab"><i
                            class="icons icon-no-items"></i> RFQs</a></li>
                <li class=""><a href="javascript:void(0);" data-tab-name="all-quotations" class="all-firstTab"><i
                            class="icons icon-reports"></i> Quotations</a></li>
                <li class=""><a href="javascript:void(0);" data-tab-name="all-orders-invoice"
                        class="all-firstTab"><i class="icons icon-response"></i> Order & Invoice</a></li>
            </ul>

            <!--Products table-->
            <div class="flyout-table">
                <div class="table-responsive firstboxesTable">
                    <table class="table m-0 all-products" style="display:none;">
                        <thead>
                            <tr>
                                <th style="width:3%" class="text-center">S.No.</th>
                                <th>Product id</th>
                                <th>Product Name</th>
                                <th>Member Info</th>
                                <th>Category</th>
                                <th class="text-center">Post Validity</th>
                                <th class="text-center">Product Type</th>
                                <th class="text-center">Availability </th>
                                <th class="text-center">Price Type</th>
                                <th class="text-center">Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php  $listCount = 1 ; @endphp
                            @if (isset($products) and sizeof($products) > 0)
                                @foreach ($products as $dataProducts)
                                    @php
                                        if ($dataProducts->published == 3) {
                                            $class = 'publish';
                                            $approve_class = 'open-approveCate-modal';
                                        } else {
                                            $class = 'secondary';
                                            $approve_class = '';
                                        }
                                    @endphp
                                    <tr>
                                        <td class="text-center">{{ $listCount }}</td>
                                        <td>{{ $dataProducts->unique_number ?? 'N/A' }}</td>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                <div class="proThumbimg">
                                                    <img src="{{ $dataProducts->main_image }}" alt=""
                                                        class="img-fluid">
                                                </div>

                                                <div data-product_id="{{ $dataProducts->id ?? '' }}"
                                                    class="prod-link open-approveCate-modal-product" data-toggle="tooltip"
                                                    data-placement="right" title="{{ $dataProducts->name }}"
                                                    style="width: 270px !important"><a
                                                        href="javascript:void(0);">{{ ucfirst($dataProducts->name) }}</a>
                                                </div>

                                            </div>
                                        </td>
                                        <td style="white-space: nowrap">
                                            <div class="d-flex align-items-center">
                                                <div class="proThumbimg">
                                                    <img @if (filter_var($dataProducts->user->profileimage->source ?? '', FILTER_VALIDATE_URL)) src="{{ $dataProducts->user->profileimage->source }}"
                                                        @else
                                                            src="{{ url('/public/assets/img/seller-pic.svg') }}" @endif
                                                        class="img-fluid" alt="" />

                                                </div>
                                                <div class="members-link prod-memberUser"
                                                    data-userid="{{ $dataProducts->user->id ?? '' }}"><a
                                                        href="javascript:void(0);">{{ $dataProducts->userlimited->name ?? 'N/A' }}</a>
                                                </div>
                                            </div>
                                        </td>
                                        <td style="white-space: nowrap">{{ $dataProducts->category->name ?? 'N/A' }}</td>
                                        <td class="text-center">
                                            @if ($dataProducts->validity)
                                                @if (strtolower($dataProducts->validity) == 'no_expiry_date')
                                                    {{ 'No Expiry Date' }}
                                                @else
                                                    {{ str_replace('_', ' ', $dataProducts->validity) }}
                                                @endif
                                            @else
                                                N/A
                                            @endif

                                        </td>
                                        <td class="text-center">

                                            @if ($dataProducts->product_type == 'simple')
                                                <span
                                                    class="simple">{{ ucwords(str_replace('_', ' ', $dataProducts->product_type)) }}
                                                </span>
                                            @elseif($dataProducts->product_type == 'configured')
                                                <span
                                                    class="configured">{{ ucwords(str_replace('_', ' ', $dataProducts->product_type)) }}
                                                </span>
                                            @else
                                                N/A
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            @if ($dataProducts->availability == 'in_stock')
                                                <span
                                                    class="inStock-lbl">{{ ucwords(str_replace('_', ' ', $dataProducts->availability)) }}</span>
                                            @elseif($dataProducts->availability == 'by_order')
                                                <span
                                                    class="byOrder-lbl">{{ ucwords(str_replace('_', ' ', $dataProducts->availability)) }}</span>
                                            @else
                                                N/A
                                            @endif
                                        </td>

                                        <td class="text-center">
                                            @if ($dataProducts->price_type == 'quantity')
                                                <span
                                                    class="quantity">{{ ucwords(str_replace('_', ' ', $dataProducts->price_type)) }}</span>
                                            @elseif($dataProducts->price_type == 'fixed')
                                                <span
                                                    class="fixed">{{ ucwords(str_replace('_', ' ', $dataProducts->price_type)) }}</span>
                                            @else
                                                N/A
                                            @endif
                                        </td>

                                        <td class="text-center">
                                            <span class="badge badge-{{ $class }} m-0 {{ $approve_class }}">
                                                @if ($dataProducts->published == 3)
                                                    Approved
                                                @else
                                                    Draft
                                                @endif
                                        </td>
                                    </tr>

                                    @php  $listCount++ ; @endphp
                                @endforeach
                            @else
                                <tr class="no-data">
                                    <td colspan="10">
                                        <div class="nodata-col">
                                            <i class="icons icon-no-items"></i>
                                            <h1>No data Found</h1>
                                            <a href="{{ url('/admin/products') }}">Click here to see all Products</a>
                                        </div>
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>

                    <table class="table m-0 all-enquiries" style="display:none;">

                    </table>

                    <table class="table m-0 all-rfqs" style="display:none;">

                    </table>

                    <table class="table m-0 all-quotations" style="display:none;">

                    </table>

                    <table class="table m-0 all-orders-invoice" style="display:none;">

                    </table>

                </div>
            </div>
            <!--Products table end-->
            <!--enquiry table-->

            <!--enquiry table end-->
            <!--no data table-->
            <div class="flyout-table d-none">
                <div class="table-responsive">
                    <table class="table m-0">
                        <thead>
                            <tr>
                                <th style="width:3%" class="text-center">S.No.</th>
                                <th>Sender Name</th>
                                <th>Product Name</th>
                                <th>Receiver Name</th>
                                <th class="text-center">Enquiry Type</th>
                                <th class="text-center">Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="no-data">
                                <td colspan="6">
                                    <div class="nodata-col">
                                        <i class="icons icon-faqs"></i>
                                        <h1>No Enquiries Added</h1>
                                        <span>You have not Manage any Enquiry yet.</span>
                                        <a href="javascript:void(0);">Click here to add enquiry</a>
                                    </div>
                                </td>
                            </tr>
                            <tr class="no-data">
                                <td colspan="6">
                                    <div class="nodata-col">
                                        <i class="icons icon-no-rfq"></i>
                                        <h1>No RFQ Added</h1>
                                        <span>You have not added any RFQ yet.</span>
                                        <a href="javascript:void(0);">Click here to add RFQ</a>
                                    </div>
                                </td>
                            </tr>
                            <tr class="no-data">
                                <td colspan="6">
                                    <div class="nodata-col">
                                        <i class="icons icon-no-quote"></i>
                                        <h1>No Quotations Created</h1>
                                        <span>You have not created any Quotations yet.</span>
                                        <a href="javascript:void(0);">Click here to create quotation</a>
                                    </div>
                                </td>
                            </tr>
                            <tr class="no-data">
                                <td colspan="6">
                                    <div class="nodata-col">
                                        <i class="icons icon-no-invoice"></i>
                                        <h1>No Invoice Received/Create</h1>
                                        <span>You have not received/create any invoice yet.</span>
                                        <a href="javascript:void(0);">Click here to create Invoice</a>
                                    </div>
                                </td>
                            </tr>
                            <tr class="no-data">
                                <td colspan="6">
                                    <div class="nodata-col">
                                        <i class="icons icon-no-recent"></i>
                                        <h1>No Recent Activity</h1>
                                        <span>Nothing to see yet. Your dashboard activities will be appear here!!</span>
                                        <a href="javascript:void(0);">Click here to view Activities</a>
                                    </div>
                                </td>
                            </tr>
                            <tr class="no-data">
                                <td colspan="6">
                                    <div class="nodata-col">
                                        <i class="icons icon-no-products"></i>
                                        <h1>No Viewed Products</h1>
                                        <span>You have not seen any product.</span>
                                        <a href="javascript:void(0);">Click here to see viewed Products</a>
                                    </div>
                                </td>
                            </tr>
                            <tr class="no-data">
                                <td colspan="6">
                                    <div class="nodata-col">
                                        <i class="icons icon-no-seller"></i>
                                        <h1>No Viewed Seller</h1>
                                        <span>You have not seen any seller.</span>
                                        <a href="javascript:void(0);">Click here to see viewed Seller</a>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--no data table end-->
        </div>
        <div class="card-header d-none">
            <h6 class="mb-0">{{ translate('Top 12 Products') }}</h6>
        </div>
        <div class="card-body d-none">
            <table class="table aiz-table mb-0">
                <thead>
                    <tr>
                        <th>S.No.</th>
                        <th width="20%">{{ translate('Name') }}</th>
                        <th>{{ translate('Added By') }}</th>

                        <th>{{ translate('Unique Number') }}</th>
                        <th class="text-center">{{ translate('Category') }}</th>
                        <th class="text-right">{{ translate('Options') }}</th>
                    </tr>
                </thead>
                <tbody>

                    @php  $key2 = 1; @endphp
                    @foreach (\App\Product::where('published', 1)->orderBy('id', 'desc')->limit(12)->get() as $key => $product)
                        <tr>
                            <td>{{ $key2 }}</td>
                            <td>
                                <a href="{{ route('product', $product->slug) }}" target="_blank">
                                    <div class="form-group row">
                                        <div class="col-md-4">

                                            @php

                                                $imageCheck = explode(',', $product->photos);
                                                $imageCheck = min($imageCheck);

                                            @endphp
                                            <img class="w-50px" src="{{ static_asset('assets/img/placeholder.jpg') }}"
                                                data-src="{{ uploaded_asset($imageCheck) }}"
                                                alt="{{ $product->getTranslation('name') }}"
                                                onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">
                                        </div>
                                        <div class="col-md-8">
                                            <span class="text-muted">{{ $product->getTranslation('name') }}</span>
                                        </div>
                                    </div>
                                </a>
                            </td>

                            <td>{{ isset($product->user) ? $product->user->name : 'N/A' }}</td>

                            <td>{{ $product->unique_number ?? 'N/A' }}</td>

                            <td class="text-center">{{ !empty($product->category) ? $product->category->name : 'N/A' }}
                            </td>
                            <td class="text-right">

                                <a class="btn btn-soft-primary btn-icon btn-circle btn-sm mb-1"
                                    href="{{ route('products.seller.edit', ['id' => $product->id, 'lang' => env('DEFAULT_LANGUAGE')]) }}"
                                    title="{{ translate('Edit') }}">
                                    <i class="las la-edit"></i>
                                </a>
                            </td>
                        </tr>

                        @php  $key2++; @endphp
                    @endforeach

                </tbody>
            </table>
        </div>
    </div>
    @if (Auth::user()->user_type == 'admin' ||
            in_array('1', json_decode(Auth::user()->staff->role->permissions)) ||
            in_array('32', json_decode(Auth::user()->staff->role->permissions)))
        <div class="row gutters-10">
            <div class="col-md-7">
                <div class="card">
                    <div class="card-header">
                        <h6 class="mb-0 fs-16 fw-600">{{ translate('Sales Analytics') }}</h6>
                        {{-- <div class="sortSales">Sort By Yearly</div> --}}
                    </div>
                    <div class="card-body">
                        <div class="row ml-2 d-none">
                            <div class="col-md-auto d-flex align-items-center">
                                <h3 class="fs-18 fw-600 mb-0 text-info">$2371</h3><span
                                    class="fs-12 d-block ml-2">Income</span>
                            </div>
                            <div class="col-md-auto d-flex align-items-center">
                                <h3 class="fs-18 fw-600 mb-0">258</h3><span class="fs-12 d-block ml-2">Sales</span>
                            </div>
                            <div class="col-md-3 d-flex align-items-center">
                                <h3 class="fs-18 fw-600 mb-0">3.6%</h3><span class="fs-12 d-block ml-2">Conversation
                                    Ratio</span>
                            </div>
                        </div>
                        <div id="chart"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-5">
                <div class="four-box">
                    <div class="card m-0 h-100">
                        <div class="card-header">
                            <h6 class="mb-0 fs-16 fw-600">{{ translate('Most Sales in Countries') }}</h6>
                        </div>
                        <div class="card-body">
                            <div class="countrySales">
                                {{-- <h2>22,842 <span class="salesPercent">+43%</span></h2> --}}
                                <h2>
                                    @if (!empty($total_subscriber))
                                        ${{ number_format($subscribers_revnue_count) }}
                                    @else
                                        N/A
                                    @endif
                                    <span class="salesPercent"></span>
                                </h2>

                                <span class="salesLastdays">Subscriber this Year</span>
                            </div>
                            <div class="flyout-table">
                                <div class="table-responsive" style="height:300px;">
                                    <table class="table">
                                        <tbody>
                                            @forelse($most_sale as $val)
                                                <tr>
                                                    <td>{{ $val['c_name'] }}</td>
                                                    <td>
                                                        @if (!empty($val['amount']))
                                                            $
                                                        @endif
                                                        {{ number_format($val['amount'] ?? '') }}
                                                    </td>

                                                </tr>
                                            @empty
                                                <tr class="no-data">
                                                    <td colspan="6">
                                                        <div class="nodata-col">
                                                            <i class="icons icon-no-invoice"></i>
                                                            <h1>No Data Available</h1>

                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforelse

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div class="card information-data">
        <div class="card-body">
            <ul class="memberTable-tabs mb-4 border-bottom product2 dashboard-ul">
                <li class="active"><a href="javascript:void(0);" id="all-subscriber" data-tab-name="all-subscriber"
                        class="all-firstTab2"><i class="icons icon-members"></i> Subscribers</a></li>
                <li class=""><a href="javascript:void(0);" id="all-subscriberPlan"
                        data-tab-name="all-subscriberPlan" class="all-firstTab2"><i
                            class="icons icon-published-post"></i> Top Subscriptions</a></li>
                <li class=""><a href="javascript:void(0);" data-tab-name="all-sellers" id="all-sellers"
                        class="all-firstTab2"><i class="icons icon-no-items"></i> Minisite Viewed by the Seller </a></li>
                {{-- <li class=""><a href="javascript:void(0);" data-tab-name="all-activities" class="all-firstTab2"><i
                            class="icons icon-no-recent"></i> Recent Activity</a></li> --}}
                <li class=""><a href="javascript:void(0);" data-tab-name="all-viewed" class="all-firstTab2"><i
                            class="icons icon-no-products"></i>Products Viewed</a></li>
            </ul>
            <div class="flyout-table">
                <div class="table-responsive firstboxesTable2 dashboard-subscriber">
                    <table class="table m-0 all-subscriber" style="">
                        <thead>
                            <tr>
                                <th style="width:3%" class="text-center">S.No.</th>
                                <th>Subscriber Name</th>
                                <th>Plan Name</th>
                                <th class="text-center">Features</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Account Type/Role</th>
                                <th class="text-center">Price</th>
                                <th class="text-center">Discount Price</th>
                            </tr>
                        </thead>
                        <tbody>

                            @forelse ($subscriber as $skey => $svalue)
                                {{--  @php
                                    $filtered = array_filter(json_decode($svalue->plan_feature_list,true), function($item) {
                                        return isset($item['permission']) && $item['value'] == 'yes';
                                    });

                                    $count = sizeof($filtered);
                                @endphp   --}}

                                <tr>
                                    <td class="text-center">{{ $skey + 1 }}</td>
                                    {{--  <td>{{ $svalue->user->name ?? 'N/A' }}</td>  --}}
                                    <td class="memberUser-freeze tbl-shadow" data-userid="{{ $svalue->user->id ?? '' }}"
                                        data-toggle="tooltip" data-placement="right"
                                        title="{{ ucfirst($svalue->user->name ?? 'N/A') }}">
                                        <a href="javascript:void(0)" class="memberName">
                                            {{ ucfirst($svalue->user->name ?? 'N/A') }}</a>
                                    </td>
                                    <td>
                                        <div
                                            class="noPlan-img
                                        {{-- @if (str_contains(strtolower($svalue->plan_detail->plan->icon), 'enterprise')) enterprise @endif --}}
                                        ">
                                            @php
                                                if (
                                                    isset($svalue->plan_detail->plan->icon) and
                                                    !empty($svalue->plan_detail->plan->icon)
                                                ) {
                                                    $urssl = url('public/' . $svalue->plan_detail->plan->icon);
                                                } else {
                                                    $urssl = url('public/assets/img/no-plan.svg');
                                                }
                                            @endphp
                                            <img src="{{ $urssl }}" alt="" class="img-fluid">
                                            {{--  {{ $svalue->plan_detail->plan->name ?? 'N/A' }}  --}}
                                        </div>
                                    </td>
                                    <td class="text-center">{{ $svalue->totalActiveFeatures }}</td>
                                    <td class="text-center">{{ ucfirst($svalue->status ?? 'N/A') }}</td>
                                    <td class="text-center">{{ ucfirst($svalue->user->user_type ?? 'N/A') }}</td>
                                    <td class="text-center">${{ $svalue->plan_detail->sale_price ?? '0' }}</td>
                                    <td class="text-center">
                                        ${{ $svalue->plan_detail->plan->discount_value ?? '0' }}
                                    </td>
                                </tr>
                            @empty
                                <tr class="no-data">
                                    <td colspan="10">
                                        <div class="nodata-col">
                                            <i class="icons icon-no-products"></i>
                                            <h1>No Subscribers Yet.</h1>
                                            {{-- <a href="{{url('/admin/products/all')}}">Click here to see all Products</a> --}}
                                        </div>
                                    </td>
                                </tr>
                            @endforelse

                        </tbody>
                    </table>


                    {{-- Top Plans  subscribed --}}
                    <table class="table m-0 all-subscriberPlan" style="display:none;">
                        <thead>
                            <tr>
                                <th style="width:3%" class="text-center">S.No.</th>
                                <th>Plan Name</th>
                                <th>Price</th>
                                <th class="text-center">Total Subscribers</th>
                                <th class="text-center">Created At</th>
                            </tr>
                        </thead>
                        <tbody>

                            @forelse ($top_plan as $pkey => $pvalue)
                                <tr>
                                    <td class="text-center">{{ $pkey + 1 }}</td>
                                    <td>
                                        <div class="noPlan-img">
                                            @php
                                                if (
                                                    isset($pvalue->plan_detail->plan->icon) and
                                                    !empty($pvalue->plan_detail->plan->icon)
                                                ) {
                                                    $urssl = url('public/' . $pvalue->plan_detail->plan->icon);
                                                } else {
                                                    $urssl = url('public/assets/img/no-plan.svg');
                                                }
                                            @endphp
                                            <img src="{{ $urssl }}" alt="" class="img-fluid">
                                            {{--  {{ $pvalue->plan_detail->plan->name ?? 'N/A' }}  --}}
                                        </div>
                                    </td>
                                    <td>${{ $pvalue->plan_detail->sale_price ?? 'N/A' }}</td>
                                    <td class="text-center total_subscriber"
                                        data-plan-id="{{ $pvalue->orignal_plan_id }}"
                                        style="color:#0072E5;cursor:pointer">{{ $pvalue->top_plan_count }}</td>
                                    <td class="text-center">
                                        {{-- {{ ucfirst(date('Y-M-d', strtotime($pvalue->created_at)) ?? '--') }} --}}

                                        {{ \Carbon\Carbon::parse($pvalue->created_at)->format('Y-m-d') }}
                                    </td>
                                </tr>
                            @empty
                                <tr class="no-data">
                                    <td colspan="10">
                                        <div class="nodata-col">
                                            <i class="icons icon-no-products"></i>
                                            <h1>No result Found</h1>
                                            {{-- <a href="{{url('/admin/products/all')}}">Click here to see all Products</a> --}}
                                        </div>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>

                    <table class="table m-0 all-sellers" style="display:none;">

                    </table>
                    {{-- <table class="table m-0 all-activities" style="display:none;">

                    </table> --}}

                    <table class="table m-0 all-viewed" style="display:none;">

                    </table>
                    {{-- Close top subscriber plan --}}

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

    <div class="card d-none">
        <div class="card-header">
            <h6 class="mb-0">{{ translate('Enquries') }}</h6>
        </div>
        <div class="card-body">
            <table class="table aiz-table mb-0" cellspacing="0" width="100%">
                <thead>
                    <tr>
                    <tr>
                        <th>S.No.</th>
                        <th>{{ translate('Sender') }}</th>
                        <th>{{ translate('Enquiry Type') }}</th>
                        <th>{{ translate('Product') }}</th>
                        <th>{{ translate('Receiver') }}</th>
                        <th>{{ translate('Status') }}</th>
                        @if (Auth::user()->user_type == 'admin')
                            <th> {{ translate('Option') }}</th>
                        @endif
                    </tr>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($enquiries as $key => $enquiry)
                        <tr>
                            <td>{{ $key + 1 + ($enquiries->currentPage() - 1) * $enquiries->perPage() }}</td>
                            <td>{{ !empty($enquiry->enquiry_user->name) ? $enquiry->enquiry_user->name : 'N/A' }}</td>
                            <td>
                                @if ($enquiry->enquiry_type)
                                    <a href="{{ route('enquiries.admin_show', encrypt($enquiry->id)) }}"
                                        class="btn btn-success">{{ ucfirst($enquiry->enquiry_type) }}
                                @endif
                                </a>
                            </td>
                            <td>{{ !empty($enquiry->product) ? $enquiry->product->getTranslation('name') : 'N/A' }}</td>
                            <td>
                                @if ($enquiry->seller_user_id == \Auth::user()->id)
                                    {{ translate('You') }}
                                @else
                                    {{ !empty($enquiry->seller->name) ? $enquiry->seller->name : 'N/A' }}
                                @endif
                            </td>
                            <td>{{ ucfirst($enquiry->status) }}</td>
                            @if (Auth::user()->user_type == 'admin')
                                <td> <a href="#"
                                        class="btn btn-soft-danger btn-icon btn-circle btn-sm confirm-delete"
                                        data-href="{{ route('enquiry.admin_delete', $enquiry->id) }}"
                                        title="{{ translate('Delete') }}">
                                        <i class="las la-trash"></i>
                                    </a></td>
                            @endif
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="card d-none">
        <div class="card-header">
            <h6 class="mb-0">{{ translate('Searches') }}</h6>
        </div>
        <div class="card-body">
            <table class="table aiz-table mb-0" cellspacing="0" width="100%">

                <thead>
                    <tr>
                    <tr>
                        <th>S.No.</th>
                        <th>{{ translate('User') }}</th>
                        <th>{{ translate('Link') }}</th>
                        <th>{{ translate('Guest ?') }}</th>
                        <th>{{ translate('Viewer') }}</th>
                    </tr>
                    </tr>
                </thead>
                <tbody>
                    @php $k = 1;  @endphp
                    @foreach ($searches as $list)
                        <tr>
                            <th>{{ $k }}</th>
                            <th>{{ $list->user->name ?? 'N/A' }}</th>
                            <th>{{ $list->slug ?? 'N/A' }}</th>
                            <th>{{ $list->is_guest ?? 'N/A' }}</th>
                            <th>{{ $list->view_count ?? 'N/A' }}</th>
                        </tr>
                        @php $k++;  @endphp
                    @endforeach

                </tbody>
            </table>
        </div>
    </div>
    </div>

    {{-- Product Detail --}}
    <div class="customFlyout flyout-position-t memberProduct" id="product_detail">
        <div id="productListData loader_seller" style=" position: absolute;
    top: 30pc;
    left: 30pc;">
            <div id="loader"style=" display:none;  text-align: center;
                                                        width: 100px;
                                                        margin: 0 auto;">
                <img width="100" src="{{ url('public/assets/img/ZKZg.gif') }}">
            </div>
        </div>
    </div>
    {{-- Product Detail  Close --}}

    <!--Member Personal Profile Start-->
    <div class="customFlyout  flyout-position-t memberProfile">
        <div id="productListData loader_seller" style=" position: absolute; top: 30pc;left: 30pc;">
            <div id="loader"style=" display:none;  text-align: center; width: 100px; margin: 0 auto;">
                <img width="100" src="{{ url('public/assets/img/ZKZg.gif') }}">
            </div>
        </div>
    </div>
    <!--Member Personal Profile End-->

@endsection
@section('script')
    {{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
    <script src="{{ static_asset('js/apexcharts.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {


            setTimeout(function() {
                $(document).find('.memberTable-tabs.product li:first-child a').click();
            }, 2000);

            $(document).on('click', '.closeBtn', function() {
                $('.ProductListClass, .memberProfile,.memberProduct').removeClass('active');
            });

            $(document).on('click', '.leadinfo', function() {
                var lead_id = $(this).data('lead-id');
                $(".memberProfile").toggleClass("active");
                $('body').toggleClass('OverlayBg');
                $('body').css('overflow', 'hidden');
                getCurrentLeadInfo(lead_id);
            });

            function getCurrentLeadInfo(lead_id) {

                $.ajax({
                    url: "{{ url('/admin/lead/showList') }}" + "/" + lead_id,
                    type: "GET",
                    data: {
                        'unique_id': lead_id,
                    },
                    success: function(obj) {
                        $(".memberProfile").html(obj);
                    }
                });
            }

            {{--  $(document).on('click', '#all-subscriber', function() {
                $('.all-subscriber').fadeOut(300, function() {
                    $(this).fadeIn(300);
                });
            });

            $(document).on('click', '#all-subscriberPlan', function() {
                $('.all-subscriberPlan').fadeOut(300, function() {
                    $(this).fadeIn(300);
                });
            });  --}}

            $(document).on('click', '.total_subscriber', function() {
                var planId = $(this).data('plan-id');
                $('.memberProfile').toggleClass('active');
                $('body').toggleClass('OverlayBg');
                $('body').css('overflow', 'hidden');
                getListdata(planId);
            });


            function getListdata(planId) {


                var url = "{{ url('/admin/subscriber_count/') }}/" + planId;
                $.ajax({
                    url: url,
                    type: "GET",
                    success: function(data) {
                        $(".memberProfile").html(data);
                    }
                });
            }

            $(document).on('click', 'a.page-link', function(event) {
                event.preventDefault();
                var url = $(this).attr('href');
                $.ajax({
                    url: url,
                    cache: false,
                    success: function(html) {

                        $(document).find(".memberProfile").html(html);;

                    }
                });
            });

            ///// Description View More / View Less

            $(document).on('click', '.viewMore', function() {
                $("#stripe_descp").hide();
                $("#d_viewMore").show();

                $('p').filter(function() {
                    return $.trim($(this).html()) === '&nbsp;';
                }).remove();

                $('#d_viewMore p:empty').remove();

                var lastPTag = $('#d_viewMore').find('p:last');
                var aboutLessLink = $('#d_viewMore').find('.viewless');
                lastPTag.append("&nbsp;").append(aboutLessLink);
            });

            $(document).on('click', '.viewless', function() {
                $("#stripe_descp").show();
                $("#d_viewMore").hide();
            });

            ///// About View More / View Less

            $(document).on('click', '.aboutMore', function() {
                $("#about_viewMoreFirst").hide();
                $("#about_viewMore").show();
            });

            $(document).on('click', '.aboutless', function() {
                $("#about_viewMore").hide();
                $("#about_viewMoreFirst").show();
            });

            /////////////////////////////// Seller ///////////////////////

            ///// Technical View More / View Less
            $(document).on('click', '.technicalMore', function() {
                $("#d_viewMoreFirst").hide();
                $("#d_viewMore").show();
            });

            $(document).on('click', '.technicalLess', function() {
                $("#d_viewMore").hide();
                $("#d_viewMoreFirst").show();
            });

            ///// Industry View More / View Less
            $(document).on('click', '.industryMore', function() {
                $("#indus_viewMoreFirst").hide();
                $("#indus_viewMore").show();
            });

            $(document).on('click', '.industryLess', function() {
                $("#indus_viewMore").hide();
                $("#indus_viewMoreFirst").show();
            });

            ///// Sales Skill View More / View Less
            $(document).on('click', '.salesMore', function() {
                $("#sales_viewMoreFirst").hide();
                $("#sales_viewMore").show();
            });

            $(document).on('click', '.salesLess', function() {
                $("#sales_viewMore").hide();
                $("#sales_viewMoreFirst").show();
            });

            ///// Location View More / View Less
            $(document).on('click', '.locationMore', function() {
                $("#l_viewMoreFirst").hide();
                $("#l_viewMore").show();
            });

            $(document).on('click', '.locationLess', function() {
                $("#l_viewMore").hide();
                $("#l_viewMoreFirst").show();
            });

            ///// Education View More / View Less
            $(document).on('click', '.educationMore', function() {
                $("#edu_viewMoreFirst").hide();
                $("#edu_viewMore").show();
            });

            $(document).on('click', '.educationLess', function() {
                $("#edu_viewMore").hide();
                $("#edu_viewMoreFirst").show();
            });

            ///// Certifications View More / View Less
            $(document).on('click', '.certifiMore', function() {
                $("#certifi_viewMoreFirst").hide();
                $("#certifi_viewMore").show();
            });

            $(document).on('click', '.certifiLess', function() {
                $("#certifi_viewMore").hide();
                $("#certifi_viewMoreFirst").show();
            });

            /////////////////// BUYER ///////////////////////

            ///// Technical View More / View Less
            $(document).on('click', '.buyerTechnicalMore', function() {
                $("#tech_viewMoreFirst").hide();
                $("#tech_viewMore").show();
            });

            $(document).on('click', '.buyerTechnicalLess', function() {
                $("#tech_viewMore").hide();
                $("#tech_viewMoreFirst").show();
            });

            ///// Industry View More / View Less
            $(document).on('click', '.buyerIndustryMore', function() {
                $("#buyerIndus_viewMoreFirst").hide();
                $("#buyerIndus_viewMore").show();
            });

            $(document).on('click', '.buyerIndustryLess', function() {
                $("#buyerIndus_viewMore").hide();
                $("#buyerIndus_viewMoreFirst").show();
            });

            ///// Location View More / View Less
            $(document).on('click', '.buyerlocMore', function() {
                $("#buyerloc_viewMoreFirst").hide();
                $("#buyerloc_viewMore").show();
            });

            $(document).on('click', '.buyerlocLess', function() {
                $("#buyerloc_viewMore").hide();
                $("#buyerloc_viewMoreFirst").show();
            });

            ///// Education View More / View Less
            $(document).on('click', '.buyerEduMore', function() {
                $("#buyeredu_viewMoreFirst").hide();
                $("#buyeredu_viewMore").show();
            });

            $(document).on('click', '.buyerEduLess', function() {
                $("#buyeredu_viewMore").hide();
                $("#buyeredu_viewMoreFirst").show();
            });

            ///// Trade Show View More / View Less
            $(document).on('click', '.tradeMore', function() {
                $(this).closest('.trade_viewMoreFirst').hide();
                $(this).closest('td').find('.trade_viewMore').show();
            });

            $(document).on('click', '.tradeLess', function() {
                $(this).closest('.trade_viewMore').hide();
                $(this).closest('td').find('.trade_viewMoreFirst').show();
            });

            ////////////// Description View More / View Less
            $(document).on('click', '#viewMore', function() {
                $(this).closest('.detailProdDes').hide();
                $("#d_viewMore").show();
            });

            $(document).on('click', '#viewless', function() {
                $("#d_viewMore").hide();
                $(".detailProdDes#d_viewMoreFirst").show();
            });

            $('.memberTable-tabs.product .all-firstTab').on('click', function() {
                var getTabName = $(this).data('tab-name');
                $(document).find('.memberTable-tabs.product li').removeClass('active');
                $(this).closest('li').addClass('active');

                if (getTabName == "all-enquiries") {
                    $.ajax({
                        url: "{{ url('/admin/enquiry') }}",
                        type: "GET",
                        success: function(obj) {
                            $('.all-enquiries').html(obj);
                        }
                    });
                }

                if (getTabName == "all-rfqs") {
                    $.ajax({
                        url: "{{ url('/admin/rfqs') }}",
                        type: "GET",
                        success: function(obj) {
                            $('.all-rfqs').html(obj);
                        }
                    });
                }

                if (getTabName == "all-quotations") {
                    $.ajax({
                        url: "{{ url('/admin/quotations') }}",
                        type: "GET",
                        success: function(obj) {
                            $('.all-quotations').html(obj);
                        }
                    });
                }

                if (getTabName == "all-orders-invoice") {
                    $.ajax({
                        url: "{{ url('/admin/all-orders-invoice') }}",
                        type: "GET",
                        success: function(obj) {
                            $('.all-orders-invoice').html(obj);
                        }
                    });
                }

                $(document).find('.firstboxesTable table').hide();
                $(document).find('table.' + getTabName).show();
            });


            $('.memberTable-tabs.product2 .all-firstTab2').on('click', function() {
                var getTabName = $(this).data('tab-name');
                $(document).find('.memberTable-tabs.product2 li').removeClass('active');
                $(this).closest('li').addClass('active');
                $(document).find('.firstboxesTable2 table').fadeOut(300);

                if (getTabName == "all-sellers") {
                    $.ajax({
                        url: "{{ url('/admin/get_allviewed_sellers') }}",
                        type: "GET",
                        success: function(obj) {
                            $('.all-sellers').html(obj);
                        }
                    });
                }
                if (getTabName == "all-activities") {
                    $.ajax({
                        url: "{{ url('/admin/getAllactivities') }}",
                        type: "GET",
                        success: function(obj) {
                            $('.all-activities').html(obj);
                        }
                    });
                }
                if (getTabName == "all-viewed") {
                    $.ajax({
                        url: "{{ url('/admin/get_products_viewed') }}",
                        type: "GET",
                        success: function(obj) {
                            $('.all-viewed').html(obj);
                        }
                    });
                }
                $(document).find('.firstboxesTable2 .' + getTabName).fadeIn(300);
                {{--  $(document).find('.firstboxesTable2 table').hide();
                $(document).find('table.' + getTabName).show();  --}}
            });

        });

        var options = {
            series: [{
                name: 'Monthly Sale',
                type: 'column',
                data: {!! str_replace('&quot;', '', json_encode($month['sale'])) !!}
            }, {
                name: 'Plan Sale',
                type: 'area',
                data: {!! str_replace('&quot;', '', json_encode($month['plan_sale'])) !!}
            }, ],
            chart: {
                height: 350,
                type: 'line',
                stacked: true,
                toolbar: {
                    show: true
                }
            },
            zoom: false,
            stroke: {
                width: [0, 2, 5],
                curve: 'smooth'
            },
            plotOptions: {
                bar: {
                    columnWidth: '50%'
                }
            },

            fill: {
                opacity: [0.85, 0.25, 1],
                gradient: {
                    inverseColors: false,
                    shade: 'light',
                    type: "vertical",
                    opacityFrom: 0.85,
                    opacityTo: 0.55,
                    stops: [0, 100, 100, 100]
                }
            },
            labels: {!! json_encode($month['month'], JSON_UNESCAPED_SLASHES) !!},
            markers: {
                size: 0
            },
            xaxis: {
                type: 'datetime'
            },
            yaxis: {
                title: {
                    text: '',
                },
                min: 0
            },
            tooltip: {
                shared: true,
                intersect: false,
                y: {
                    formatter: function(y) {
                        if (typeof y !== "undefined") {
                            return y.toFixed(0) + " ";
                        }
                        return y;

                    }
                }
            }
        };

        var chart = new ApexCharts(document.querySelector("#chart"), options);
        chart.render();

        @php
            $counting_array = [
                //\App\Product::join('users', 'products.user_id', '=', 'users.id')->whereNull('users.deleted_at')->count(),
                \App\Product::join('users', 'products.user_id', '=', 'users.id')->whereNull('users.deleted_at')->where('published', 1)->count(),

                \App\Product::join('users', 'products.user_id', '=', 'users.id')
                    ->whereNull('users.deleted_at')
                    ->whereIn('published', [2, 0])
                    ->count(),

                \App\Product::join('users', 'products.user_id', '=', 'users.id')->whereNull('users.deleted_at')->where('published', 4)->count(),

                \App\Product::join('users', 'products.user_id', '=', 'users.id')->whereNull('users.deleted_at')->where('published', 3)->count(),
            ];

            $countings = json_encode($counting_array);
        @endphp


        var publish_products_options = {
            series: {{ $countings }},
            chart: {
                width: '100%',
                // height:'100%',
                type: 'donut',

            },
            stroke: {
                width: '1',
                radius: '5',
                colors: ['#fff']
            },
            theme: {
                monochrome: {
                    shadeIntensity: 1
                },
            },
            colors: ["#ff1a43", "#ffa31a", "#00a0b6", "#44d600"],

            plotOptions: {

                radialBar: {
                    startAngle: -135,
                    endAngle: 225,
                    hollow: {
                        margin: 0,
                        size: '70%',
                        background: '#fff',
                        image: undefined,
                        imageOffsetX: 0,
                        imageOffsetY: 0,
                        position: 'front',
                        dropShadow: {
                            enabled: true,
                            top: 3,
                            left: 0,
                            blur: 4,
                            opacity: 0.24
                        }
                    },
                },

                pie: {
                    donut: {
                        size: '100%',
                    }
                },
                bar: {
                    horizontal: false,
                    columnWidth: '55%',
                    endingShape: 'rounded',

                },
            },
            plotOptions: {
                bar: {
                    dataLabels: {
                        position: 'right'
                    }
                },
                dataLabels: {
                    enabled: true,
                    style: {
                        colors: ['#333']
                    },
                    offsetX: 20
                },
            },
            fill: {
                type: 'gradient',
            },
            legend: {
                show: true,
                showForSingleSeries: true,

                customLegendItems: ['Pending - ' + {{ $counting_array[0] }}, 'Draft - ' + {{ $counting_array[1] }},
                    // 'Rejected - ' + {{ $counting_array[2] }}, 
                    'Publish - ' + {{ $counting_array[3] }}
                ],

                markers: {
                    fillColors: ["#ff1a43", "#ffa31a", "#00a0b6", "#44d600"]
                },

                position: 'bottom',

                verticalAlign: 'bottom',
                align: 'center'
            },

            responsive: [{
                    breakpoint: 480,
                    options: {
                        chart: {
                            width: 200
                        },
                        legend: {
                            position: 'bottom'
                        }
                    }
                }, {
                    breakpoint: 1400,
                    options: {
                        chart: {
                            width: 200
                        },
                        legend: {
                            show: false
                        }
                    }
                },
                {
                    breakpoint: 991,
                    options: {
                        chart: {
                            width: 300
                        },
                        legend: {
                            show: true
                        }
                    }
                },
            ],
            tooltip: {
                enabled: true,
                y: {
                    formatter: function(value, {
                        seriesIndex
                    }) {
                        const labels = [
                            'Pending ',
                            'Draft',
                            'Rejected',
                            'Publish'
                        ];

                        return labels[seriesIndex] + ': ' + value;
                    }
                }
            }

        };

        var publish_products = new ApexCharts(document.querySelector("#publish_products"), publish_products_options);
        publish_products.render();

        @php

            $counting_array = [
                //\App\Models\Shop::join('users', 'users.id', '=', 'organizations.user_id')->where('users.user_type', 'seller')->whereNull('users.deleted_at')->count(),

                \App\Models\Shop::join('users', 'users.id', '=', 'organizations.user_id')
                    ->where('users.user_type', 'seller')
                    ->whereNotNull('users.email_verified_at')
                    ->where(['users.phone_verified' => '1'])
                    ->whereNull('users.deleted_at')
                    ->whereNull('organizations.deleted_at')
                    ->count(),

                \App\Models\Shop::join('users', 'users.id', '=', 'organizations.user_id')
                    ->where('users.user_type', 'seller')
                    ->where(function ($query) {
                        $query->whereNull('users.email_verified_at')->orWhere('users.phone_verified', '!=', '1');
                    })
                    ->whereNull('users.deleted_at')
                    ->count(),
            ];

            $countings = json_encode($counting_array);
        @endphp

        var sellers_pending_approved_options = {
            series: {{ $countings }},
            chart: {
                width: '100%',
                type: 'donut',

            },
            stroke: {
                width: '1',
                radius: '5',
                colors: ['#fff']
            },
            theme: {
                monochrome: {
                    shadeIntensity: 1
                },
            },
            colors: ['#d35400', '#8e44ad'],
            plotOptions: {

                radialBar: {
                    startAngle: -135,
                    endAngle: 225,
                    hollow: {
                        margin: 0,
                        size: '70%',
                        background: '#fff',
                        image: undefined,
                        imageOffsetX: 0,
                        imageOffsetY: 0,
                        position: 'front',
                        dropShadow: {
                            enabled: true,
                            top: 3,
                            left: 0,
                            blur: 4,
                            opacity: 0.24
                        }
                    },
                },

                pie: {
                    donut: {
                        size: '75%',

                    }
                },
                bar: {
                    horizontal: false,
                    columnWidth: '55%',
                    endingShape: 'rounded',

                },
            },
            plotOptions: {
                bar: {
                    dataLabels: {
                        position: 'top'
                    }
                },
                dataLabels: {
                    enabled: true,
                    style: {
                        colors: ['#333']
                    },
                    offsetX: 30
                },
            },
            fill: {
                type: 'gradient',
            },
            legend: {
                show: true,
                showForSingleSeries: true,
                customLegendItems: ['Verified - ' + {{ $counting_array[0] }}, 'Unverified - ' +
                    {{ $counting_array[1] }}
                ],
                markers: {
                    fillColors: ['#d35400', '#8e44ad']
                },

                position: 'bottom',

                verticalAlign: 'bottom',
                align: 'center'
            },

            responsive: [{
                    breakpoint: 480,
                    options: {
                        chart: {
                            width: 200
                        },
                        legend: {
                            position: 'bottom'
                        }
                    }
                },
                {
                    breakpoint: 1400,
                    options: {
                        chart: {
                            width: 200
                        },
                        legend: {
                            show: false
                        }
                    }
                },
                {
                    breakpoint: 991,
                    options: {
                        chart: {
                            width: 300
                        },
                        legend: {
                            show: true
                        }
                    }
                },
            ],
            tooltip: {
                enabled: true,
                y: {
                    formatter: function(value, {
                        seriesIndex
                    }) {
                        const labels = [
                            'Verified ',
                            'Unverified',
                        ];

                        return labels[seriesIndex] + ': ' + value;
                    }
                }
            }
        };

        var sellers_pending_approved = new ApexCharts(document.querySelector("#sellers_pending_approved"),
            sellers_pending_approved_options);
        sellers_pending_approved.render();

        //==========================  New Modal Data ===========================//
        $(document).on('click', '.members-link,.prod-link', function() {
            $('body').css('overflow', 'hidden');
        });
        $(document).ready(function() {

            // Click event for opening approveCate modal for product




            $(document).on('click', '.open-approveCate-modal-product', function() {
                $('.memberProduct').toggleClass('active');
                if (!event.key || event.key !== "Enter") {
                    $('body').toggleClass('OverlayBg');
                }
                $('.memberProfile').find('#loader').show();
                $('.memberProduct').find('#loader').show();
                $('.memberProduct').find('.v-scroll').css('display', 'none');

                var product = $(this).data('product_id');

                var checkThis = $(this);
                $.ajax({
                    url: "{{ url('/admin/products/product_detail_ajax') }}",
                    type: "GET",
                    data: {
                        'product_id': product
                    },
                    success: function(obj) {

                        $('#product_detail').html(obj);
                        runandcheck();
                    }
                });
            });

            // Click event for opening profile of a member user
            $(document).on('click', '.prod-memberUser', function() {


                $('.v-scroll').css('display', 'none');
                $('.memberProfile').find('#loader').show();
                $(".memberProfile").toggleClass("active");

                if (!event.key || event.key !== "Enter") {
                    $('body').toggleClass('OverlayBg');
                }

                var user_id = $(this).data('userid');

                $.ajax({

                    url: "{{ url('/admin/seller/profile') }}",
                    type: "GET",
                    data: {
                        'user_id': user_id

                    },

                    success: function(obj) {

                        $(".memberProfile").html(obj);
                        runandcheck();
                    }
                });
            });


            // Event handler for window resize
            $(window).resize(function() {
                runandcheck();
            });



        });

        /*   $(window).resize(function() {
                    runandcheck();
                });
            });*/

        $(document).on('click', '.memberUser-freeze', function() {
            var user_id = $(this).data('userid');
            $('body').toggleClass('OverlayBg');
            $('.v-scroll').hide();
            $('#loader').css('display', 'block');
            $(".memberProfile").addClass("active");
            $('body.body-active').css('overflow-y', 'hidden');
            getCurrentMemberInfo(user_id);
            runandcheck();

        });

        function getCurrentMemberInfo(user) {
            $.ajax({
                url: "{{ url('/admin/seller/profile') }}",
                type: "GET",
                data: {
                    'user_id': user
                },
                success: function(obj) {
                    $(".memberProfile").html(obj);
                    runandcheck();
                }
            });
        }

        function runandcheck() {
            var section = $('.checkHeight');
            var windowHeight = $('.memberProfile').height();

            $(document).find('.tooltip').remove();

            var distanceFromBottom = windowHeight - 350;
            section.css({
                'height': distanceFromBottom,
                'overflow-y': 'auto'
            });
        }
    </script>
@endsection