@extends('layouts.dashboard')

@section('content')
@php
/**
 * SMS delivery log — every text the gateway sent, every one the provider refused, and every
 * one that never left the building. The sibling of the email log for the other channel.
 *
 * `blocked` is its own outcome on purpose: "we never called the provider" and "the provider
 * said no" are different problems with different fixes, and one shared "failed" hides which
 * one an operator is looking at. There is no resend action — see SmsLogController.
 *
 * @var array  $rows       the current page, newest first
 * @var array  $counts     ['sent'=>int,'failed'=>int,'blocked'=>int] across the whole log
 * @var int    $segments   billed segments across every delivered message
 * @var int    $total      rows matching the active filter
 * @var array  $pagination paginate() metadata
 * @var string $status     active status filter ('' = all)
 * @var string $purpose    active purpose filter ('' = all)
 * @var string $q          active search term
 * @var array  $purposes   the purposes the gateway sends
 * @var string $reason     why sending is not possible right now ('' = the gateway is ready)
 */
$statusPill = [
    'sent'    => 'qm-pill-green',
    'failed'  => 'qm-pill-red',
    'blocked' => 'qm-pill-amber',
];
$statusLabel = [
    'sent'    => t_raw('admin.sms_log.status_sent'),
    'failed'  => t_raw('admin.sms_log.status_failed'),
    'blocked' => t_raw('admin.sms_log.status_blocked'),
];
$hasFilters = $status !== '' || $purpose !== '' || $q !== '';
$delivered  = (int) $counts['sent'];
$attempted  = $delivered + (int) $counts['failed'];
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
<div class="qm-kpi-grid">
    @partial('kpi-card', ['label' => t_raw('admin.sms_log.kpi_sent'),    'value' => number_format($delivered),           'icon' => 'fa-paper-plane', 'accent' => 'green'])
    @partial('kpi-card', ['label' => t_raw('admin.sms_log.kpi_failed'),  'value' => number_format($counts['failed']),    'icon' => 'fa-exclamation-triangle', 'accent' => 'rose'])
    @partial('kpi-card', ['label' => t_raw('admin.sms_log.kpi_blocked'), 'value' => number_format($counts['blocked']),   'icon' => 'fa-ban', 'accent' => 'amber'])
    @partial('kpi-card', ['label' => t_raw('admin.sms_log.kpi_delivery_rate'), 'value' => $attempted > 0 ? number_format($delivered / $attempted * 100, 1) . '%' : '—', 'icon' => 'fa-percentage', 'accent' => 'blue'])
    @php // What the operator is actually billed for. A 400-character message is one row here
          // and three messages on the invoice, so a count of rows would understate the bill.
@endphp
    @partial('kpi-card', ['label' => t_raw('admin.sms_log.kpi_segments'), 'value' => number_format($segments), 'icon' => 'fa-sms', 'accent' => 'violet'])
</div>

<div class="qm-card">
    <div class="qm-ops-head">
        <div class="d-flex align-items-center gap-2">
            <h2 class="mb-0">{{ t_raw('admin.sms_log.list_heading') }}</h2>
            @if ($reason !== '')
            @php // The exact reason, not a generic "not configured": switched off, no
                  // credentials and no sender identity are three different fixes.
@endphp
            <button type="button" class="qm-tip" aria-label="{{ $reason }}" data-qm-tip="{{ $reason }}">
                <i class="fas fa-info-circle" aria-hidden="true"></i>
            </button>
            @endif
            @if ($total > 0)<span class="qm-pill qm-pill-grey">{{ t_raw('admin.sms_log.total_pill', [':count' => number_format($total)]) }}</span>@endif
        </div>
    </div>

    <form method="get" action="{{ route('admin.sms-log') }}" class="qm-order-filters">
        @partial('filter-collapse')
        <div class="qm-of-field">
            <label class="qm-of-label" for="sl-status">{{ t_raw('common.status') }}</label>
            <select name="status" id="sl-status" class="form-select" data-choices>
                <option value="">{{ t_raw('admin.sms_log.opt_all_statuses') }}</option>
                @foreach (['sent', 'failed', 'blocked'] as $s)
                <option value="{{ $s }}"{{ $status === $s ? ' selected' : '' }}>{{ $statusLabel[$s] }}</option>
                @endforeach
            </select>
        </div>
        <div class="qm-of-field">
            <label class="qm-of-label" for="sl-purpose">{{ t_raw('admin.sms_log.col_purpose') }}</label>
            <select name="purpose" id="sl-purpose" class="form-select" data-choices>
                <option value="">{{ t_raw('admin.sms_log.opt_all_purposes') }}</option>
                @foreach ($purposes as $p)
                <option value="{{ $p }}"{{ $purpose === $p ? ' selected' : '' }}>{{ t_raw('admin.sms_log.purpose_' . $p) }}</option>
                @endforeach
            </select>
        </div>
        <div class="qm-of-field qm-of-grow">
            <label class="qm-of-label" for="sl-q">{{ t_raw('common.search') }}</label>
            <input type="search" name="q" id="sl-q" class="form-control" placeholder="{{ t_raw('admin.sms_log.search_placeholder') }}" value="{{ $q }}">
        </div>
        <div class="qm-of-actions">
            <a href="{{ route('admin.sms-log') }}" class="qm-filter-reset{{ $hasFilters ? ' is-active' : '' }}">{{ t_raw('common.reset') }}</a>
        </div>
    </form>

    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ t_raw('admin.sms_log.caption') }}</caption>
        <thead><tr>
            <th data-sort="text">{{ t_raw('admin.sms_log.col_recipient') }}</th>
            <th data-sort="text">{{ t_raw('admin.sms_log.col_message') }}</th>
            <th data-sort="text">{{ t_raw('common.status') }}</th>
            <th data-sort="number">{{ t_raw('admin.sms_log.col_segments') }}</th>
            <th data-sort="date">{{ t_raw('admin.sms_log.col_when') }}</th>
        </tr></thead>
        <tbody>
            @if ($rows)
            @foreach ($rows as $r)
@php $st = (string) $r['status']; $pu = (string) ($r['purpose'] ?? ''); @endphp
            <tr>
                <td>
                    <div class="qm-tbl-id-text">
                        <strong>{{ $r['to_number'] }}</strong>
                        @php // Who the message belongs to: the purpose always, and the restaurant
                              // when it is one restaurant's (the table-ready alert).
@endphp
                        <small>{!! $pu !== '' ? t('admin.sms_log.purpose_' . $pu) : '—' !!}{!! !empty($r['restaurant_name']) ? ' · ' . e((string) $r['restaurant_name']) : '' !!}</small>
                    </div>
                </td>
                <td class="qm-cell-body">{{ $r['body'] }}</td>
                <td>
                    <span class="qm-pill {{ $statusPill[$st] ?? 'qm-pill-grey' }}">{{ $statusLabel[$st] ?? $st }}</span>
                    @if ($st !== 'sent' && !empty($r['error']))
                    @php // The provider's own sentence, verbatim. On a trial account "the number is
                          // unverified" is the whole answer, and paraphrasing it loses it.
@endphp
                    <small class="qm-cell-sub d-block">{{ $r['error'] }}</small>
                    @endif
                </td>
                <td>{{ (int) $r['segments'] }}</td>
                <td class="qm-cell-body" data-sort-value="{{ (string) ($r['sent_at'] ?: $r['created_at']) }}">{!! fmt_datetime($r['sent_at'] ?: $r['created_at']) !!}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 5, 'icon' => 'fa-sms', 'msg' => $hasFilters ? t_raw('admin.sms_log.empty_search') : t_raw('admin.sms_log.empty')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pagination, 'base' => '/admin/sms-log'])
</div>

@if ($counts['sent'] > 0)
<div class="qm-card">
    <div class="qm-ops-head"><h2 class="mb-0">{{ t_raw('admin.sms_log.housekeeping_title') }}</h2></div>
    <form method="post" action="{{ route('admin.sms-log.prune') }}" class="qm-order-filters">
        @csrf
        <div class="qm-of-field">
            <label class="qm-of-label" for="sl-days">{{ t_raw('admin.sms_log.prune_older_than') }}</label>
            <select name="days" id="sl-days" class="form-select" data-choices>
                <option value="30">{{ t_raw('admin.sms_log.prune_30') }}</option>
                <option value="90" selected>{{ t_raw('admin.sms_log.prune_90') }}</option>
                <option value="180">{{ t_raw('admin.sms_log.prune_180') }}</option>
                <option value="365">{{ t_raw('admin.sms_log.prune_365') }}</option>
            </select>
        </div>
        <div class="qm-of-field">
            <button type="submit" class="qm-btn qm-btn-outline">{{ t_raw('admin.sms_log.prune_action') }}</button>
        </div>
    </form>
</div>
@endif

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