@extends('layouts.admin')
@section('title','Platform Overview')
@section('subtitle','Financial performance, booking operations, and items requiring attention.')
@section('content')
@php
    $revenueCeiling=$data['trend']->max('paid_revenue');
    $maxRevenue=max(1,$revenueCeiling);
    $maxBookings=max(1,$data['trend']->max('bookings'));
    $maxUsers=max(1,$data['trend']->max('users'));
    $statusTotal=max(1,$data['booking_statuses']->sum());
    $paymentTotal=max(1,$data['payment_statuses']->sum());
    $typeTotal=max(1,$data['booking_types']->sum());
    $paidRate=round(($data['payment_statuses']['Paid']??0)/$paymentTotal*100);
    $scheduledRate=round(($data['booking_types']['Scheduled']??0)/$typeTotal*100);
@endphp
<div class="dashboard-freshness">
    <i data-lucide="database"></i>
    <span>Live shared-database snapshot</span>
    <b>Refreshed {{$data['generated_at']->format('M d, Y · g:i:s A')}}</b>
</div>
<div class="admin-kpis">
    <a href="{{route('payments.management')}}">
        <span class="kpi-icon">
            <i data-lucide="badge-dollar-sign"></i>
        </span>
        <div>
            <small>GROSS PAID BOOKINGS</small>
            <strong>₱{{number_format($data['kpis']['gross_paid'],2)}}</strong>
            <p>Total consultation value collected</p>
        </div>
    </a>
    <a class="primary-kpi" href="{{route('payments.management')}}">
        <span class="kpi-icon">
            <i data-lucide="landmark"></i>
        </span>
        <div>
            <small>RECORDED DESXPERT REVENUE</small>
            <strong>₱{{number_format($data['kpis']['platform_revenue'],2)}}</strong>
            <p>Fee snapshots on {{$data['kpis']['fee_snapshot_count']}} of {{$data['kpis']['paid_booking_count']}} paid bookings</p>
        </div>
    </a>
    <a href="{{route('disbursements')}}">
        <span class="kpi-icon">
            <i data-lucide="hand-coins"></i>
        </span>
        <div>
            <small>READY FOR PAYOUT</small>
            <strong>₱{{number_format($data['kpis']['unreleased_amount'],2)}}</strong>
            <p>{{$data['kpis']['unreleased_count']}} completed booking{{$data['kpis']['unreleased_count']===1?'':'s'}}</p>
        </div>
    </a>
    <a href="{{route('applications',['status'=>'pending'])}}">
        <span class="kpi-icon warning">
            <i data-lucide="file-clock"></i>
        </span>
        <div>
            <small>APPLICATION BACKLOG</small>
            <strong>{{number_format($data['kpis']['pending_applications'])}}</strong>
            <p>Professional applications to review</p>
        </div>
    </a>
</div>
<div class="dashboard-analytics-grid">
    <section class="admin-panel revenue-trend">
        <div class="admin-panel-head">
            <div>
                <span>FINANCIAL & BOOKING TREND</span>
                <h2>Platform Performance</h2>
                <p>Paid consultation value and booking volume for the selected period.</p>
            </div>
            <div class="chart-legend">
                <span>
                    <i class="revenue-dot"></i>Paid value </span>
                <span>
                    <i class="booking-dot"></i>Bookings </span>
            </div>
        </div>
        <div class="trend-toolbar">
            <div class="trend-period-tabs">@foreach(['day'=>'Day','week'=>'Week','month'=>'Month','year'=>'Year'] as $value=>$label) <a class="{{$data['trend_period']===$value?'active':''}}" href="{{route('dashboard',['trend_period'=>$value,'trend_anchor'=>$data['trend_anchor']])}}">{{$label}}</a>@endforeach </div>
            <div class="trend-navigation">
                <a aria-label="Previous {{$data['trend_period']}}" href="{{route('dashboard',['trend_period'=>$data['trend_period'],'trend_anchor'=>$data['trend_previous_anchor']])}}">
                    <i data-lucide="chevron-left"></i>
                </a>
                <form method="get">
                    <input type="hidden" name="trend_period" value="{{$data['trend_period']}}">
                    <input type="date" name="trend_anchor" value="{{$data['trend_anchor']}}" aria-label="Select reporting date" onchange="this.form.submit()">
                </form>
                <strong>{{$data['trend_range']}}</strong>@if($data['trend_next_anchor']) <a aria-label="Next {{$data['trend_period']}}" href="{{route('dashboard',['trend_period'=>$data['trend_period'],'trend_anchor'=>$data['trend_next_anchor']])}}">
                    <i data-lucide="chevron-right"></i>
                </a>@else <span class="disabled">
                    <i data-lucide="chevron-right"></i>
                </span>@endif
            </div>
        </div>
        <div class="revenue-chart-scroll">
            <div class="revenue-chart trend-{{$data['trend_period']}}">
                <div class="chart-scale">
                    <span>₱{{number_format($revenueCeiling,0)}}</span>
                    <span>₱{{number_format($revenueCeiling/2,0)}}</span>
                    <span>₱0</span>
                </div>
                <div class="revenue-bars">@foreach($data['trend'] as $bucket) <div class="revenue-month">
                        <div class="bar-space">
                            <span class="paid-bar" style="height:{{$bucket->paid_revenue>0?$bucket->paid_revenue/$maxRevenue*100:0}}%">
                                <em>₱{{number_format($bucket->paid_revenue,0)}}</em>
                            </span>@if($bucket->bookings>0) <span class="booking-marker" style="bottom:{{$bucket->bookings/$maxBookings*92}}%">
                                <b>{{$bucket->bookings}}</b>
                            </span>@endif
                        </div>
                        <strong>{{$bucket->label}}</strong>
                    </div>@endforeach </div>
            </div>
        </div>
        <div class="trend-summary">
            <div>
                <span>Bookings in {{$data['trend_range']}}</span>
                <strong>{{$data['trend_totals']['bookings']}}</strong>
            </div>
            <div>
                <span>Paid value in period</span>
                <strong>₱{{number_format($data['trend_totals']['paid_revenue'],2)}}</strong>
            </div>
            <div>
                <span>Recorded Desxpert revenue</span>
                <strong>₱{{number_format($data['trend_totals']['platform_revenue'],2)}}</strong>
            </div>
        </div>
    </section>
    <section class="admin-panel action-center">
        <div class="admin-panel-head">
            <div>
                <span>REQUIRES ATTENTION</span>
                <h2>Action Center</h2>
            </div>
        </div>
        <div class="alert-list">@foreach($data['alerts'] as $alert) <a href="{{$alert['route']}}">
                <i data-lucide="{{$alert['icon']}}"></i>
                <span>{{$alert['label']}}</span>
                <strong>{{$alert['value']}}</strong>
                <i data-lucide="chevron-right"></i>
            </a>@endforeach </div>
    </section>
</div>
<div class="dashboard-breakdown-grid">
    <section class="admin-panel status-panel">
        <div class="admin-panel-head">
            <div>
                <span>BOOKING OUTCOMES</span>
                <h2>Status Distribution</h2>
            </div>
            <a href="{{route('bookings')}}">View bookings</a>
        </div>
        <div class="status-bars">@foreach($data['booking_statuses'] as $label=>$value) <div>
                <header>
                    <span>
                        <i class="status-color status-{{strtolower($label)}}"></i>{{$label}}
                    </span>
                    <strong>{{$value}}
                        <small>{{round($value/$statusTotal*100)}}%</small>
                    </strong>
                </header>
                <span>
                    <i class="status-{{strtolower($label)}}" style="width:{{$value/$statusTotal*100}}%"></i>
                </span>
            </div>@endforeach </div>
    </section>
    <section class="admin-panel mix-panel">
        <div class="admin-panel-head">
            <div>
                <span>PAYMENT PERFORMANCE</span>
                <h2>Payment Conversion</h2>
            </div>
            <a href="{{route('payments.management')}}">Transactions</a>
        </div>
        <div class="donut-wrap">
            <div class="analytics-donut payment-donut" style="--value:{{$paidRate}}">
                <div>
                    <strong>{{$paidRate}}%</strong>
                    <span>Paid</span>
                </div>
            </div>
            <div class="donut-legend">@foreach($data['payment_statuses'] as $label=>$value) <div>
                    <i class="payment-{{strtolower($label)}}"></i>
                    <span>{{$label}}</span>
                    <strong>{{$value}}</strong>
                </div>@endforeach </div>
        </div>
    </section>
    <section class="admin-panel mix-panel">
        <div class="admin-panel-head">
            <div>
                <span>DELIVERY CHANNEL</span>
                <h2>Booking Type Mix</h2>
            </div>
            <a href="{{route('bookings')}}">Explore</a>
        </div>
        <div class="donut-wrap">
            <div class="analytics-donut type-donut" style="--value:{{$scheduledRate}}">
                <div>
                    <strong>{{$scheduledRate}}%</strong>
                    <span>Scheduled</span>
                </div>
            </div>
            <div class="donut-legend">
                <div>
                    <i class="scheduled"></i>
                    <span>Scheduled</span>
                    <strong>{{$data['booking_types']['Scheduled']}}</strong>
                </div>
                <div>
                    <i class="ondemand"></i>
                    <span>On-demand</span>
                    <strong>{{$data['booking_types']['On-demand']}}</strong>
                </div>
            </div>
        </div>
    </section>
</div>
<div class="dashboard-lower-grid">
    <section class="admin-panel profession-ranking">
        <div class="admin-panel-head">
            <div>
                <span>DEMAND INSIGHT</span>
                <h2>Top Professions</h2>
                <p>Ranked by total booking volume.</p>
            </div>
            <a href="{{route('professions')}}">Manage professions</a>
        </div>
        <div class="ranking-list">@forelse($data['top_professions'] as $index=>$profession) <div>
                <b>{{str_pad($index+1,2,'0',STR_PAD_LEFT)}}</b>
                <i style="--profession-color:{{$profession->color_hex}}"></i>
                <span>
                    <strong>{{$profession->name}}</strong>
                    <small>₱{{number_format($profession->paid_value,2)}} paid value</small>
                </span>
                <em>{{$profession->bookings_count}} bookings</em>
            </div>@empty <p class="empty">No profession data available.</p>@endforelse </div>
    </section>
    <section class="admin-panel user-growth">
        <div class="admin-panel-head">
            <div>
                <span>PLATFORM GROWTH</span>
                <h2>User Base</h2>
            </div>
            <a href="{{route('users')}}">Manage users</a>
        </div>
        <div class="user-total">
            <strong>{{number_format($data['users']['total'])}}</strong>
            <span>Total registered users</span>
        </div>
        <div class="user-breakdown">
            <div>
                <span>Clients</span>
                <strong>{{$data['users']['clients']}}</strong>
            </div>
            <div>
                <span>Approved professionals</span>
                <strong>{{$data['users']['professionals']}}</strong>
            </div>
            <div>
                <span>New in 30 days</span>
                <strong>{{$data['users']['new_30d']}}</strong>
            </div>
            <div>
                <span>Average rating</span>
                <strong>{{number_format($data['rating'],1)}}
                    <small>/ 5</small>
                </strong>
            </div>
        </div>
        <div class="signup-chart">@foreach($data['trend'] as $month) <div>
                <span style="height:{{$month->users>0?$month->users/$maxUsers*100:0}}%"></span>
                <small>{{$month->label}}</small>
            </div>@endforeach </div>
    </section>
</div>
<section class="admin-panel recent-bookings">
    <div class="admin-panel-head">
        <div>
            <span>RECENT ACTIVITY</span>
            <h2>Latest Bookings</h2>
        </div>
        <a href="{{route('bookings')}}">View all bookings</a>
    </div>
    <div class="table-scroll">
        <table>
            <thead>
                <tr>
                    <th>Booking</th>
                    <th>Client</th>
                    <th>Professional</th>
                    <th>Type</th>
                    <th>Status</th>
                    <th>Payment</th>
                    <th class="amount-column">Amount</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>@foreach($data['recent'] as $booking) <tr>
                    <td>
                        <b>#{{strtoupper(substr($booking->uuid,0,8))}}</b>
                        <small>{{$booking->created_at?->diffForHumans()}}</small>
                    </td>
                    <td>{{$booking->client?->profile?->full_name??'Client'}}</td>
                    <td>
                        <b>{{$booking->professional?->user?->profile?->full_name??'Professional'}}</b>
                        <small>{{$booking->professional?->profession?->name}}</small>
                    </td>
                    <td>
                        <span class="booking-type {{$booking->type}}">
                            <i data-lucide="{{$booking->type==='realtime'?'zap':'calendar-days'}}"></i>{{$booking->type==='realtime'?'On-demand':'Scheduled'}}
                        </span>
                    </td>
                    <td>
                        <span class="booking-status {{strtolower(str_replace(' ','_',$booking->displayStatus()))}}">
                            <i></i>{{$booking->displayStatus()}}
                        </span>
                    </td>
                    <td>
                        <span class="payment-status {{$booking->payment_status}}">{{ucfirst($booking->payment_status)}}</span>
                    </td>
                    <td class="amount-column">
                        <b>₱{{number_format($booking->amount,2)}}</b>
                    </td>
                    <td>
                        <a class="booking-view" href="{{route('bookings.show',$booking)}}">
                            <i data-lucide="arrow-up-right"></i>
                        </a>
                    </td>
                </tr>@endforeach </tbody>
        </table>
    </div>
</section>
@endsection