@extends('layouts.admin')

@section('title', 'Deposits Report')

@section('content')
<div class="page-header">
    <div class="page-header-left">
        <a href="{{ route('admin.reports.index') }}" class="btn-back">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 12L6 8l4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
            Back to Reports
        </a>
        <h1 class="page-title">Deposits Report</h1>
    </div>
</div>

<div class="card" style="margin-bottom: 1.5rem;">
    <div class="card-body">
        <form method="GET" action="{{ route('admin.reports.deposits') }}" class="filter-bar">
            <div class="filter-group">
                <label class="form-label">From</label>
                <input type="date" name="from" value="{{ request('from', optional(now()->startOfMonth())->format('Y-m-d')) }}" class="form-input">
            </div>
            <div class="filter-group">
                <label class="form-label">To</label>
                <input type="date" name="to" value="{{ request('to', now()->format('Y-m-d')) }}" class="form-input">
            </div>
            <div class="filter-group" style="align-self: flex-end;">
                <button type="submit" class="btn btn-primary btn-sm">Load Report</button>
            </div>
        </form>
    </div>
</div>

<div class="stats-grid stats-grid-4">
    <x-stat-card title="Total Deposits" value="{{ $currency ?? '₦' }}{{ number_format($data['total'] ?? 0, 2) }}" color="green">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 19V5M7 14l5 5 5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
    <x-stat-card title="Approved" value="{{ $currency ?? '₦' }}{{ number_format($data['approved'] ?? 0, 2) }}" color="blue">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5 12l5 5 9-10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
    <x-stat-card title="Pending" value="{{ $currency ?? '₦' }}{{ number_format($data['pending'] ?? 0, 2) }}" color="orange">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/><path d="M12 7v5l3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
    <x-stat-card title="Rejected" value="{{ number_format($data['rejected'] ?? 0) }}" color="red">
        <x-slot:icon>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
        </x-slot:icon>
    </x-stat-card>
</div>
@endsection