@php
    /**
     * Semak status tiket: borang carian + keputusan.
     *
     * @var \App\Models\Backend\ContentFormSubmission|null $tracked
     */
    $site = $siteSlug ?? request()->segment(1);
@endphp

@once
<style>
.cf-track{max-width:720px;margin-left:auto;margin-right:auto}
.cf-track-form{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end}
.cf-track-form .cf-g{flex:1 1 220px}
.cf-track-form label{display:block;font-size:.78rem;font-weight:600;margin-bottom:.3rem}
.cf-status{display:inline-block;font-size:.72rem;font-weight:700;padding:.25rem .7rem;border-radius:99px}
.cf-rows{font-size:.85rem}
.cf-rows .row-line{display:flex;gap:.6rem;padding:.5rem 0;border-top:1px solid var(--line)}
.cf-rows .row-line:first-child{border-top:0}
.cf-rows .k{flex:0 0 42%;color:var(--bs-secondary-color)}
.cf-rows .v{flex:1;font-weight:600}
.cf-thread{margin-top:1rem}
.cf-msg{border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:10px;padding:.7rem .9rem;margin-bottom:.6rem;background:var(--bs-body-bg)}
.cf-msg .meta{font-size:.7rem;color:var(--bs-secondary-color);margin-bottom:.25rem}
.cf-msg.admin{border-left-color:var(--teal)}
.cf-msg.user{border-left-color:#94a3b8}
</style>
@endonce

<div class="cf-track">
    <div class="card-soft p-3 p-lg-4">
        <h2 class="cf-title" style="font-weight:700;color:var(--green);font-size:1.2rem;margin-bottom:.35rem">Semak Status Aduan / Maklum Balas</h2>
        <p class="cf-desc" style="font-size:.84rem;color:var(--bs-secondary-color);margin-bottom:1rem">
            Masukkan No. Tiket dan e-mel yang digunakan semasa menghantar.
        </p>

        <form method="POST" class="cf-track-form" action="{{ route('frontend-form.track.submit', ['site' => $site]) }}">
            @csrf
            <div class="cf-g">
                <label for="cf-ticket">No. Tiket</label>
                <input type="text" id="cf-ticket" name="ticket_no" value="{{ old('ticket_no', $ticketNo ?? '') }}"
                    class="form-control form-control-sm @error('ticket_no') is-invalid @enderror"
                    placeholder="cth AI/2026/0001" required>
                @error('ticket_no')<div class="cf-error">{{ $message }}</div>@enderror
            </div>
            <div class="cf-g">
                <label for="cf-email">E-mel</label>
                <input type="email" id="cf-email" name="email" value="{{ old('email') }}"
                    class="form-control form-control-sm @error('email') is-invalid @enderror" required>
                @error('email')<div class="cf-error">{{ $message }}</div>@enderror
            </div>
            <button type="submit" class="btn btn-teal btn-sm">Semak</button>
        </form>

        @if (session('track_error'))
            <div class="alert alert-warning mt-3 mb-0 py-2 small">{{ session('track_error') }}</div>
        @endif

        @if (! empty($tracked))
            <hr class="my-3">
            <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-2">
                <strong style="font-family:ui-monospace,monospace">{{ $tracked->submission_ticket_no }}</strong>
                <span class="cf-status" style="background:var(--fade);color:var(--teal)">{{ $tracked->statusLabel() }}</span>
            </div>

            <div class="cf-rows">
                <div class="row-line"><span class="k">Jenis</span><span class="v">{{ $tracked->submission_type }}</span></div>
                <div class="row-line"><span class="k">Subjek</span><span class="v">{{ $tracked->submission_subject ?: '—' }}</span></div>
                <div class="row-line"><span class="k">Tarikh hantar</span><span class="v">{{ $tracked->submission_submitted_at?->format('d/m/Y H:i') ?? '—' }}</span></div>
                @if ($tracked->submission_closed_at)
                    <div class="row-line"><span class="k">Tarikh tutup</span><span class="v">{{ $tracked->submission_closed_at->format('d/m/Y H:i') }}</span></div>
                @endif
            </div>

            @if ($tracked->messages->isNotEmpty())
                <div class="cf-thread">
                    <strong class="d-block mb-2" style="font-size:.85rem">Balasan</strong>
                    @foreach ($tracked->messages as $message)
                        <div class="cf-msg {{ $message->isFromAdmin() ? 'admin' : 'user' }}">
                            <div class="meta">
                                {{ $message->isFromAdmin() ? 'NRES' : 'Pengadu' }} ·
                                {{ $message->created_at?->format('d/m/Y H:i') }}
                            </div>
                            <div style="font-size:.85rem">{!! nl2br(e($message->message_body)) !!}</div>
                        </div>
                    @endforeach
                </div>
            @else
                <p class="small text-body-secondary mb-0 mt-2">Belum ada balasan daripada pihak NRES.</p>
            @endif
        @endif
    </div>
</div>