@extends('layouts.admin')
@section('content')
@if (session('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    {{ session('error') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
@if (session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
<div id='mainContent'>
    <div class="row gap-20 masonry pos-r">
        <div class="masonry-sizer col-md-6"></div>
        <div class="masonry-item  w-100">
            <div class="row gap-20">
                <!-- #Toatl Users ==================== -->
                {{--<div class='col-md-4'>
                            <div class="layers bd bgc-white p-20 admin-dash">
                                <div class="layer w-100 mB-10">
                                    <h5 class="c-grey-900">{{__('labels.admin_dashboard.user')}}</h5>
            </div>
            <div class="layer w-100">
                <div class="peers ai-sb fxw-nw">
                    <div class="peer peer-greed">
                        <i class="redish ti-user icon-size"></i>
                    </div>
                    <div class="peer">
                        <span class="d-ib lh-0 va-m bdrs-10em pX-15 pY-15 bgc-blue-50 c-blue-500">{{__('labels.admin_dashboard.common.total')}} - {{isset($data['total_users_count']) ? $data['total_users_count'] : ''}}</span>
                        <span class="d-ib lh-0 va-m bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">{{__('labels.admin_dashboard.common.active')}} - {{isset($data['active_users_count']) ? $data['active_users_count'] : ''}}</span>
                        <span class="d-ib lh-0 va-m bdrs-10em pX-15 pY-15 bgc-red-50 c-red-500">{{__('labels.admin_dashboard.common.inactive')}} - {{isset($data['inactive_users_count']) ? $data['inactive_users_count'] : ''}}</span>
                    </div>
                </div>
            </div>
            <div class="layer w-100 mB-10 mT-10" style="display: contents;">
                <a style="margin-top: 30px;" href="{{ url('users') }}" class="small-box-footer">{{__('labels.admin_dashboard.common.view')}} <i class="ti-arrow-circle-right"></i></a>
            </div>
        </div>
    </div>--}}

    <!-- #Total Categories ==================== -->
    {{--<div class='col-md-4'>
                            <div class="layers bd bgc-white p-20 admin-dash">
                                <div class="layer w-100 mB-10">
                                    <h5 class="c-grey-900">{{__('labels.admin_dashboard.category')}}</h5>
</div>

<div class="layer w-100">
    <div class="peers ai-sb fxw-nw">
        <div class="peer peer-greed">
            <i class="redish ti-list icon-size"></i>
        </div>
        <div class="peer">
            <span class="d-ib lh-0 va-m bdrs-10em pX-15 pY-15 bgc-blue-50 c-blue-500">{{__('labels.admin_dashboard.common.total')}} - {{isset($data['total_categories_count']) ? $data['total_categories_count'] : ''}}</span>
            <span class="d-ib lh-0 va-m bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">{{__('labels.admin_dashboard.common.active')}} - {{isset($data['active_categories_count']) ? $data['active_categories_count'] : ''}}</span>
            <span class="d-ib lh-0 va-m bdrs-10em pX-15 pY-15 bgc-red-50 c-red-500">{{__('labels.admin_dashboard.common.inactive')}} - {{isset($data['inactive_categories_count']) ? $data['inactive_categories_count'] : ''}}</span>
        </div>

    </div>
</div>
<div class="layer w-100 mB-10 mT-10" style="display: contents;">
    <a style="margin-top: 30px;" href="{{ url('categories') }}" class="small-box-footer">{{__('labels.admin_dashboard.common.view')}} <i class="ti-arrow-circle-right"></i></a>
</div>
</div>
</div>--}}
<!-- #Orders ==================== -->
<div class='col-md-12'>
    <div class="layers bd bgc-white p-20 admin-dash">
        <div class="layer w-100 mB-10">
            <h5 class="c-grey-900">{{__('labels.admin_dashboard.order')}}</h5>
        </div>

        <div class="layer w-100">
            <div class="peers ai-sb fxw-nw">
                <div class="w-100">
                    <!-- Accordion Component -->
                    <div class="accordion" id="orderStatsAccordion">
                        <!-- Daily Stats -->
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingDaily">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDaily" aria-expanded="true" aria-controls="collapseDaily">Today's Orders</button>
                            </h2>
                            <div id="collapseDaily" class="accordion-collapse collapse show" aria-labelledby="headingDaily" data-bs-parent="#orderStatsAccordion">
                                <div class="accordion-body">
                                    <div class="order_statistics">
                                        <ul>
                                            <li>
                                                <div class="order_title c-red-800">Today's Order Count</div>
                                                <div id="todayOrderCount" class="order_counter">
                                                    {{isset($data['today_orders_count']) ? $data['today_orders_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-red-800">Today's Order Amount</div>
                                                <div id=">" class="order_counter">
                                                    € {{isset($data['today_orders_sale'])?$data['today_orders_sale']:'0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-cyan-800">PayPal Order Count</div>
                                                <div id="todayPayPalCount" class="order_counter">
                                                    {{isset($data['today_paypal_count']) ? $data['today_paypal_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-cyan-800">PayPal Order Amount</div>
                                                <div id="todayPayPalAmount" class="order_counter">
                                                    € {{isset($data['today_paypal_sale']) ? $data['today_paypal_sale'] : '0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-green-800">Credit Card Order Count</div>
                                                <div id="todayCreditCardCount" class="order_counter">
                                                    {{isset($data['today_credit_card_count']) ? $data['today_credit_card_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-green-800">Credit Card Order Amount</div>
                                                <div id="todayCreditCardAmount" class="order_counter">
                                                    € {{isset($data['today_credit_card_sale']) ? $data['today_credit_card_sale'] : '0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-deep-purple-500">Klarna Order Count</div>
                                                <div id="todayKlarnaCount" class="order_counter">
                                                    {{isset($data['today_klarna_count']) ? $data['today_klarna_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-deep-purple-500">Klarna Order Amount</div>
                                                <div id="todayKlarnaAmount" class="order_counter">
                                                    € {{isset($data['today_klarna_sale']) ? $data['today_klarna_sale'] : '0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-brown-500">Sepa Order Count</div>
                                                <div id="todaySepaCount" class="order_counter">
                                                    {{isset($data['today_sepa_count']) ? $data['today_sepa_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-brown-500">Sepa Order Amount</div>
                                                <div id="todaySepaAmount" class="order_counter">
                                                    € {{isset($data['today_sepa_sale']) ? $data['today_sepa_sale'] : '0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-deep-orange-500">New Order Count</div>
                                                <div id="todayKlarnaCount" class="order_counter">
                                                    {{$data['today_new_order_count']}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-orange-600">Repeat Order Count</div>
                                                <div id="todayKlarnaAmount" class="order_counter">
                                                    {{$data['today_repeat_order_count']}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-deep-orange-500">New Order Amount</div>
                                                <div id="todayKlarnaCount" class="order_counter">
                                                    € {{$data['today_new_order_amount']}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-orange-600">Repeat Order Amount</div>
                                                <div id="todayKlarnaAmount" class="order_counter">
                                                    € {{$data['today_repeat_order_amount']}}
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Weekly Stats -->
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingWeekly">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseWeekly" aria-expanded="false" aria-controls="collapseWeekly">Weekly Orders</button>
                            </h2>
                            <div id="collapseWeekly" class="accordion-collapse collapse" aria-labelledby="headingWeekly" data-bs-parent="#orderStatsAccordion">
                                <div class="accordion-body">
                                    <div class="order_statistics">
                                        <ul>
                                            <li>
                                                <div class="order_title c-red-800">Weekly Order Count</div>
                                                <div id="todayOrderCount" class="order_counter">
                                                    {{isset($data['weekly_orders_count']) ? $data['weekly_orders_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-red-800">Weekly Order Amount</div>
                                                <div id="todayOrderAmount" class="order_counter">
                                                    € {{isset($data['weekly_orders_sale'])?$data['weekly_orders_sale']:'0.00'}}
                                                </div>
                                            </li>

                                            <li>
                                                <div class="order_title c-cyan-800">PayPal Order Count</div>
                                                <div id="todayPayPalCount" class="order_counter">
                                                    {{isset($data['weekly_paypal_count']) ? $data['weekly_paypal_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-cyan-800">PayPal Order Amount</div>
                                                <div id="todayPayPalAmount" class="order_counter">
                                                    € {{isset($data['weekly_paypal_sale']) ? $data['weekly_paypal_sale'] : '0.00'}}
                                                </div>
                                            </li>

                                            <li>
                                                <div class="order_title c-green-800">Credit Card Order Count</div>
                                                <div id="todayCreditCardCount" class="order_counter">
                                                    {{isset($data['weekly_credit_card_count']) ? $data['weekly_credit_card_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-green-800">Credit Card Order Amount</div>
                                                <div id="todayCreditCardAmount" class="order_counter">
                                                    € {{isset($data['weekly_credit_card_sale']) ? $data['weekly_credit_card_sale'] : '0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-deep-purple-500">Klarna Order Count</div>
                                                <div id="todayKlarnaCount" class="order_counter">
                                                    {{isset($data['weekly_klarna_count']) ? $data['weekly_klarna_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-deep-purple-500">Klarna Order Amount</div>
                                                <div id="todayKlarnaAmount" class="order_counter">
                                                    € {{isset($data['weekly_klarna_sale']) ? $data['weekly_klarna_sale'] : '0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-brown-500">Sepa Order Count</div>
                                                <div id="todaySepaCount" class="order_counter">
                                                    {{isset($data['weekly_sepa_count']) ? $data['weekly_sepa_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-brown-500">Sepa Order Amount</div>
                                                <div id="todaySepaAmount" class="order_counter">
                                                    € {{isset($data['weekly_sepa_sale']) ? $data['weekly_sepa_sale'] : '0.00'}}
                                                </div>
                                            </li>                                            
                                            <li>
                                                <div class="order_title c-deep-orange-500">New Order Count</div>
                                                <div id="todayKlarnaCount" class="order_counter">
                                                    {{$data['weekly_new_order_count']}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-orange-600">Repeat Order Count</div>
                                                <div id="todayKlarnaAmount" class="order_counter">
                                                    {{$data['weekly_repeat_order_count']}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-deep-orange-500">New Order Amount</div>
                                                <div id="todayKlarnaCount" class="order_counter">
                                                    € {{$data['weekly_new_order_amount']}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-orange-600">Repeat Order Amount</div>
                                                <div id="todayKlarnaAmount" class="order_counter">
                                                    € {{$data['weekly_repeat_order_amount']}}
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Monthly Stats -->
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingMonthly">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMonthly" aria-expanded="false" aria-controls="collapseMonthly">Monthly Orders</button>
                            </h2>
                            <div id="collapseMonthly" class="accordion-collapse collapse" aria-labelledby="headingMonthly" data-bs-parent="#orderStatsAccordion">
                                <div class="accordion-body">
                                    <div class="order_statistics">
                                        <ul>
                                            <li>
                                                <div class="order_title c-red-800">Monthly Order Count</div>
                                                <div id="todayOrderCount" class="order_counter">
                                                    {{isset($data['monthly_orders_count']) ? $data['monthly_orders_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-red-800">Monthly Order Amount</div>
                                                <div id="todayOrderAmount" class="order_counter">
                                                    € {{isset($data['monthly_orders_sale'])?$data['monthly_orders_sale']:'0.00'}}
                                                </div>
                                            </li>

                                            <li>
                                                <div class="order_title c-cyan-800">PayPal Order Count</div>
                                                <div id="todayPayPalCount" class="order_counter">
                                                    {{isset($data['monthly_paypal_count']) ? $data['monthly_paypal_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-cyan-800">PayPal Order Amount</div>
                                                <div id="todayPayPalAmount" class="order_counter">
                                                    € {{isset($data['monthly_paypal_sale']) ? $data['monthly_paypal_sale'] : '0.00'}}
                                                </div>
                                            </li>

                                            <li>
                                                <div class="order_title c-green-800">Credit Card Order Count</div>
                                                <div id="todayCreditCardCount" class="order_counter">
                                                    {{isset($data['monthly_credit_card_count']) ? $data['monthly_credit_card_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-green-800">Credit Card Order Amount</div>
                                                <div id="todayCreditCardAmount" class="order_counter">
                                                    € {{isset($data['monthly_credit_card_sale']) ? $data['monthly_credit_card_sale'] : '0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-deep-purple-500">Klarna Order Count</div>
                                                <div id="todayKlarnaCount" class="order_counter">
                                                    {{isset($data['monthly_klarna_count']) ? $data['monthly_klarna_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-deep-purple-500">Klarna Order Amount</div>
                                                <div id="todayKlarnaAmount" class="order_counter">
                                                    € {{isset($data['monthly_klarna_sale']) ? $data['monthly_klarna_sale'] : '0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-brown-500">Sepa Order Count</div>
                                                <div id="todaySepaCount" class="order_counter">
                                                    {{isset($data['monthly_sepa_count']) ? $data['monthly_sepa_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-brown-500">Sepa Order Amount</div>
                                                <div id="todaySepaAmount" class="order_counter">
                                                    € {{isset($data['monthly_sepa_sale']) ? $data['monthly_sepa_sale'] : '0.00'}}
                                                </div>
                                            </li>                                            
                                            <li>
                                                <div class="order_title c-deep-orange-500">New Order Count</div>
                                                <div id="todayKlarnaCount" class="order_counter">
                                                    {{$data['monthly_new_order_count']}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-orange-600">Repeat Order Count</div>
                                                <div id="todayKlarnaAmount" class="order_counter">
                                                    {{$data['monthly_repeat_order_count']}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-deep-orange-500">New Order Amount</div>
                                                <div id="todayKlarnaCount" class="order_counter">
                                                    € {{$data['monthly_new_order_amount']}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-orange-600">Repeat Order Amount</div>
                                                <div id="todayKlarnaAmount" class="order_counter">
                                                    € {{$data['monthly_repeat_order_amount']}}
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Yearly Stats -->
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="headingYearly">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseYearly" aria-expanded="false" aria-controls="collapseYearly">Total Order</button>
                            </h2>
                            <div id="collapseYearly" class="accordion-collapse collapse" aria-labelledby="headingYearly" data-bs-parent="#orderStatsAccordion">
                                <div class="accordion-body">
                                    <div class="order_statistics">
                                        <ul>
                                            <li>
                                                <div class="order_title c-red-800">Total Order Count</div>
                                                <div id="yearlyOrderCount" class="order_counter">
                                                    {{isset($data['total_orders_count']) ? $data['total_orders_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-red-800">Total Order Amount</div>
                                                <div id="yearlyOrderAmount" class="order_counter">
                                                    € {{isset($data['total_orders_sale'])?$data['total_orders_sale']:'0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-cyan-800">PayPal Order Count</div>
                                                <div id="yearlyPayPalCount" class="order_counter">
                                                    {{isset($data['total_paypal_count']) ? $data['total_paypal_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-cyan-800">PayPal Order Amount</div>
                                                <div id="yearlyPayPalAmount" class="order_counter">
                                                    € {{isset($data['total_paypal_sale'])?$data['total_paypal_sale']:'0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-green-800">Credit Card Order Count</div>
                                                <div id="yearlyCreditCardCount" class="order_counter">
                                                    {{isset($data['total_credit_card_count']) ? $data['total_credit_card_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-green-800">Credit Card Order Amount</div>
                                                <div id="yearlyCreditCardAmount" class="order_counter">
                                                    € {{isset($data['total_credit_card_sale'])?$data['total_credit_card_sale']:'0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-deep-purple-500">Klarna Order Count</div>
                                                <div id="yearlyKlarnaCount" class="order_counter">
                                                    {{isset($data['total_klarna_count']) ? $data['total_klarna_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-deep-purple-500">Klarna Order Amount</div>
                                                <div id="yearlyKlarnaAmount" class="order_counter">
                                                    € {{isset($data['total_klarna_sale'])?$data['total_klarna_sale']:'0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-brown-500">Sepa Order Count</div>
                                                <div id="yearlySepaCount" class="order_counter">
                                                    {{isset($data['total_sepa_count']) ? $data['total_sepa_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-brown-500">Sepa Order Amount</div>
                                                <div id="yearlySepaAmount" class="order_counter">
                                                    € {{isset($data['total_sepa_sale'])?$data['total_sepa_sale']:'0.00'}}
                                                </div>
                                            </li>
                                            <li>
                                                <div class="order_title c-yellow-700">Stripe Order Count</div>
                                                <div id="yearlyStripeCount" class="order_counter">
                                                    {{isset($data['total_stripe_count']) ? $data['total_stripe_count'] : '0'}}
                                                </div>
                                                <hr>
                                                <div class="order_title c-yellow-700">Stripe Order Amount</div>
                                                <div id="yearlyStripeAmount" class="order_counter">
                                                    € {{isset($data['total_stripe_sale'])?$data['total_stripe_sale']:'0.00'}}
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="order_statistics d-none">
                        <ul>
                            <li>
                                <div class="order_title c-red-800">Today's Total Sale</div>
                                <div class="order_counter">€ {{isset($data['today_orders_sale'])?$data['today_orders_sale']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-red-800">Today's Total Orders</div>
                                <div class="order_counter">{{isset($data['today_orders_count'])?$data['today_orders_count']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-cyan-800">Total Paypal Sale</div>
                                <div class="order_counter">€ {{isset($data['total_paypal_sale'])?$data['total_paypal_sale']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-cyan-800">Total Paypal Orders</div>
                                <div class="order_counter">{{isset($data['total_paypal_count'])?$data['total_paypal_count']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-deep-orange-500">Total Stripe Sale</div>
                                <div class="order_counter">€ {{isset($data['total_stripe_sale'])?$data['total_stripe_sale']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-deep-orange-500">Total Stripe Orders</div>
                                <div class="order_counter">{{isset($data['total_stripe_count'])?$data['total_stripe_count']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-green-800">Total Credit Card Sale</div>
                                <div class="order_counter">€ {{isset($data['total_credit_card_sale'])?$data['total_credit_card_sale']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-green-800">Total Credit Card Orders</div>
                                <div class="order_counter">{{isset($data['total_credit_card_count'])?$data['total_credit_card_count']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-deep-purple-500">Total Klarna Sale</div>
                                <div class="order_counter">€ {{isset($data['total_klarna_sale'])?$data['total_klarna_sale']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-deep-purple-500">Total Klarna Orders</div>
                                <div class="order_counter">{{isset($data['total_klarna_count'])?$data['total_klarna_count']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-green-500">Total Monthly Sale</div>
                                <div class="order_counter">€ {{isset($data['monthly_orders_sale'])?$data['monthly_orders_sale']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-green-500">Total Monthly Orders</div>
                                <div class="order_counter">{{isset($data['monthly_orders_count'])?$data['monthly_orders_count']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-blue-500">Total Sale</div>
                                <div class="order_counter">€ {{isset($data['total_orders_sale'])?$data['total_orders_sale']:'0'}}</div>
                            </li>
                            <li>
                                <div class="order_title c-blue-500">Total Orders</div>
                                <div class="order_counter">{{isset($data['total_orders_count'])?$data['total_orders_count']:'0'}}</div>
                            </li>
                        </ul>
                    </div>
                    {{--<span class="d-ib lh-0 va-m bdrs-10em pX-15 pY-15 bgc-blue-50 c-blue-500">{{__('labels.admin_dashboard.common.total')}} - {{isset($data['total_orders_count']) ? $data['total_orders_count'] : '0'}} </span>
                    <span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">{{__('labels.admin_dashboard.common.today_order')}} - {{isset($data['today_orders_count']) ? $data['today_orders_count'] : '0'}}</span>
                    <!-- <span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-red-50 c-red-500">{{__('labels.admin_dashboard.common.today_active_order')}} - {{isset($data['today_active_orders_count']) ? $data['today_active_orders_count'] : '0'}}</span> -->
                    <div>
                        <span>Klarna - {{isset($data['total_klarna']) ? $data['total_klarna'] : '0'}}</span>
                        <span>Paypal - {{isset($data['total_paypal']) ? $data['total_paypal'] : '0'}}</span>
                        <span>Credit card - {{isset($data['total_credit_card']) ? $data['total_credit_card'] : '0'}}</span>
                    </div>
                    --}}
                </div>

            </div>
        </div>
        <div class="layer w-100 mB-10 mT-10" style="display: contents;">
            <a style="margin-top: 30px;" href="{{ url('orders') }}" class="small-box-footer">{{__('labels.admin_dashboard.common.view')}} <i class="ti-arrow-circle-right"></i></a>
        </div>
    </div>
</div>

</div>
<div class="row gap-20">
    <!-- #Total products ==================== -->
    <div class='col-md-4'>
        <div class="layers bd bgc-white p-20 admin-dash">
            <div class="layer w-100 mB-10">
                <h5 class="c-grey-900">{{__('labels.admin_dashboard.product')}}</h5>
            </div>

            <div class="layer w-100">
                <div class="peers ai-sb fxw-nw">
                    <div class="peer peer-greed">
                        <i class="redish ti-package icon-size"></i>
                    </div>
                    <div class="peer">
                        <span class="d-ib lh-0 va-m bdrs-10em pX-15 pY-15 bgc-blue-50 c-blue-500">{{__('labels.admin_dashboard.common.total')}} - {{isset($data['total_products_count']) ? $data['total_products_count'] : ''}}</span>
                        <span class="d-ib lh-0 va-m bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">{{__('labels.admin_dashboard.common.active')}} - {{isset($data['active_products_count']) ? $data['active_products_count'] : ''}}</span>
                        <span class="d-ib lh-0 va-m bdrs-10em pX-15 pY-15 bgc-red-50 c-red-500">{{__('labels.admin_dashboard.common.inactive')}} - {{isset($data['inactive_products_count']) ? $data['inactive_products_count'] : ''}}</span>
                    </div>

                </div>
            </div>
            <div class="layer w-100 mB-10 mT-10" style="display: contents;">
                <a style="margin-top: 30px;" href="{{ url('products') }}" class="small-box-footer">{{__('labels.admin_dashboard.common.view')}} <i class="ti-arrow-circle-right"></i></a>
            </div>
        </div>
    </div>

    <!-- #Brands ==================== -->
    {{--<div class='col-md-4'>
                            <div class="layers bd bgc-white p-20 admin-dash">
                                <div class="layer w-100 mB-10">
                                    <h5 class="c-grey-900">{{__('labels.admin_dashboard.brand')}}</h5>
</div>

<div class="layer w-100">
    <div class="peers ai-sb fxw-nw">
        <div class="peer peer-greed">
            <i class="redish ti-tag icon-size"></i>
        </div>
        <div class="peer">
            <span class="d-ib lh-0 va-m  bdrs-10em pX-15 pY-15 bgc-blue-50 c-blue-500">{{__('labels.admin_dashboard.common.total')}} - {{isset($data['total_brands_count']) ? $data['total_brands_count'] : ''}} </span>
            <span class="d-ib lh-0 va-m  bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">{{__('labels.admin_dashboard.common.active')}} - {{isset($data['active_brands_count']) ? $data['active_brands_count'] : ''}}</span>
            <span class="d-ib lh-0 va-m  bdrs-10em pX-15 pY-15 bgc-red-50 c-red-500">{{__('labels.admin_dashboard.common.inactive')}} - {{isset($data['inactive_brands_count']) ? $data['inactive_brands_count'] : ''}}</span>
        </div>

    </div>
</div>
<div class="layer w-100 mB-10 mT-10" style="display: contents;">
    <a style="margin-top: 30px;" href="{{ url('brands') }}" class="small-box-footer">{{__('labels.admin_dashboard.common.view')}} <i class="ti-arrow-circle-right"></i></a>
</div>
</div>
</div>--}}
</div>
</div>
</div>
</div>
<hr>
<div class="row gap-20 masonry pos-r">
    <div class="col-md-8">
        <div class="bgc-white bd bdrs-3 mB-20 table-responsive">
            <h4 class="c-grey-900" style="padding: 0px 0px 0px 9px;">{{ __('labels.admin_dashboard.recent_orders') }}</h4>
            <table class="table table-centered table-striped nowrap w-100 display" id="orderTable">
                <thead>
                    <tr>
                        <th>{{ __('labels.order.table.order_number') }}</th>
                        <th>{{ __('labels.order.table.transaction_id') }}</th>
                        <th>{{ __('labels.order.table.user') }}</th>
                        <th>{{ __('labels.order.table.payment_method') }}</th>
                        <th>{{ __('labels.order.table.total_amnt') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                    $count = $data['orders']->count();
                    @endphp
                    @if(isset($data['orders']) && $count > 0)
                    @foreach($data['orders'] as $index => $order)
                    <tr>
                        <td>
                            <a title="{{__('labels.order.view_order')}}" href="{{url('orders/'.$order->id)}}" class='td-n  p-5'>
                                {{ $order->order_no }}
                            </a>
                        </td>
                        <td>{{ $order->transaction_id }}</td>
                        <td>{{ $order->user }}</td>
                        <td>{{ ucfirst($order->type) }}</td>
                        <td>€ {{ $order->total_amount }}</td>
                    </tr>
                    @endforeach
                    @else
                    <tr>
                        <td style="text-align: center;" colspan="5">{{__('labels.order.invoice.no_order')}}</td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-md-4">
        <h4 class="c-grey-900">{{ __('labels.admin_dashboard.top_selling_products') }}</h4>
        <div class="relative flex items-center py-8 space-x-3 bg-white border-b border-slate-100">
            @php
            $top_selling_products_count = $data['top_selling_products']->count();
            @endphp
            @if(isset($data['top_selling_products']) && $top_selling_products_count > 0)
            @foreach($data['top_selling_products'] as $index => $product)
            @php
            $defaultImage = 'images/default.jpg';
            $imageUrl = $product->file_path && @getimagesize($product->file_path) ? $product->file_path : $defaultImage;
            @endphp
            <div class="flex-shrink-0">
                <img style="width: 120px" src="{{ $imageUrl }}" class="w-16 h-16 rounded">
            </div>

            <div>
                <a href="{{ url('products/' . $product->id) }}">
                    <span class="absolute inset-0" aria-hidden="true"></span>
                    <p class="">
                        {{$product->name}}<br>
                        {{$product->total_sold}} {{__('labels.order.invoice.order')}}
                    </p>
                </a>
            </div>
            <hr>
            @endforeach
            @else
            <tr>
                <td colspan="5">{{__('labels.order.invoice.no_product')}}</td>
            </tr>
            @endif
        </div>
    </div>
</div>
@endsection