@extends('layouts.dashboard')

@section('content')
@php
/**
 * @var array  $comments  rows joined with post title/slug
 * @var string $filter    active status filter ('' = all)
 * @var array  $counts    [status => count]
 * @var array  $statuses  allowed statuses
 * @var array  $pager     pagination metadata
 * @var array  $replies   [comment id => number of replies already under it]
 */
$replies = $replies ?? [];
$tabs = array_merge(['' => t_raw('common.all')], array_combine($statuses, array_map(static fn ($s) => t_raw("status.comment.{$s}"), $statuses)));
$pillClass = ['approved' => 'qm-pill-green', 'pending' => 'qm-pill-amber', 'spam' => 'qm-pill-red'];
@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 class="d-flex align-items-center gap-2">
            <h2 class="mb-0">{{ t_raw('admin.comments.title') }}</h2>
            @if (!empty($counts['pending']))<span class="qm-pill qm-pill-amber">{{ t_raw('admin.comments.pending_badge', [':count' => (int) $counts['pending']]) }}</span>@endif
        </div>
    </div>

    <nav class="qm-tabs mt-3" aria-label="{{ t_raw('admin.comments.tabs_aria') }}">
        @foreach ($tabs as $key => $label)
            @php $count = $key === '' ? array_sum($counts) : (int) ($counts[$key] ?? 0);
@endphp
            <a class="qm-tab{{ $filter === $key ? ' is-active' : '' }}"
               href="{{ url('/admin/comments' . ($key !== '' ? '?status=' . $key : '')) }}"{!! $filter === $key ? ' aria-current="page"' : '' !!}>
                {{ $label }} <span class="qm-tab-count">{{ (int) $count }}</span>
            </a>
        @endforeach
    </nav>

    <div class="table-responsive">
    @php /* Comment body is free text (not meaningfully sortable), so that th carries no
              data-sort; Received renders via fmt_datetime(), which Date.parse() can't read,
              so that cell carries a data-sort-value instead. */
@endphp
    <table class="qm-table" data-sortable>
        <thead><tr><th data-sort="text">{{ t_raw('admin.comments.col_author') }}</th><th>{{ t_raw('admin.comments.col_comment') }}</th><th data-sort="text">{{ t_raw('admin.comments.col_on_post') }}</th><th data-sort="text">{{ t_raw('common.status') }}</th><th data-sort="date">{{ t_raw('admin.comments.col_received') }}</th><th class="text-end">{{ t_raw('common.actions') }}</th></tr></thead>
        <tbody>
            @if ($comments)
            @foreach ($comments as $c)
            <tr{!! $c['status'] === 'pending' ? ' class="qm-row-unread"' : '' !!}>
                <td>
                    <div class="qm-tbl-id">
                        {!! brandmark_html($c['avatar'] ?? null, (string) ($c['name'] ?? t_raw('common.anonymous')), 'md', 'qm-brandmark--round') !!}
                        <div class="qm-tbl-id-text">
                            <strong>{{ $c['name'] }}@if (!empty($c['parent_id']))<span class="qm-pill qm-pill-grey qm-ml-6">{{ t_raw('admin.comments.reply_badge') }}</span>@endif</strong>
                            @if (!empty($c['email']))<small><a href="mailto:{{ $c['email'] }}">{{ $c['email'] }}</a></small>@endif
                        </div>
                    </div>
                </td>
                <td class="qm-maxw-420">
                    <div class="qm-cell-body">{{ $c['body'] }}</div>
                    @php
$replyCount = (int) ($replies[(int) $c['id']] ?? 0);
@endphp
@if ($replyCount > 0)
                    <span class="qm-pill qm-pill-green mt-2"><i class="fas fa-reply me-1" aria-hidden="true"></i>{{ t_raw('admin.comments.badge_replies', [':count' => $replyCount]) }}</span>
                    @endif
                </td>
                <td class="qm-cell-body">
                    @if (!empty($c['post_slug']))
                        <a href="{!! url('/blog/' . e($c['post_slug']) . '#comments') !!}" target="_blank" rel="noopener">{{ $c['post_title'] }}</a>
                    @else
                        <span class="text-muted">{{ t_raw('admin.comments.deleted_post') }}</span>
                    @endif
                </td>
                <td><span class="qm-pill {{ $pillClass[$c['status']] ?? 'qm-pill-grey' }}">{{ status_label('comment', $c['status']) }}</span></td>
                <td class="qm-cell-body qm-nowrap" data-sort-value="{{ (string) $c['created_at'] }}">{!! fmt_datetime($c['created_at']) !!}</td>
                <td class="qm-actions-cell">
                    @partial('row-actions', ['actions' => [
                        [
                            'label'   => t_raw('admin.comments.action_reply'),
                            'icon'    => 'fa-reply',
                            'primary' => true,
                            'attrs'   => [
                                'data-bs-toggle'  => 'modal',
                                'data-bs-target'  => '#commentReplyModal',
                                'data-creply-open' => '1',
                                'data-id'      => (string) (int) $c['id'],
                                'data-name'    => (string) ($c['name'] ?? ''),
                                'data-body'    => (string) $c['body'],
                                'data-post'    => (string) ($c['post_title'] ?? ''),
                            ],
                        ],
                        $c['status'] !== 'approved' ? [
                            'label' => t_raw('admin.campaigns.approve'),
                            'icon'  => 'fa-check',
                            'form'  => ['action' => '/admin/comments/status', 'fields' => ['id' => (int) $c['id'], 'status' => 'approved', 'filter' => $filter]],
                        ] : null,
                        $c['status'] !== 'spam' ? [
                            'label' => t_raw('admin.comments.mark_spam_btn'),
                            'icon'  => 'fa-ban',
                            'form'  => ['action' => '/admin/comments/status', 'fields' => ['id' => (int) $c['id'], 'status' => 'spam', 'filter' => $filter]],
                        ] : null,
                        [
                            'label'  => t_raw('common.delete'),
                            'icon'   => 'fa-trash-alt',
                            'danger' => true,
                            'form'   => ['action' => '/admin/comments/delete', 'fields' => ['id' => (int) $c['id'], 'filter' => $filter], 'confirm' => t_raw('admin.comments.confirm_delete')],
                        ],
                    ]])
                </td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 6, 'icon' => 'fa-comments', 'msg' => $filter !== '' ? t('admin.comments.empty_filtered') : t('admin.comments.empty_all')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pager, 'base' => '/admin/comments'])
</div>

@if ($comments)
@php // Reply composer. A reply is a published comment filed under the one it answers, so
      // it appears under the original on the post itself — not a private note.
@endphp
<div class="modal fade" id="commentReplyModal" tabindex="-1" aria-labelledby="commentReplyLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <form class="modal-content" method="post" action="{{ route('admin.comments.reply') }}">
            @csrf
            <input type="hidden" name="id" id="cr-id" value="">
            <input type="hidden" name="filter" value="{{ $filter }}">
            <div class="modal-header">
                <h2 class="modal-title h5" id="commentReplyLabel">{{ t_raw('admin.comments.reply_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">
                <p class="qm-hint">{{ t_raw('admin.comments.reply_context') }} <strong id="cr-who"></strong> &middot; <span id="cr-post"></span></p>
                <div class="qm-hint mb-3"><div class="qm-cell-body" id="cr-original"></div></div>
                <div class="mb-0">
                    <label class="form-label" for="cr-body">{{ t_raw('admin.comments.reply_body_label') }}</label>
                    <textarea class="form-control" id="cr-body" name="body" rows="6" required maxlength="5000" placeholder="{{ t_raw('admin.comments.reply_body_placeholder') }}"></textarea>
                    <p class="qm-hint mt-2 mb-0">{{ t_raw('admin.comments.reply_body_help') }}</p>
                </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-reply me-1" aria-hidden="true"></i> {{ t_raw('admin.comments.reply_send_btn') }}</button>
            </div>
        </form>
    </div>
</div>

<script>
/* Fill the composer from the row that opened it. */
(function () {
    document.addEventListener('click', function (e) {
        var btn = e.target.closest('[data-creply-open]');
        if (!btn) { return; }
        var get = function (k) { return btn.getAttribute('data-' + k) || ''; };
        document.getElementById('cr-id').value = get('id');
        document.getElementById('cr-who').textContent = get('name');
        document.getElementById('cr-post').textContent = get('post');
        document.getElementById('cr-original').textContent = get('body');
        document.getElementById('cr-body').value = '';
    });
})();
</script>
@endif

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