@extends('backend.layout.master-tailwind')
@section('title', __('Dashboard'))
@section('breadcrumb_section', 'Overview')
@section('breadcrumb_page', __('Dashboard'))

@php
    $adminUser = Auth::guard('admin')->user();
    $hour = now()->hour;
    $greeting = $hour < 12 ? 'Good morning' : ($hour < 17 ? 'Good afternoon' : 'Good evening');
    $totalUsers = $total_freelancer + $total_client;

    // Sparkline path generator — returns SVG path string from oldest→newest values
    $sfn = function(array $data, $w = 120, $h = 36) {
        $vals = array_values($data);
        if (count($vals) < 2) return 'M0 ' . ($h - 3) . ' L' . $w . ' ' . ($h - 3);
        $min = min($vals); $max = max($vals);
        $range = max($max - $min, 1);
        $n = count($vals);
        $pts = [];
        foreach ($vals as $i => $v) {
            $x = round(($i / ($n - 1)) * $w, 2);
            $y = round($h - (($v - $min) / $range) * ($h - 6) - 3, 2);
            $pts[] = $x . ' ' . $y;
        }
        return 'M' . implode(' L', $pts);
    };

    // Sort each monthly array oldest→newest (key 11=oldest, key 0=newest → krsort descending)
    krsort($monthly_income);      $revData = array_values($monthly_income);
    krsort($monthly_users);       $usrData = array_values($monthly_users);
    krsort($monthly_orders_spark); $ordData = array_values($monthly_orders_spark);
    krsort($monthly_jobs_spark);   $jobData = array_values($monthly_jobs_spark);

    $pendingActions = [];
    if (moduleExists('Wallet')) {
        $pendingActions[] = [
            'priority' => 'high',
            'label'    => 'danger',
            'count'    => $pending_withdraw_count,
            'title'    => __('Pending Withdrawals'),
            'sub'      => __('awaiting admin review'),
            'route'    => route('admin.wallet.withdraw.request'),
            'can'      => 'withdraw-list',
        ];
        $pendingActions[] = [
            'priority' => 'high',
            'label'    => 'warn',
            'count'    => $pending_deposit_count,
            'title'    => __('Pending Deposits'),
            'sub'      => __('awaiting confirmation'),
            'route'    => route('admin.wallet.history'),
            'can'      => 'deposit-list',
        ];
    }
    $pendingActions[] = [
        'priority' => 'med',
        'label'    => 'info',
        'count'    => $identity_verify_count,
        'title'    => __('Identity Verify Requests'),
        'sub'      => __('submitted, needs review'),
        'route'    => route('admin.user.verification.request'),
        'can'      => 'user-identity-verify-request-list',
    ];
    $pendingActions[] = [
        'priority' => 'med',
        'label'    => 'warn',
        'count'    => $user_report_count,
        'title'    => __('User Reports / Disputes'),
        'sub'      => __('filed by users'),
        'route'    => route('admin.user.report.all'),
        'can'      => null,
    ];
@endphp

@section('content')
<div class="page">

  {{-- Page head --}}
  <div class="page-head">
    <div>
      <h1 class="page-title">{{ $greeting }}, {{ $adminUser->name ?? 'Admin' }}</h1>
      <p class="page-sub">
        {{ now()->format('l, F j') }}
        @if(moduleExists('Wallet') && $pending_withdraw_count + $pending_deposit_count > 0)
          · <span style="color:var(--warn)">{{ $pending_withdraw_count + $pending_deposit_count }} {{ __('payment actions pending') }}</span>
        @endif
      </p>
    </div>
    <div class="page-actions">
      <a href="{{ route('admin.order.all') }}" class="btn" style="text-decoration:none">
        <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="18" height="14" rx="2"/><path d="M16 13h3"/><path d="M3 9V6a2 2 0 0 1 2-2h11"/></svg>
        {{ __('All Orders') }}
      </a>
      @if(moduleExists('Wallet'))
      @can('withdraw-list')
      <a href="{{ route('admin.wallet.withdraw.request') }}" class="btn primary" style="text-decoration:none">
        <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="6" width="19" height="13" rx="2"/><path d="M2.5 10h19"/><path d="M6 15h4"/></svg>
        {{ __('Payout Queue') }}
      </a>
      @endcan
      @endif
    </div>
  </div>

  {{-- KPI tiles --}}
  <div class="kpis">
    <div class="kpi">
      <div class="kpi-spark">
        <svg viewBox="-2 -2 124 56" preserveAspectRatio="none" width="100%" height="52">
          <defs>
            <linearGradient id="sg-rev" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#6366f1" stop-opacity="0.28"/>
              <stop offset="100%" stop-color="#6366f1" stop-opacity="0"/>
            </linearGradient>
          </defs>
          <path d="{{ $sfn($revData, 120, 52) }} L120 52 L0 52 Z" fill="url(#sg-rev)"/>
          <path d="{{ $sfn($revData, 120, 52) }}" stroke="#6366f1" stroke-width="1.5" fill="none" vector-effect="non-scaling-stroke"/>
        </svg>
      </div>
      <div class="kpi-body">
        <div class="kpi-label">
          <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
          {{ __('Total Revenue') }}
        </div>
        <div class="kpi-value">{{ float_amount_with_currency_symbol($total_revenue ?? 0) }}</div>
        <div class="kpi-meta">
          <span style="font-size:11px;color:var(--text-3)">{{ __('Orders') }}: {{ float_amount_with_currency_symbol($total_order_revenue ?? 0) }}</span>
        </div>
      </div>
    </div>
    <div class="kpi">
      <div class="kpi-spark">
        <svg viewBox="-2 -2 124 56" preserveAspectRatio="none" width="100%" height="52">
          <defs>
            <linearGradient id="sg-usr" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#22c55e" stop-opacity="0.28"/>
              <stop offset="100%" stop-color="#22c55e" stop-opacity="0"/>
            </linearGradient>
          </defs>
          <path d="{{ $sfn($usrData, 120, 52) }} L120 52 L0 52 Z" fill="url(#sg-usr)"/>
          <path d="{{ $sfn($usrData, 120, 52) }}" stroke="#22c55e" stroke-width="1.5" fill="none" vector-effect="non-scaling-stroke"/>
        </svg>
      </div>
      <div class="kpi-body">
        <div class="kpi-label">
          <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="8" r="3.2"/><path d="M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6"/><circle cx="17" cy="9" r="2.6"/><path d="M21 19c0-2.7-1.8-5-4-5"/></svg>
          {{ __('Total Users') }}
        </div>
        <div class="kpi-value" style="font-size:26px">{{ number_format($totalUsers) }}</div>
        <div class="kpi-meta">
          <span style="font-size:11px;color:var(--text-3)">{{ number_format($total_freelancer) }} {{ __('freelancers') }} · {{ number_format($total_client) }} {{ __('clients') }}</span>
        </div>
      </div>
    </div>
    <div class="kpi">
      <div class="kpi-spark">
        <svg viewBox="-2 -2 124 56" preserveAspectRatio="none" width="100%" height="52">
          <defs>
            <linearGradient id="sg-job" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#f59e0b" stop-opacity="0.28"/>
              <stop offset="100%" stop-color="#f59e0b" stop-opacity="0"/>
            </linearGradient>
          </defs>
          <path d="{{ $sfn($jobData, 120, 52) }} L120 52 L0 52 Z" fill="url(#sg-job)"/>
          <path d="{{ $sfn($jobData, 120, 52) }}" stroke="#f59e0b" stroke-width="1.5" fill="none" vector-effect="non-scaling-stroke"/>
        </svg>
      </div>
      <div class="kpi-body">
        <div class="kpi-label">
          <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="18" height="14" rx="2"/><path d="M8 6V4.5A1.5 1.5 0 0 1 9.5 3h5A1.5 1.5 0 0 1 16 4.5V6"/><path d="M3 12h18"/></svg>
          {{ __('Total Jobs') }}
        </div>
        <div class="kpi-value" style="font-size:26px">{{ number_format($total_job) }}</div>
        <div class="kpi-meta">
          <a href="{{ route('admin.jobs') }}" style="font-size:11px;color:var(--accent)">{{ __('View all') }} →</a>
        </div>
      </div>
    </div>
    <div class="kpi">
      <div class="kpi-spark">
        <svg viewBox="-2 -2 124 56" preserveAspectRatio="none" width="100%" height="52">
          <defs>
            <linearGradient id="sg-ord" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#8b5cf6" stop-opacity="0.28"/>
              <stop offset="100%" stop-color="#8b5cf6" stop-opacity="0"/>
            </linearGradient>
          </defs>
          <path d="{{ $sfn($ordData, 120, 52) }} L120 52 L0 52 Z" fill="url(#sg-ord)"/>
          <path d="{{ $sfn($ordData, 120, 52) }}" stroke="#8b5cf6" stroke-width="1.5" fill="none" vector-effect="non-scaling-stroke"/>
        </svg>
      </div>
      <div class="kpi-body">
        <div class="kpi-label">
          <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="18" height="14" rx="2"/><path d="M16 13h3"/><path d="M3 9V6a2 2 0 0 1 2-2h11"/></svg>
          {{ __('Total Orders') }}
        </div>
        <div class="kpi-value" style="font-size:26px">{{ number_format($total_orders) }}</div>
        <div class="kpi-meta">
          <a href="{{ route('admin.order.all') }}" style="font-size:11px;color:var(--accent)">{{ __('View all') }} →</a>
        </div>
      </div>
    </div>
  </div>

  {{-- Main two-column row --}}
  <div class="grid grid-12" style="margin-top:12px">

    {{-- Pending Actions --}}
    <div class="card span-7">
      <div class="card-head">
        <div class="card-title">{{ __('Pending Actions') }}</div>
        @php $totalPending = (moduleExists('Wallet') ? $pending_withdraw_count + $pending_deposit_count : 0) + $identity_verify_count + $user_report_count; @endphp
        @if($totalPending > 0)
          <span class="tag danger" style="margin-left:auto">{{ $totalPending }} {{ __('items') }}</span>
        @else
          <span class="tag success" style="margin-left:auto"><span class="dot"></span> {{ __('All clear') }}</span>
        @endif
      </div>
      <div>
        @foreach($pendingActions as $action)
          @php
            $tagClass = $action['count'] > 0 ? $action['label'] : '';
            $tagText  = $action['count'] > 0
              ? ($action['priority'] === 'high' ? 'High' : 'Med')
              : 'OK';
          @endphp
          @if($action['can'])
            @can($action['can'])
            <a href="{{ $action['route'] }}" class="list-row" style="text-decoration:none">
              <span class="tag {{ $tagClass }}" style="min-width:38px;justify-content:center;font-size:10.5px">{{ $tagText }}</span>
              <div style="min-width:0;flex:1">
                <div style="font-size:12.5px;font-weight:500">{{ $action['title'] }}</div>
                <div style="font-size:11px;color:var(--text-3);font-family:var(--font-mono)">{{ $action['count'] }} {{ $action['sub'] }}</div>
              </div>
              <svg class="icon" style="color:var(--text-dim);flex:none" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>
            </a>
            @endcan
          @else
            <a href="{{ $action['route'] }}" class="list-row" style="text-decoration:none">
              <span class="tag {{ $tagClass }}" style="min-width:38px;justify-content:center;font-size:10.5px">{{ $tagText }}</span>
              <div style="min-width:0;flex:1">
                <div style="font-size:12.5px;font-weight:500">{{ $action['title'] }}</div>
                <div style="font-size:11px;color:var(--text-3);font-family:var(--font-mono)">{{ $action['count'] }} {{ $action['sub'] }}</div>
              </div>
              <svg class="icon" style="color:var(--text-dim);flex:none" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>
            </a>
          @endif
        @endforeach
      </div>
    </div>

    {{-- Recent Orders --}}
    <div class="card span-5">
      <div class="card-head">
        <div class="card-title">{{ __('Recent Orders') }}</div>
        <a href="{{ route('admin.order.all') }}" class="btn ghost sm" style="margin-left:auto">{{ __('View all') }}</a>
      </div>
      <div>
        @forelse($orders as $order)
        <div class="list-row">
          <div class="av" style="flex:none;font-size:10px;background:var(--accent-soft);color:var(--accent);border-color:transparent">
            {{ mb_strtoupper(mb_substr($order->user->name ?? 'U', 0, 2)) }}
          </div>
          <div style="font-size:12px;min-width:0;flex:1">
            <div style="font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
              {{ Str::limit($order->user->name ?? __('User'), 18) }}
            </div>
            <div style="color:var(--text-3);font-family:var(--font-mono);font-size:10.5px">
              {{ float_amount_with_currency_symbol($order->price ?? 0) }} · {{ ucfirst($order->is_project_job ?? '') }}
            </div>
          </div>
          <div style="text-align:right;flex:none">
            @if($order->payment_status === 'complete')
              <span class="tag success" style="font-size:10px;padding:0 5px">{{ __('Paid') }}</span>
            @elseif($order->payment_status === 'pending')
              <span class="tag warn" style="font-size:10px;padding:0 5px">{{ __('Pending') }}</span>
            @else
              <span class="tag" style="font-size:10px;padding:0 5px">{{ ucfirst($order->payment_status ?? '') }}</span>
            @endif
            <div style="font-size:10px;color:var(--text-dim);margin-top:2px;font-family:var(--font-mono)">
              {{ $order->created_at ? $order->created_at->diffForHumans(null, true, true) : '' }}
            </div>
          </div>
        </div>
        @empty
        <div class="empty">{{ __('No orders yet') }}</div>
        @endforelse
      </div>
    </div>

  </div>

  {{-- Bottom row --}}
  <div class="grid grid-12" style="margin-top:12px">

    {{-- Withdraw Queue --}}
    @if(moduleExists('Wallet'))
    <div class="card span-4">
      <div class="card-head"><div class="card-title">{{ __('Withdraw Queue') }}</div></div>
      <div class="card-body">
        <div style="display:flex;align-items:baseline;gap:12px;margin-bottom:16px">
          <div style="font-family:var(--font-mono);font-size:24px;font-weight:500;letter-spacing:-0.02em">
            {{ float_amount_with_currency_symbol($pending_withdraw_amount ?? 0) }}
          </div>
          @if($pending_withdraw_count > 0)
            <span class="tag warn"><span class="dot"></span>{{ $pending_withdraw_count }} {{ __('pending') }}</span>
          @else
            <span class="tag success"><span class="dot"></span>{{ __('All settled') }}</span>
          @endif
        </div>
        <div style="display:flex;gap:8px">
          @can('withdraw-list')
          <a href="{{ route('admin.wallet.withdraw.request') }}" class="btn primary sm" style="text-decoration:none">{{ __('Review queue') }}</a>
          @endcan
          @can('withdraw-settings-view')
          <a href="{{ route('admin.wallet.withdraw.settings') }}" class="btn sm" style="text-decoration:none">{{ __('Settings') }}</a>
          @endcan
        </div>
      </div>
    </div>
    @endif

    {{-- Platform Settings --}}
    <div class="card span-4">
      <div class="card-head">
        <div class="card-title">{{ __('Platform Settings') }}</div>
        <a href="{{ route('admin.general.settings.basic') }}" class="btn ghost sm" style="margin-left:auto;text-decoration:none">{{ __('Edit') }}</a>
      </div>
      @php
        $platformSettings = [
          __('Commission Type')       => ucfirst(get_static_option('admin_commission_type') ?? '—'),
          __('Commission Charge')     => get_static_option('admin_commission_charge') ?? '0',
          __('Transaction Fee Type')  => ucfirst(get_static_option('transaction_fee_type') ?? '—'),
          __('Transaction Fee')       => get_static_option('transaction_fee_charge') ?? '0',
          __('Job Auto Approval')     => ucfirst(get_static_option('job_auto_approval') ?? '—'),
          __('Project Auto Approval') => ucfirst(get_static_option('project_auto_approval') ?? '—'),
        ];
      @endphp
      @foreach($platformSettings as $label => $value)
      <div class="setting-row">
        <div class="info"><div class="ttl">{{ $label }}</div></div>
        <span style="font-family:var(--font-mono);font-size:12px;color:var(--text-2)">{{ $value }}</span>
      </div>
      @endforeach
    </div>

    {{-- Top Freelancers --}}
    <div class="card span-4">
      <div class="card-head">
        <div class="card-title">{{ __('Top Freelancers') }}</div>
        <a href="{{ route('admin.freelancer.all') }}" class="btn ghost sm" style="margin-left:auto;text-decoration:none">{{ __('View all') }}</a>
      </div>
      @php $maxEarned = $top_freelancers->max('total_earned') ?: 1; @endphp
      @forelse($top_freelancers as $i => $fl)
      <div class="list-row" style="align-items:center">
        <div class="av" style="flex:none;background:var(--accent-soft);color:var(--accent);border-color:transparent;width:28px;height:28px;min-width:28px;font-size:9px">
          {{ mb_strtoupper(mb_substr($fl->first_name ?? 'F', 0, 1) . mb_substr($fl->last_name ?? '', 0, 1)) }}
        </div>
        <div style="flex:1;min-width:0">
          <div style="font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
            {{ Str::limit($fl->fullname ?? '—', 16) }}
          </div>
          <div style="display:flex;align-items:center;gap:6px;margin-top:3px">
            <div style="flex:1;height:2px;background:var(--border);border-radius:2px;overflow:hidden">
              <div style="width:{{ round(($fl->total_earned / $maxEarned) * 100) }}%;height:100%;background:var(--accent);border-radius:2px"></div>
            </div>
            <span style="font-size:10px;color:var(--text-dim);font-family:var(--font-mono);white-space:nowrap">{{ $fl->completed_orders }} {{ __('jobs') }}</span>
          </div>
        </div>
        <span style="font-family:var(--font-mono);font-size:11.5px;color:var(--text-2);flex:none;padding-left:8px">
          {{ float_amount_with_currency_symbol($fl->total_earned ?? 0) }}
        </span>
      </div>
      @empty
      <div class="empty">{{ __('No completed orders yet') }}</div>
      @endforelse
    </div>

  </div>

</div>
@endsection