@extends('layouts.dashboard')

@section('content')
@php
/**
 * Newsletter subscribers — who signed up, when, and a CSV of the same list.
 *
 * @var array  $rows      subscriber rows for this page [id, email, created_at]
 * @var array  $pager     pagination metadata
 * @var string $q         active search term
 * @var int    $total     rows matching the search
 * @var array  $members   lowercased addresses that also hold an account
 */
$exportQuery = $q !== '' ? ('?' . http_build_query(['q' => $q])) : '';
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
<div class="qm-card">
    <div class="qm-ops-head">
        <div>
            <div class="d-flex align-items-center gap-2">
                <h2 class="mb-0">{{ t_raw('admin.subscribers.title') }}</h2>
                @if (!empty($pager['total']))<span class="qm-pill qm-pill-grey">{{ t_raw('admin.subscribers.total_pill', [':count' => (int) $pager['total']]) }}</span>@endif
            </div>
            <p class="qm-ops-sub mb-0">{{ t_raw('admin.subscribers.subhead') }}</p>
        </div>
        <a href="{{ url('/admin/subscribers/export' . $exportQuery) }}" class="qm-btn qm-btn-outline"><i class="fas fa-file-csv me-1" aria-hidden="true"></i>{{ t_raw('common.export_csv') }}</a>
    </div>

    <form method="get" action="{{ route('admin.subscribers') }}" class="qm-order-filters">
        @partial('filter-collapse')
        <div class="qm-of-field qm-of-grow">
            <label class="qm-of-label" for="sub-q">{{ t_raw('common.search') }}</label>
            <input type="search" name="q" id="sub-q" class="form-control" value="{{ $q }}" placeholder="{{ t_raw('admin.subscribers.search_placeholder') }}">
        </div>
        <div class="qm-of-actions">
            <a href="{{ route('admin.subscribers') }}" class="qm-filter-reset{{ ($q !== '') ? ' is-active' : '' }}">{{ t_raw('common.reset') }}</a>
        </div>
    </form>

    <div class="table-responsive">
    @php /* Subscribed renders via fmt_datetime(), which Date.parse() cannot read, so that
              cell carries the raw timestamp in data-sort-value. */
@endphp
    <table class="qm-table" data-sortable>
        <thead><tr>
            <th scope="col" data-sort="text">{{ t_raw('common.email') }}</th>
            <th scope="col">{{ t_raw('admin.subscribers.col_account') }}</th>
            <th scope="col" data-sort="date" class="text-end">{{ t_raw('admin.subscribers.col_subscribed') }}</th>
        </tr></thead>
        <tbody>
            @if ($rows)
            @foreach ($rows as $s)
@php $email = (string) $s['email']; $isMember = isset($members[mb_strtolower($email)]); @endphp
            <tr>
                <td>
                    <div class="qm-tbl-id">
                        {!! brandmark_html(null, $email, 'md', 'qm-brandmark--round') !!}
                        <div class="qm-tbl-id-text">
                            <strong><a href="mailto:{{ $email }}">{{ $email }}</a></strong>
                        </div>
                    </div>
                </td>
                <td><span class="qm-pill {{ $isMember ? 'qm-pill-green' : 'qm-pill-grey' }}">{!! $isMember ? t('admin.subscribers.badge_member') : t('admin.subscribers.badge_guest') !!}</span></td>
                <td class="qm-cell-body qm-nowrap text-end" data-sort-value="{{ (string) $s['created_at'] }}">{!! fmt_datetime($s['created_at']) !!}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 3, 'icon' => 'fa-envelope-open-text', 'msg' => $q !== '' ? t_raw('admin.subscribers.empty_filtered') : t_raw('admin.subscribers.empty')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pager, 'base' => '/admin/subscribers'])
</div>

</div>@php /* /.qm-d2 */
@endphp
@endsection