@extends('admin.layouts.app')
@section('title','Dashboard')

@section('panel')

@php
    use Illuminate\Support\Facades\Route;

    $appVersion = config('app.version', '1.0.0');
    $sysInfo = @json_decode($general->system_info);
    $newVersion = $sysInfo->version ?? null;

    $safeRoute = function (string $name, array $params = [], $fallback = 'javascript:void(0)') {
        return Route::has($name) ? route($name, $params) : $fallback;
    };

    $usersListUrl = $safeRoute('admin.users.index');
    $productsListUrl = $safeRoute('admin.products.index');
    $ordersListUrl = $safeRoute('admin.orders.index');
@endphp

@if($newVersion && version_compare($newVersion, $appVersion, '>'))
<div class="row">
    <div class="col-md-12">
        <div class="card text-white bg-warning mb-3">
            <div class="card-header">
                <h3 class="card-title">
                    @lang('New Version Available')
                    <button class="btn btn--dark float-end">@lang('Version') {{ $newVersion }}</button>
                </h3>
            </div>
            <div class="card-body">
                <h5 class="card-title text-dark">@lang('What is the Update ?')</h5>
                <pre class="f-size--24 mb-0">{{ $sysInfo->details ?? '' }}</pre>
                <div class="mt-2 small text-dark">
                    @lang('Current App Version'): <strong>{{ $appVersion }}</strong>
                </div>
            </div>
        </div>
    </div>
</div>
@endif

@if(!empty($sysInfo->message))
<div class="row">
    @foreach($sysInfo->message as $msg)
    <div class="col-md-12">
        <div class="alert border border--primary" role="alert">
            <div class="alert__icon bg--primary"><i class="far fa-bell"></i></div>
            <p class="alert__message">@php echo $msg; @endphp</p>
            <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
        </div>
    </div>
    @endforeach
</div>
@endif

{{-- Most Important --}}
<div class="row gy-4">
    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $usersListUrl }}" icon="las la-users f-size--56" title="Total Users" value="{{ number_format($totalUsers ?? 0) }}" bg="primary" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-wallet f-size--56" title="Total Balance" value="৳ {{ number_format($totalBalance ?? 0, 2) }}" bg="success" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-ticket-alt f-size--56" title="Total Voucher Balance" value="৳ {{ number_format($totalVoucherBalance ?? 0, 2) }}" bg="success" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $safeRoute('admin.orders.index', ['status' => 'pending']) }}" icon="las la-hourglass-half f-size--56" title="Pending Orders" value="{{ number_format($pendingOrders ?? 0) }}" bg="warning" />
    </div>
</div>

<div class="row gy-4 mt-2">
    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $safeRoute('admin.orders.index', ['status' => 'shipped']) }}" icon="las la-shipping-fast f-size--56" title="Processing / Shipped" value="{{ number_format($processingOrders ?? 0) }}" bg="info" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $safeRoute('admin.orders.index', ['status' => 'completed']) }}" icon="las la-check-circle f-size--56" title="Completed Orders" value="{{ number_format($completedOrders ?? 0) }}" bg="success" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $safeRoute('admin.orders.index', ['status' => 'cancelled']) }}" icon="las la-ban f-size--56" title="Cancelled / Failed" value="{{ number_format($cancelledOrders ?? 0) }}" bg="danger" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $ordersListUrl }}" icon="las la-shopping-cart f-size--56" title="Total Orders" value="{{ number_format($totalOrders ?? 0) }}" bg="primary" />
    </div>
</div>

{{-- Products --}}
<div class="row gy-4 mt-2">
    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $productsListUrl }}" icon="las la-box f-size--56" title="Total Products" value="{{ number_format($totalProducts ?? 0) }}" bg="primary" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $safeRoute('admin.products.index', ['status' => 'active']) }}" icon="las la-check-circle f-size--56" title="Active Products" value="{{ number_format($activeProducts ?? 0) }}" bg="success" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $safeRoute('admin.products.index', ['status' => 'hold']) }}" icon="las la-pause-circle f-size--56" title="Hold Products" value="{{ number_format($holdProducts ?? 0) }}" bg="warning" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $productsListUrl }}" icon="las la-times-circle f-size--56" title="Stock Out Products" value="{{ number_format($stockOutProducts ?? 0) }}" bg="danger" />
    </div>
</div>

<div class="row gy-4 mt-2">
    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $productsListUrl }}" icon="las la-cubes f-size--56" title="Total Stock Qty" value="{{ number_format($totalProductStock ?? 0) }}" bg="info" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-tags f-size--56" title="Stock Reseller Value" value="৳ {{ number_format($productResellerStockValue ?? 0, 2) }}" bg="success" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-chart-bar f-size--56" title="Stock Max Sale Value" value="৳ {{ number_format($productMaxSaleStockValue ?? 0, 2) }}" bg="primary" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $ordersListUrl }}" icon="las la-truck f-size--56" title="Courier Created Orders" value="{{ number_format($courierCreatedOrders ?? 0) }}" bg="info" />
    </div>
</div>

{{-- Order Amounts --}}
<div class="row gy-4 mt-2">
    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $ordersListUrl }}" icon="las la-receipt f-size--56" title="Total Order Amount" value="৳ {{ number_format($totalOrderAmount ?? 0, 2) }}" bg="primary" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $ordersListUrl }}" icon="las la-clock f-size--56" title="Pending Order Amount" value="৳ {{ number_format($pendingOrderAmount ?? 0, 2) }}" bg="warning" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $ordersListUrl }}" icon="las la-check-double f-size--56" title="Completed Order Amount" value="৳ {{ number_format($completedOrderAmount ?? 0, 2) }}" bg="success" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-money-bill-wave f-size--56" title="Total COD Amount" value="৳ {{ number_format($totalCodAmount ?? 0, 2) }}" bg="success" />
    </div>
</div>

<div class="row gy-4 mt-2">
    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-truck-loading f-size--56" title="Total Delivery Charge" value="৳ {{ number_format($totalDeliveryCharge ?? 0, 2) }}" bg="info" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-hand-holding-usd f-size--56" title="Total Reseller Income" value="৳ {{ number_format($totalResellerIncome ?? 0, 2) }}" bg="primary" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="{{ $safeRoute('admin.users.withdraw.eligible') }}" icon="las la-user-clock f-size--56" title="Withdraw Eligible Users" value="{{ number_format($withdrawEligibleUsers ?? 0) }}" bg="info" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-coins f-size--56" title="Eligible Withdraw Amount" value="৳ {{ number_format($withdrawEligibleAmount ?? 0, 2) }}" bg="success" />
    </div>
</div>

{{-- Income / Expense --}}
<div class="row gy-4 mt-2">
    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-arrow-down f-size--56" title="Total Income" value="৳ {{ number_format($totalIncome ?? 0, 2) }}" bg="success" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-arrow-up f-size--56" title="Total Expense" value="৳ {{ number_format($totalExpense ?? 0, 2) }}" bg="danger" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-chart-line f-size--56" title="Profit" value="৳ {{ number_format($profit ?? 0, 2) }}" bg="primary" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-chart-area f-size--56" title="Loss" value="৳ {{ number_format($loss ?? 0, 2) }}" bg="warning" />
    </div>
</div>

{{-- Withdraw Requests --}}
<div class="row gy-4 mt-2">
    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-hourglass-half f-size--56" title="Pending Withdraw Amount" value="৳ {{ number_format($withdrawPendingAmount ?? 0, 2) }}" bg="warning" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-sync f-size--56" title="Processing Withdraw Amount" value="৳ {{ number_format($withdrawProcessingAmount ?? 0, 2) }}" bg="info" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-check-circle f-size--56" title="Approved Withdraw Amount" value="৳ {{ number_format($withdrawApprovedAmount ?? 0, 2) }}" bg="success" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-times-circle f-size--56" title="Rejected Withdraw Amount" value="৳ {{ number_format($withdrawRejectedAmount ?? 0, 2) }}" bg="danger" />
    </div>
</div>

{{-- Other User Stats --}}
<div class="row gy-4 mt-2">
    <div class="col-xxl-3 col-sm-6">
        <x-widget link="javascript:void(0)" icon="las la-user-check f-size--56" title="Logged-in Now" value="{{ number_format($onlineNow ?? 0) }}" bg="info" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget style="2" link="javascript:void(0)" icon="las la-exclamation-triangle" title="Unverified" value="{{ number_format($verified0 ?? 0) }}" color="warning" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget style="2" link="javascript:void(0)" icon="las la-ban" title="Banned" value="{{ number_format($banned ?? 0) }}" color="danger" />
    </div>

    <div class="col-xxl-3 col-sm-6">
        <x-widget style="2" link="javascript:void(0)" icon="las la-user" title="Customer Member" value="{{ number_format($active0 ?? 0) }}" color="primary" />
    </div>
</div>

<div class="row gy-4 mt-2">
    <div class="col-xxl-3 col-sm-6">
        <x-widget style="2" link="javascript:void(0)" icon="las la-briefcase" title="Business Member" value="{{ number_format($active1 ?? 0) }}" color="success" />
    </div>
</div>

@endsection

@push('breadcrumb-plugins')
    <a href="{{ Route::has('admin.orders.index') ? route('admin.orders.index') : 'javascript:void(0)' }}" class="btn btn-outline--primary btn-sm">
        <i class="las la-shopping-cart"></i> অর্ডার
    </a>

    <a href="{{ Route::has('admin.products.index') ? route('admin.products.index') : 'javascript:void(0)' }}" class="btn btn-outline--success btn-sm">
        <i class="las la-box"></i> প্রোডাক্ট
    </a>
@endpush