@extends('layouts.dashboard')

@section('content')
@php

/**
 * Push notifications — shared by the admin (platform) and vendor (own-staff)
 * dashboards. $scope decides the audience options and the endpoints.
 * Reuses the .qm-card / .qm-table / .modal patterns; no new styles.
 *
 * @var string $scope 'platform' | 'restaurant'
 * @var array  $rows
 * @var array  $pager
 * @var array  $audiences   selectable audience keys for this scope
 * @var string $baseUrl     '/admin/push-notifications' | '/vendor/push-notifications'
 * @var array|null $form     carried-back input after a validation error
 */
$rows = $rows ?? [];
$audiences = $audiences ?? [];
$form = $form ?? null;
// Human label for an audience key. Platform 'staff' = all staff; a restaurant
// send's 'staff' is the vendor's own team, so it reads "My staff".
$audienceLabel = static function (string $scope, string $aud): string {
    if ($scope === 'restaurant') {
        // 'staff' is the whole team; any other value is one staff role (kitchen, host, …).
        return $aud === 'staff' ? t_raw('push.aud_my_staff') : role_label($aud);
    }
    return t_raw('push.aud_' . $aud);
};
@endphp
@php // Page primary action -> top-bar subheader slot, like every sibling list page.
ob_start();
@endphp
<button type="button" class="qm-btn" data-bs-toggle="modal" data-bs-target="#pushModal"><i class="fas fa-bullhorn me-1" aria-hidden="true"></i>{{ t_raw('push.new_btn') }}</button>
@php \App\Support\View::slot('subhead', ob_get_clean());
@endphp
<div class="qm-card">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('push.list_heading') }}</h2>
            <p class="qm-ops-sub mb-0">{!! $scope === 'restaurant' ? t('push.sub_vendor') : t('push.sub_admin') !!}</p>
        </div>
    </div>

    <div class="table-responsive">
    @php /* Sent carries no data-sort: it renders a date *and* a time, which the
             sorter's Date.parse() cannot read, so offering the control would sort it wrongly. */
@endphp
    <table class="qm-table" data-sortable>
        <thead><tr>
            <th scope="col" data-sort="text">{{ t_raw('push.th_title') }}</th>
            <th scope="col" data-sort="text">{{ t_raw('push.th_audience') }}</th>
            <th scope="col" data-sort="number">{{ t_raw('push.th_recipients') }}</th>
            <th scope="col">{{ t_raw('push.th_sent') }}</th>
            <th class="text-end" scope="col">{{ t_raw('common.actions') }}</th>
        </tr></thead>
        <tbody>
            @if (count($rows))
            @foreach ($rows as $b)
            <tr>
                <td>
                    <strong>{{ (string) $b['title'] }}</strong>
                    @if (!empty($b['body']))<div class="qm-cell-sub">{{ (string) $b['body'] }}</div>@endif
                </td>
                <td><span class="qm-pill qm-pill-grey">{!! $audienceLabel($scope, (string) $b['audience']) !!}</span></td>
                <td class="qm-cell-body" data-sort-value="{{ (int) $b['recipient_count'] }}">{{ number_format((int) $b['recipient_count']) }}</td>
                <td class="qm-cell-body">
                    {!! fmt_datetime($b['last_sent_at']) !!}
                    @if ((int) $b['send_count'] > 1)<span class="qm-cell-sub">{{ t_raw('push.sent_times', [':count' => (int) $b['send_count']]) }}</span>@endif
                </td>
                <td class="qm-actions-cell">
                    <form method="post" action="{{ url($baseUrl . '/resend') }}" class="d-inline" data-confirm="{{ t_raw('push.confirm_resend') }}">
                        @csrf<input type="hidden" name="id" value="{{ (int) $b['id'] }}">
                        <button type="submit" class="qm-icon-btn" aria-label="{{ t_raw('push.action_resend') }}" title="{{ t_raw('push.action_resend') }}"><i class="fas fa-redo" aria-hidden="true"></i></button>
                    </form>
                </td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 5, 'icon' => 'fa-bullhorn', 'msg' => t('push.empty')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pager, 'base' => $baseUrl])
</div>

@php // Compose modal — Title, Send to, Message, Send / Close (reuses the .modal pattern).
@endphp
<div class="modal fade" id="pushModal" tabindex="-1" aria-labelledby="pushModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form method="post" action="{{ url($baseUrl . '/send') }}" autocomplete="off">
                @csrf
                <div class="modal-header">
                    <h2 class="modal-title h5" id="pushModalLabel">{{ t_raw('push.modal_title') }}</h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label" for="push-title">{{ t_raw('push.f_title') }}</label>
                        <input type="text" class="form-control" id="push-title" name="title" maxlength="160" value="{{ (string) ($form['title'] ?? '') }}" required placeholder="{{ t_raw('admin.deals.title_placeholder') }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="push-audience">{{ t_raw('push.f_audience') }}</label>
                        <select class="form-select" id="push-audience" name="audience"{{ count($audiences) <= 1 ? ' disabled' : '' }}>
                            @foreach ($audiences as $aud)
                            <option value="{{ $aud }}"{{ ($form['audience'] ?? '') === $aud ? ' selected' : '' }}>{!! $audienceLabel($scope, $aud) !!}</option>
                            @endforeach
                        </select>
                        @if (count($audiences) <= 1)
                        <input type="hidden" name="audience" value="{{ $audiences[0] ?? 'staff' }}">
                        @endif
                    </div>
                    <div class="mb-0">
                        <label class="form-label" for="push-body">{{ t_raw('push.f_message') }}</label>
                        <textarea class="form-control" id="push-body" name="body" rows="4" maxlength="300">{{ (string) ($form['body'] ?? '') }}</textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button>
                    <button type="submit" class="qm-btn"><i class="fas fa-paper-plane me-1" aria-hidden="true"></i>{{ t_raw('push.send_btn') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>

@if ($form)
<script>(function(){ var m=document.getElementById('pushModal'); if(m){ new bootstrap.Modal(m).show(); } })();</script>
@endif
@endsection