@extends('layouts.admin')

@section('title', 'Analytics')

@section('content')
<div class="row g-3 mb-4">
    <div class="col-lg-4">
        <div class="stat-card">
            <p class="stat-label">Success rate (all time)</p>
            <p class="stat-value">{{ $successRate }}%</p>
        </div>
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-7">
        <div class="card h-100">
            <div class="card-header bg-white fw-semibold">Downloads - last 30 days</div>
            <div class="card-body">
                @php $max = max(1, $daily->max() ?? 1); @endphp
                @if($daily->isEmpty())
                    <p class="small text-body-secondary mb-0">No data yet.</p>
                @else
                    {{-- Dependency-free CSS bar chart --}}
                    <div class="bar-chart" role="img" aria-label="Daily downloads for the last 30 days">
                        @foreach($daily as $day => $total)
                            <div class="bar-col" title="{{ $day }}: {{ $total }}">
                                <div class="bar" style="height: {{ (int) round($total / $max * 100) }}%"></div>
                            </div>
                        @endforeach
                    </div>
                    <p class="small text-body-secondary mt-2 mb-0">Peak day: {{ $max }} downloads</p>
                @endif
            </div>
        </div>
    </div>
    <div class="col-lg-5">
        <div class="card h-100">
            <div class="card-header bg-white fw-semibold">By media type</div>
            <div class="card-body">
                @if($byType->isEmpty())
                    <p class="small text-body-secondary mb-0">No data yet.</p>
                @else
                    @php $typeMax = max(1, $byType->max()); @endphp
                    @foreach($byType as $type => $total)
                        <div class="mb-3">
                            <div class="d-flex justify-content-between small mb-1">
                                <span class="text-capitalize">{{ $type }}</span>
                                <span class="text-body-secondary">{{ number_format($total) }}</span>
                            </div>
                            <div class="progress" role="progressbar" aria-label="{{ $type }} downloads"
                                 aria-valuenow="{{ $total }}" aria-valuemin="0" aria-valuemax="{{ $typeMax }}" style="height: 8px;">
                                <div class="progress-bar bar-grad" style="width: {{ (int) round($total / $typeMax * 100) }}%"></div>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
</div>
@endsection