@extends('layouts.admin')

@section('title', 'Dashboard')
@section('heading', 'Dashboard')

@section('content')
<section class="dhero">
    <span class="dhero__art" aria-hidden="true"></span>
    <div class="dhero__copy">
        <p class="dhero__date">{{ now()->format('l, j F Y') }}</p>
        <h2><span data-greet>Welcome back</span>, {{ \Illuminate\Support\Str::of(auth()->user()->name)->explode(' ')->first() }}</h2>
        <p>Here is what is happening at {{ seo()->orgName() }} today.</p>
    </div>
    <div class="dhero__btns">
        <a class="btn btn--white btn--sm" href="{{ route('admin.resource.create', 'stories') }}"><svg class="i" aria-hidden="true"><use href="#i-plus"/></svg>New story</a>
        <a class="btn btn--glass btn--sm" href="{{ route('home') }}" target="_blank" rel="noopener"><svg class="i" aria-hidden="true"><use href="#i-external"/></svg>View website</a>
    </div>
</section>

@if ($money)
@php
    $moneyCards = [
        ['Received today', \App\Support\Fmt::rupees($money['today']), route('admin.donations.index'), 'gift'],
        ['This month', \App\Support\Fmt::rupees($money['month']), route('admin.donations.index', ['status' => 'paid', 'from' => now()->startOfMonth()->toDateString()]), 'chart'],
        ['All time ('.$money['count'].' gifts)', \App\Support\Fmt::rupees($money['total']), route('admin.donations.index', ['status' => 'paid']), 'heart'],
        ['Active monthly donors', $money['monthly_donors'], route('admin.donations.index', ['frequency' => 'monthly', 'status' => 'paid']), 'users'],
    ];
@endphp
<ul class="statcards statcards--money">
    @foreach ($moneyCards as [$label, $value, $url, $icon])
        <li>
            <a class="statcard" href="{{ $url }}">
                <span class="statcard__top">
                    <span class="statcard__label">{{ $label }}</span>
                    <span class="statcard__icon statcard__icon--sm" aria-hidden="true"><svg class="i"><use href="#i-{{ $icon }}"/></svg></span>
                </span>
                <span class="statcard__num">{{ $value }}</span>
            </a>
        </li>
    @endforeach
</ul>
@if ($money['pending'])
    <div class="alert alert--warn" role="note"><svg class="i" aria-hidden="true"><use href="#i-info"/></svg><p>{{ $money['pending'] }} donation(s) have been waiting for payment for over an hour. <a href="{{ route('admin.donations.index', ['status' => 'pending']) }}">Review them</a>.</p></div>
@endif
@endif

<ul class="statcards">
    @foreach ($stats as [$label, $value, $url, $icon])
        <li>
            <a class="statcard" href="{{ $url }}">
                <span class="statcard__icon"><svg class="i i--lg" aria-hidden="true"><use href="#i-{{ $icon }}"/></svg></span>
                <span class="statcard__num">{{ $value }}</span>
                <span class="statcard__label">{{ $label }}</span>
            </a>
        </li>
    @endforeach
</ul>

<div class="grid2">
    @php
        $checklistDone = collect($checklist)->filter(fn (array $item): bool => (bool) $item[1])->count();
        $checklistPct = count($checklist) ? (int) round($checklistDone / count($checklist) * 100) : 100;
    @endphp
    <section class="panel">
        <div class="panel__head">
            <h2>Before you launch</h2>
            <span class="panel__meta">{{ $checklistDone }} of {{ count($checklist) }} done</span>
        </div>
        <div class="progress" role="progressbar" aria-label="Launch checklist progress" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{ $checklistPct }}"><span style="width: {{ $checklistPct }}%"></span></div>
        <ul class="checklist">
            @foreach ($checklist as [$text, $done, $url])
                <li @class(['is-done' => $done])>
                    @if ($done)
                        <span class="checklist__dot" aria-hidden="true"><svg class="i"><use href="#i-check"/></svg></span>
                        <span>{{ $text }} <span class="sr-only">(done)</span></span>
                    @else
                        <a href="{{ $url }}">
                            <span class="checklist__dot" aria-hidden="true"></span>
                            <span>{{ $text }}</span>
                            <svg class="i checklist__go" aria-hidden="true"><use href="#i-arrow"/></svg>
                        </a>
                    @endif
                </li>
            @endforeach
        </ul>
    </section>

    <section class="panel">
        <div class="panel__head"><h2>Latest messages</h2><a href="{{ route('admin.inbox.index', 'enquiries') }}">View all</a></div>
        @forelse ($recentEnquiries as $m)
            <a class="row" href="{{ route('admin.inbox.show', ['enquiries', $m->id]) }}">
                <span class="row__main"><strong>{{ $m->name }}</strong> @unless ($m->is_read)<span class="pill pill--new">New</span>@endunless<small>{{ \Illuminate\Support\Str::limit($m->message, 70) }}</small></span>
                <time class="row__time">{{ $m->created_at->diffForHumans(short: true) }}</time>
            </a>
        @empty
            <div class="pempty"><span class="pempty__ico" aria-hidden="true"><svg class="i"><use href="#i-mail"/></svg></span><p><strong>No messages yet</strong>Contact form messages will show up here.</p></div>
        @endforelse
    </section>

    <section class="panel">
        <div class="panel__head"><h2>Latest volunteers</h2><a href="{{ route('admin.inbox.index', 'volunteers') }}">View all</a></div>
        @forelse ($recentVolunteers as $v)
            <a class="row" href="{{ route('admin.inbox.show', ['volunteers', $v->id]) }}">
                <span class="row__main"><strong>{{ $v->name }}</strong> @unless ($v->is_read)<span class="pill pill--new">New</span>@endunless<small>{{ $v->city ?: $v->phone }}</small></span>
                <time class="row__time">{{ $v->created_at->diffForHumans(short: true) }}</time>
            </a>
        @empty
            <div class="pempty"><span class="pempty__ico" aria-hidden="true"><svg class="i"><use href="#i-users"/></svg></span><p><strong>No applications yet</strong>New volunteer sign-ups will appear here.</p></div>
        @endforelse
    </section>

    @if ($money)
    <section class="panel">
        <div class="panel__head"><h2>Latest donations</h2><a href="{{ route('admin.donations.index') }}">View all</a></div>
        @forelse ($recentDonations as $d)
            <a class="row" href="{{ route('admin.donations.show', $d) }}">
                <span class="row__main"><strong>{{ $d->donor_name }} &middot; {{ \App\Support\Fmt::rupees($d->amount) }}</strong><small>{{ $d->purpose }}</small></span>
                <time class="row__time">{{ optional($d->paid_at)->diffForHumans(short: true) }}</time>
            </a>
        @empty
            <div class="pempty"><span class="pempty__ico" aria-hidden="true"><svg class="i"><use href="#i-heart"/></svg></span><p><strong>No donations yet</strong>Paid donations will be listed here as they arrive.</p></div>
        @endforelse
    </section>
    @endif

    <section class="panel">
        <h2>Quick actions</h2>
        <ul class="qa">
            @foreach ([
                ['New story', 'Share news from the field', route('admin.resource.create', 'stories'), 'book'],
                ['New campaign', 'Start a fundraising cause', route('admin.resource.create', 'causes'), 'grid'],
                ['Add photo', 'Upload to the gallery', route('admin.resource.create', 'gallery'), 'camera'],
                ['Upload report', 'Annual or audit report', route('admin.resource.create', 'documents'), 'shield'],
            ] as [$qaTitle, $qaText, $qaUrl, $qaIcon])
                <li>
                    <a class="qa__tile" href="{{ $qaUrl }}">
                        <span class="qa__ico" aria-hidden="true"><svg class="i"><use href="#i-{{ $qaIcon }}"/></svg></span>
                        <span class="qa__txt"><strong>{{ $qaTitle }}</strong><small>{{ $qaText }}</small></span>
                        <svg class="i qa__plus" aria-hidden="true"><use href="#i-plus"/></svg>
                    </a>
                </li>
            @endforeach
        </ul>
    </section>
</div>
@endsection