@extends('admin.layouts.app')

@section('title', 'Dashboard')

@section('content')
<div class="container-fluid py-4">
    <h2 class="mb-4">Dashboard</h2>

    {{-- Stats Cards --}}
    <div class="row g-3 mb-4">
        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <div class="text-muted small">Total Users</div>
                    <div class="fs-2 fw-bold">{{ number_format($stats['total_users']) }}</div>
                    <div class="text-success small">+{{ $stats['new_users_today'] }} today</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <div class="text-muted small">Active Subscriptions</div>
                    <div class="fs-2 fw-bold">{{ number_format($stats['active_subs']) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <div class="text-muted small">Total Content</div>
                    <div class="fs-2 fw-bold">{{ number_format($stats['total_content']) }}</div>
                    <div class="text-muted small">
                        {{ $stats['total_movies'] }} movies · {{ $stats['total_series'] }} series
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <div class="text-muted small">Monthly Revenue</div>
                    <div class="fs-2 fw-bold">${{ number_format($stats['revenue_month'], 2) }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-3">
        {{-- Plan Breakdown --}}
        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header bg-white fw-semibold">Subscription Plans</div>
                <div class="card-body">
                    @foreach(['basic','standard','premium'] as $plan)
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-capitalize">{{ $plan }}</span>
                        <span class="badge bg-primary">{{ $stats['plan_breakdown'][$plan] ?? 0 }}</span>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- Top Content --}}
        <div class="col-md-8">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-header bg-white fw-semibold">Top Content by Views</div>
                <div class="card-body p-0">
                    <table class="table table-sm mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Title</th>
                                <th>Type</th>
                                <th>Views</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($stats['top_content'] as $item)
                            <tr>
                                <td>{{ $item->title }}</td>
                                <td><span class="badge bg-secondary">{{ $item->type }}</span></td>
                                <td>{{ number_format($item->views_count) }}</td>
                                <td>
                                    <a href="{{ route('admin.content.show', $item) }}"
                                       class="btn btn-sm btn-outline-primary">View</a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection