@extends('layouts.app')
@section('title', 'Reports')

@section('content')
    <div class="page-head">
        <div><h1>Reports &amp; analytics</h1><p>Business intelligence across every subsystem.</p></div>
    </div>

    <div class="grid grid-3">
        @foreach ([
            ['route' => 'reports.financial', 'title' => 'Financial performance', 'icon' => '&#128176;',
             'desc' => 'Revenue, MRR, ARPU, collection rate, aging and margin by month.'],
            ['route' => 'reports.subscribers', 'title' => 'Subscriber analytics', 'icon' => '&#128101;',
             'desc' => 'Growth, churn, plan mix, segment performance and cohort retention.'],
            ['route' => 'reports.support', 'title' => 'Support performance', 'icon' => '&#9993;',
             'desc' => 'SLA adherence, first response, resolution time, agent load and CSAT.'],
            ['route' => 'reports.network', 'title' => 'Network performance', 'icon' => '&#128225;',
             'desc' => 'Availability, latency, interface utilisation, alert volume and top offenders.'],
            ['route' => 'reports.collections', 'title' => 'Collections &amp; aging', 'icon' => '&#128181;',
             'desc' => 'Receivables by aging bucket, dunning outcomes and recovery performance.'],
        ] as $report)
            <a href="{{ route($report['route']) }}" class="card" style="text-decoration:none;color:inherit;display:block;">
                <div class="card-body">
                    <div style="font-size:1.6rem;margin-bottom:.4rem;">{!! $report['icon'] !!}</div>
                    <h3 style="margin-bottom:.3rem;">{!! $report['title'] !!}</h3>
                    <p class="small muted mb-0">{!! $report['desc'] !!}</p>
                </div>
            </a>
        @endforeach
    </div>

    <div class="card">
        <div class="card-head"><h3>Quick exports</h3>
            <span class="sub">CSV downloads for the selected period</span></div>
        <div class="card-body">
            <form method="GET" action="{{ route('reports.export', ['report' => 'invoices']) }}" class="filters mb-2">
                <div class="field"><label>From</label>
                    <input type="date" name="from" value="{{ now()->startOfMonth()->toDateString() }}"></div>
                <div class="field"><label>To</label>
                    <input type="date" name="to" value="{{ now()->endOfMonth()->toDateString() }}"></div>
                <div class="field" style="flex:0 0 auto;"><label>&nbsp;</label>
                    <button type="submit" class="btn secondary">Set period</button></div>
            </form>
            <div class="btn-group">
                <a href="{{ route('reports.export', ['report' => 'invoices', 'from' => now()->startOfMonth()->toDateString(), 'to' => now()->endOfMonth()->toDateString()]) }}"
                   class="btn secondary sm">Invoices</a>
                <a href="{{ route('reports.export', ['report' => 'payments', 'from' => now()->startOfMonth()->toDateString(), 'to' => now()->endOfMonth()->toDateString()]) }}"
                   class="btn secondary sm">Payments</a>
                <a href="{{ route('reports.export', ['report' => 'bandwidth', 'from' => now()->startOfMonth()->toDateString(), 'to' => now()->endOfMonth()->toDateString()]) }}"
                   class="btn secondary sm">Bandwidth</a>
                <a href="{{ route('reports.export', ['report' => 'churn', 'from' => now()->startOfMonth()->toDateString(), 'to' => now()->endOfMonth()->toDateString()]) }}"
                   class="btn secondary sm">Churn</a>
                <a href="{{ route('reports.export', ['report' => 'financial', 'from' => now()->startOfMonth()->toDateString(), 'to' => now()->endOfMonth()->toDateString()]) }}"
                   class="btn secondary sm">Financial summary</a>
            </div>
        </div>
    </div>
@endsection