@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Revenue')

@section('content')
<main class="portal-workspace portal-light-type" data-revenue-dashboard>
    <header class="portal-page-header">
        <div><span class="portal-eyebrow">Revenue overview</span><h1>Revenue</h1><p>Revenue from completed plot purchases.</p></div>
        <span class="portal-status">{{ $periodLabel }}</span>
    </header>

    @if($errors->any())<div class="alert alert-danger" role="alert">{{ $errors->first() }}</div>@endif
    <section class="portal-card" aria-label="Revenue filters">
        <form class="portal-filter-bar revenue-filters" action="{{ route('revenue.index') }}" method="GET">
            <div class="revenue-period-fields">
                <label>Period<select name="period" data-revenue-period>
                    @foreach(['ytd' => 'Year to date', 'range' => 'Custom month range', 'month' => 'Single month', 'yoy' => 'Year over year (month)', 'all' => 'All months'] as $value => $label)<option value="{{ $value }}" @selected($filters['period'] === $value)>{{ $label }}</option>@endforeach
                </select></label>
                <label data-revenue-periods="month yoy">Month<input type="month" name="month" value="{{ $filters['month'] }}"></label>
                <label data-revenue-periods="range">From month<input type="month" name="start_month" value="{{ $filters['start_month'] }}"></label>
                <label data-revenue-periods="range">Through month<input type="month" name="end_month" value="{{ $filters['end_month'] }}"></label>
                <p class="revenue-period-hint" data-revenue-periods="ytd">From 1 January through today.</p>
                <p class="revenue-period-hint" data-revenue-periods="yoy">Compare the selected month with the same month last year.</p>
            </div>
            <label>Project<select name="project"><option value="">All projects</option>@foreach($projects as $project)<option value="{{ $project->id }}" @selected((string) $filters['project'] === (string) $project->id)>{{ $project->name }}</option>@endforeach</select></label>
            <label>Property owner<select name="owner"><option value="">All owners</option>@foreach($owners as $owner)<option value="{{ $owner->id }}" @selected((string) $filters['owner'] === (string) $owner->id)>{{ $owner->name }}</option>@endforeach</select></label>
            <label>Search<input type="search" name="search" value="{{ $filters['search'] }}" placeholder="Order, plot, customer or project" maxlength="100"></label>
            @if(request()->filled('per_page'))<input type="hidden" name="per_page" value="{{ request('per_page') }}">@endif
            <button class="btn btn-mlk-primary" type="submit">Apply</button>
            <a class="btn btn-mlk-outline" href="{{ route('revenue.index') }}">Reset</a>
        </form>
    </section>

    <div class="portal-kpi-grid portal-kpi-grid--four">
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="mdi mdi-cash-multiple" aria-hidden="true"></i></span><span class="portal-kpi-label">Revenue earned</span><strong>TZS {{ number_format($metrics['revenue'], 2) }}</strong></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon tone-dark"><i class="mdi mdi-wallet-outline" aria-hidden="true"></i></span><span class="portal-kpi-label">Completed order value</span><strong>TZS {{ number_format($metrics['order_value'], 2) }}</strong></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon tone-orange"><i class="mdi mdi-map-marker-outline" aria-hidden="true"></i></span><span class="portal-kpi-label">Completed plots · {{ number_format($metrics['orders']) }} orders</span><strong>{{ number_format($metrics['plots']) }}</strong></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="mdi mdi-chart-line" aria-hidden="true"></i></span><span class="portal-kpi-label">Average revenue per order</span><strong>TZS {{ number_format($metrics['average_revenue'], 2) }}</strong></article>
    </div>

    @if($comparison)
        <p class="revenue-comparison">
            @if($comparison['change'] !== null)
                <span class="{{ $comparison['change'] < 0 ? 'text-danger' : 'text-success' }}">{{ $comparison['change'] > 0 ? '+' : '' }}{{ number_format($comparison['change'], 1) }}%</span>
                {{ $comparison['kind'] }} compared with {{ $comparison['label'] }} (TZS {{ number_format($comparison['revenue'], 2) }}).
            @else
                {{ $comparison['label'] }} had no revenue to compare with.
            @endif
            <small class="text-muted">{{ $comparison['note'] }}</small>
        </p>
    @endif

    <div class="revenue-grid">
        <section class="portal-card">
            <header class="portal-card-header"><div><h2>Revenue trend{{ $filters['period'] === 'yoy' ? ' · year over year' : '' }}</h2><p>{{ $trend['label'] }} · monthly revenue and completed orders</p></div></header>
            <div id="revenue-trend-chart" class="revenue-chart" aria-hidden="true"></div>
            <details class="revenue-trend-table"><summary>View monthly figures</summary>
                <div class="table-responsive"><table class="table portal-table"><caption class="sr-only">Monthly revenue and completed orders for {{ $trend['label'] }}</caption><thead><tr><th>Month</th><th>Revenue (TZS)</th>@if(isset($trend['previous_revenue']))<th>Same month last year (TZS)</th>@endif<th>Completed orders</th></tr></thead><tbody>
                @foreach($trend['labels'] as $index => $label)<tr><td>{{ $label }}</td><td>{{ number_format($trend['revenue'][$index], 2) }}</td>@if(isset($trend['previous_revenue']))<td>{{ number_format($trend['previous_revenue'][$index], 2) }}<small>{{ $trend['previous_labels'][$index] }}</small></td>@endif<td>{{ number_format($trend['orders'][$index]) }}</td></tr>@endforeach
                </tbody></table></div>
            </details>
        </section>
        <section class="portal-card">
            <header class="portal-card-header"><div><h2>Leading projects</h2><p>Contribution to {{ strtolower($periodLabel) }}</p></div></header>
            <div class="revenue-projects">
                @forelse($topProjects as $project)
                    @php($share = (float) $metrics['revenue'] > 0 ? round((float) $project->revenue / (float) $metrics['revenue'] * 100, 1) : 0)
                    <article class="revenue-project"><div><strong>{{ $project->name }}</strong><span>{{ number_format($share, 1) }}%</span></div><div class="revenue-project-track" aria-hidden="true"><span style="width: {{ min(100, $share) }}%"></span></div><small>{{ number_format($project->orders) }} orders · TZS {{ number_format($project->revenue, 2) }}</small></article>
                @empty
                    <div class="portal-empty"><i class="mdi mdi-home-city-outline" aria-hidden="true"></i><h3>No project revenue yet</h3><p>Completed orders will appear here.</p></div>
                @endforelse
            </div>
        </section>
    </div>

    @if($largestPurchase)
        <section class="portal-card revenue-insight"><i class="mdi mdi-trophy-outline" aria-hidden="true"></i><div><h2>Largest completed purchase</h2><p>{{ $largestPurchase->property_name }} · Plot {{ $largestPurchase->plot_number ?: '—' }} · Order {{ $largestPurchase->order_reference }}</p><p>TZS {{ number_format($largestPurchase->order_value, 2) }} order value, earning TZS {{ number_format($largestPurchase->revenue_amount, 2) }}.</p></div></section>
    @endif

    <section class="portal-card">
        <header class="portal-card-header"><div><h2>Completed plot purchases</h2><p>{{ number_format($sales->total()) }} completed orders · {{ $periodLabel }}</p></div></header>
        @if($metrics['estimated_dates'])<p class="revenue-date-note">{{ number_format($metrics['estimated_dates']) }} historical orders have estimated completion dates based on their last successful payment or order history.</p>@endif
        <div class="table-responsive"><table class="table portal-table"><thead><tr><th>Order / Customer</th><th>Project / Plot</th><th>Property owner</th><th>Order value (TZS)</th><th>Revenue (TZS)</th><th>Completed</th></tr></thead><tbody>
            @forelse($sales as $sale)
                @php($orderUrl = $sale->order && $sale->order->plot && $sale->order->property ? url('/property/orders/view/' . encrypt($sale->order_id)) : null)
                <tr @if($orderUrl) class="portal-clickable-row" data-href="{{ $orderUrl }}" tabindex="0" role="link" aria-label="View order {{ $sale->order_reference }}" @endif><td>
                    @if($orderUrl)<a href="{{ $orderUrl }}">{{ $sale->order_reference }}</a>@else<strong>{{ $sale->order_reference }}</strong>@endif
                    <small>{{ $sale->customer_name }}</small>
                </td><td><strong>{{ $sale->property_name }}</strong><small>Plot {{ $sale->plot_number ?: '—' }}</small></td><td>{{ $sale->property_owner_name }}</td><td class="text-nowrap">{{ number_format($sale->order_value, 2) }}</td><td class="text-nowrap"><strong>{{ number_format($sale->revenue_amount, 2) }}</strong></td><td class="text-nowrap">{{ $sale->completed_at->setTimezone($timezone)->format('d M Y, H:i') }}@if($sale->completion_date_estimated)<small>Estimated date</small>@endif</td></tr>
            @empty
                <tr><td colspan="6"><div class="portal-empty"><i class="mdi mdi-cash-multiple" aria-hidden="true"></i><h3>No completed purchases found</h3><p>Try another month or clear the filters.</p></div></td></tr>
            @endforelse
        </tbody></table></div>
        @include('partials.directory-pagination', ['paginator' => $sales])
    </section>
    <p class="text-muted small">Revenue is earned at order completion. Reporting dates use {{ $timezone }}.</p>
</main>
@endsection

@push('scripts')
<script type="application/json" id="revenue-trend-data">@json($trend)</script>
<script src="{{ asset('/web/assets/js/revenue-dashboard.js') }}?v=3"></script>
@endpush