@php
    $metricRows = [
        ['key' => 'Total', 'label' => __('app.total')],
        ['key' => 'Scheduled', 'label' => __('app.scheduled')],
        ['key' => 'Inactive', 'label' => __('app.inactive')],
        ['key' => 'Unsubscribed', 'label' => __('app.unsubscribed')],
        ['key' => 'Duplicates', 'label' => __('app.duplicates')],
        ['key' => 'Suppressed', 'label' => __('app.suppressed')],
        ['key' => 'Bounced', 'label' => __('app.bounced')],
        ['key' => 'Spammed', 'label' => __('app.spammed')],
    ];
@endphp
<div class="modal-dialog modal-dialog-centered modal-lg scheduled-detail-dialog">
    <div class="modal-content border-0 shadow">
        <div class="modal-header border-bottom py-3 px-4">
            <div class="d-flex align-items-center gap-3 min-w-0 flex-grow-1">
                <span class="avatar avatar-md avatar-rounded bg-primary-transparent text-primary flex-shrink-0 d-inline-flex align-items-center justify-content-center">
                    <i class="bi bi-ui-checks-grid fs-20"></i>
                </span>
                <div class="min-w-0">
                    <h5 class="modal-title mb-0 fw-semibold text-truncate" title="{{ $name }}">{{ $name }}</h5>
                    <div class="small text-secondary mt-1">{{ __('app.scheduled') }}</div>
                </div>
            </div>
            <button type="button" class="btn-close flex-shrink-0" data-bs-dismiss="modal" aria-label="{{ __('app.close') }}"></button>
        </div>
        <div class="modal-body px-4 py-3 scheduled-detail-body">
            <div class="contact-detail-status-bar rounded-3 border bg-light p-3 p-md-4">
                <div class="row g-3 g-md-4">
                    @foreach ($metricRows as $row)
                        @php
                            $val = $scheduled_detail?->{$row['key']} ?? null;
                            $display = ($val !== null && $val !== '') ? $val : '—';
                        @endphp
                        <div class="col-6 col-md-4">
                            <div class="text-secondary text-uppercase fw-semibold mb-1" style="font-size: 0.65rem; letter-spacing: 0.04em;">{{ $row['label'] }}</div>
                            <div class="fs-16 fw-semibold mb-0 text-break">{{ $display }}</div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        <div class="modal-footer border-top px-4 py-3">
            <button type="button" class="btn btn-light" data-bs-dismiss="modal">
                <i class="bi bi-x-lg me-1"></i>{{ __('app.close') }}
            </button>
        </div>
    </div>
</div>