@extends('layouts/base_print')
@section('content')
<div class="container mt-3">
    <h4 class="text-center mb-1">Laporan Broadcast WhatsApp</h4>
    <p class="text-center text-muted mb-3">Dicetak: {{ now()->format('d M Y H:i') }} WIB</p>

    <table class="table table-sm table-bordered mb-3" style="width:auto;">
        <tr><th>Judul</th><td>{{ $data->title }}</td></tr>
        <tr><th>Template</th><td>{{ $data->template?->name ?? '-' }}</td></tr>
        <tr><th>Kategori</th><td>{{ $data->category }}</td></tr>
        <tr><th>Status</th><td>{{ ucfirst($data->status) }}</td></tr>
        <tr><th>Tanggal Kirim</th><td>{{ $data->sent_at?->format('d M Y H:i') ?? '-' }}</td></tr>
        <tr><th>Dibuat Oleh</th><td>{{ $data->creator?->name ?? '-' }}</td></tr>
        <tr>
            <th>Ringkasan</th>
            <td>
                Total: {{ $data->total_recipients }} |
                Terkirim: {{ $data->total_sent }} |
                Delivered: {{ $data->total_delivered }} |
                Gagal: {{ $data->total_failed }}
            </td>
        </tr>
    </table>

    <h5>Detail Penerima</h5>
    <table class="table table-bordered table-sm">
        <thead>
            <tr>
                <th>No</th>
                <th>No. HP</th>
                <th>Variabel</th>
                <th>Status</th>
                <th>Keterangan Error</th>
                <th>Retry</th>
                <th>Dikirim</th>
                <th>Last Resend</th>
            </tr>
        </thead>
        <tbody>
            @foreach($data->recipients as $i => $r)
            <tr>
                <td>{{ $i + 1 }}</td>
                <td>{{ $r->phone }}</td>
                <td>
                    @if($r->variables)
                        @foreach($r->variables as $k => $v)
                            <small>{!! "{{" . $k . "}}" !!}={{ $v }}</small>@if(!$loop->last), @endif
                        @endforeach
                    @else
                        -
                    @endif
                </td>
                <td>
                    @switch($r->status)
                        @case('pending') <span style="color:gray;">Pending</span> @break
                        @case('sent') <span style="color:blue;">Sent</span> @break
                        @case('delivered') <span style="color:green;">Delivered</span> @break
                        @case('read') <span style="color:teal;">Read</span> @break
                        @case('failed') <span style="color:red;">Failed</span> @break
                        @default {{ $r->status }}
                    @endswitch
                </td>
                <td>{{ $r->error_message ?? '-' }}</td>
                <td>{{ $r->retry_count > 0 ? $r->retry_count . 'x' : '-' }}</td>
                <td>{{ $r->sent_at?->format('d/m/Y H:i:s') ?? '-' }}</td>
                <td>{{ $r->last_resend_at?->format('d/m/Y H:i:s') ?? '-' }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

<script>window.onload = function() { window.print(); };</script>
@endsection