@extends('layouts.admin')

@section('title', $k['title'])
@section('heading', $k['title'])

@php
    $icons = ['enquiries' => 'mail', 'volunteers' => 'users', 'subscribers' => 'heart'];
    $colKeys = array_keys($k['cols']);
    $firstKey = $colKeys[0];
    $metaKeys = array_values(array_diff($colKeys, [$firstKey, 'type', 'created_at']));
    $dateKey = array_key_exists('created_at', $k['cols']) ? 'created_at' : null;
    $typeLabels = ['contact' => 'Contact', 'partner' => 'Partner', 'campaign' => 'Campaign'];
    $activeType = request('type');
    $base = route('admin.inbox.index', $k['key']);
@endphp

@section('content')
<header class="rhead">
    <div class="rhead__id">
        <span class="rhead__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-{{ $icons[$k['key']] ?? 'mail' }}"/></svg></span>
        <div>
            <h2>{{ $k['title'] }}</h2>
            <p><strong>{{ $items->total() }}</strong> {{ $items->total() === 1 ? $k['single'] : \Illuminate\Support\Str::plural($k['single']) }}@if ($k['has_read'] && ($unreadCount ?? 0)) &middot; <strong class="ibox__unread">{{ $unreadCount }} unread</strong>@endif</p>
        </div>
    </div>
    <div class="rhead__act">
        <form class="rsearch" action="{{ $base }}" method="get" role="search">
            <label class="sr-only" for="q">Search</label>
            <svg class="i" aria-hidden="true"><use href="#i-search"/></svg>
            <input id="q" type="search" name="q" value="{{ $q }}" placeholder="Search name or email...">
            @if (request('unread'))<input type="hidden" name="unread" value="1">@endif
            @if ($activeType)<input type="hidden" name="type" value="{{ $activeType }}">@endif
            @if ($q)<a class="rsearch__clear" href="{{ $base }}" aria-label="Clear search"><svg class="i" aria-hidden="true"><use href="#i-close"/></svg></a>@endif
            <button class="sr-only" type="submit">Search</button>
        </form>
        <a class="btn btn--ghost btn--sm" href="{{ route('admin.inbox.export', $k['key']) }}"><svg class="i" aria-hidden="true"><use href="#i-download"/></svg>Export CSV</a>
    </div>
</header>

@if (! empty($growth))
<ul class="dsum dsum--three">
    <li class="dsum__card dsum__card--green">
        <span class="dsum__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-heart"/></svg></span>
        <div><span class="dsum__label">Total subscribers</span><strong class="dsum__num">{{ number_format($growth['total']) }}</strong></div>
    </li>
    <li class="dsum__card dsum__card--blue">
        <span class="dsum__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-chart"/></svg></span>
        <div><span class="dsum__label">Joined this month</span><strong class="dsum__num">{{ number_format($growth['month']) }}</strong></div>
    </li>
    <li class="dsum__card dsum__card--amber">
        <span class="dsum__ico" aria-hidden="true"><svg class="i i--lg"><use href="#i-plus"/></svg></span>
        <div><span class="dsum__label">Last 7 days</span><strong class="dsum__num">{{ number_format($growth['week']) }}</strong></div>
    </li>
</ul>
@endif

@if ($k['has_read'] || $k['key'] === 'enquiries')
<nav class="itabs" aria-label="Filter {{ strtolower($k['title']) }}">
    <a href="{{ $base }}" @class(['is-on' => ! request('unread') && ! $activeType])>All</a>
    @if ($k['has_read'])<a href="{{ $base }}?unread=1" @class(['is-on' => request('unread')])>Unread</a>@endif
    @if ($k['key'] === 'enquiries')
        @foreach ($typeLabels as $tk => $tl)
            <a href="{{ $base }}?type={{ $tk }}" @class(['is-on' => $activeType === $tk])>{{ $tl }}</a>
        @endforeach
    @endif
</nav>
@endif

@if ($items->isEmpty())
    <div class="empty"><svg class="i i--lg" aria-hidden="true"><use href="#i-{{ $icons[$k['key']] ?? 'mail' }}"/></svg><p>@if ($q || request('unread') || $activeType) Nothing matches your filters. @else Nothing here yet. @endif</p></div>
@else
    <ul class="ibox">
        @foreach ($items as $item)
            @php
                $unread = $k['has_read'] && ! $item->is_read;
                $titleVal = (string) $item->{$firstKey};
                $metaIcons = ['email' => 'mail', 'phone' => 'phone', 'city' => 'pin', 'subject' => 'book', 'availability' => 'users'];
                $meta = collect($metaKeys)
                    ->mapWithKeys(fn ($mk) => [$mk => trim((string) $item->{$mk})])
                    ->filter()
                    ->map(fn ($v, $mk) => $mk === 'availability'
                        ? (\App\Http\Controllers\Site\VolunteerController::AVAILABILITY[$v] ?? $v)
                        : \Illuminate\Support\Str::limit($v, 60));
                $url = $k['has_show'] ? route('admin.inbox.show', [$k['key'], $item->id]) : null;
            @endphp
            <li @class(['irow', 'is-unread' => $unread])>
                <span class="irow__av" aria-hidden="true">{{ mb_strtoupper(mb_substr($titleVal, 0, 1)) }}</span>
                <div class="irow__main">
                    <div class="irow__top">
                        @if ($url)<a class="irow__title" href="{{ $url }}">{{ $titleVal }}</a>@elseif (str_contains($titleVal, '@'))<a class="irow__title irow__title--mail" href="mailto:{{ $titleVal }}">{{ $titleVal }}</a>@else<span class="irow__title">{{ $titleVal }}</span>@endif
                        @if ($unread)<span class="pill pill--new">New</span>@endif
                        @if (isset($item->type) && $item->type)<span class="pill pill--tag">{{ $typeLabels[$item->type] ?? 'Contact' }}</span>@endif
                    </div>
                    @if ($meta->isNotEmpty())
                        <ul class="irow__chips">
                            @foreach ($meta as $mk => $mv)
                                <li><svg class="i" aria-hidden="true"><use href="#i-{{ $metaIcons[$mk] ?? 'info' }}"/></svg><span>{{ $mv }}</span></li>
                            @endforeach
                        </ul>
                    @endif
                </div>
                @if ($dateKey)<time class="irow__time" datetime="{{ $item->created_at->toIso8601String() }}" title="{{ $item->created_at->format('j M Y, g:i a') }}">{{ $item->created_at->diffForHumans(short: true) }}</time>@endif
                <div class="rowact">
                    @if ($url)<a class="iconbtn" href="{{ $url }}" aria-label="Open" title="Open"><svg class="i" aria-hidden="true"><use href="#i-eye"/></svg></a>@endif
                    <form action="{{ route('admin.inbox.destroy', [$k['key'], $item->id]) }}" method="post" data-confirm="Delete this {{ $k['single'] }}? This cannot be undone.">
                        @csrf @method('DELETE')
                        <button class="iconbtn iconbtn--danger" type="submit" aria-label="Delete" title="Delete"><svg class="i" aria-hidden="true"><use href="#i-trash"/></svg></button>
                    </form>
                </div>
            </li>
        @endforeach
    </ul>
    {{ $items->links() }}
@endif
@endsection