<?php
$wa = is_array($chat_whatsapp_personal ?? null) ? $chat_whatsapp_personal : [];
$wa_auth = is_array($wa['auth'] ?? null) ? $wa['auth'] : [];
$wa_cron = is_array($wa['cron'] ?? null) ? $wa['cron'] : [];
$wa_account = is_array($wa['account'] ?? null) ? $wa['account'] : [];
$wa_attention = is_array($wa['attention'] ?? null) ? $wa['attention'] : [];
$wa_command = (string)($chat_whatsapp_personal_cron_command ?? '');
$wa_cli = is_array($chat_whatsapp_personal_cli_profile ?? null) ? $chat_whatsapp_personal_cli_profile : [];
$wa_runtime = is_array($wa_cli['runtime'] ?? null) ? $wa_cli['runtime'] : [];
?>
<div class="tab-pane fade<?php echo $integration_tab_active('whatsapp') ? ' show active' : ''; ?> animate__animated animate__fadeIn"
     id="whatsapp-panel" role="tabpanel" aria-labelledby="whatsapp-tab">
    <section class="easychat-wa" id="whatsapp-personal"
             data-ui-state="<?php echo htmlspecialchars((string)($wa['ui_state'] ?? 'wizard')); ?>"
             data-step="<?php echo max(1, min(2, (int)($wa['step'] ?? 1))); ?>"
             data-auth-status="<?php echo htmlspecialchars((string)($wa_auth['status'] ?? 'idle')); ?>">
        <header class="easychat-wa__header">
            <div class="easychat-wa__brand">
                <img src="assets/channels/whatsapp.svg" width="42" height="42" alt="">
                <div><span>Личный аккаунт</span><h5>Личный WhatsApp</h5><p>Обращения из вашей учётной записи — прямо в EasyChat.</p></div>
            </div>
            <button type="button" class="btn btn-sm btn-outline-secondary easychat-icon-button easychat-wa-dashboard" id="btn-wa-health" aria-label="Проверить состояние" title="Проверить состояние"><i class="fa fa-refresh" aria-hidden="true"></i></button>
        </header>

        <div class="easychat-wa__notice" role="note">
            <i class="fa fa-flask" aria-hidden="true"></i><span><strong>Предварительная поддержка</strong> Личный WhatsApp работает как дополнительное связанное устройство и не является официальным WhatsApp Business API.</span>
        </div>

        <div class="easychat-wa__steps" aria-label="Подключение личного WhatsApp">
            <div data-wa-step="1"><b>1</b><span><strong>Расписание</strong><small>Доставка сообщений</small></span></div>
            <i class="fa fa-angle-right" aria-hidden="true"></i>
            <div data-wa-step="2"><b>2</b><span><strong>Вход по QR</strong><small>Связанное устройство</small></span></div>
        </div>

        <section class="easychat-wa__wizard easychat-wa__cron" aria-labelledby="wa-cron-title">
            <span class="easychat-wa__kicker">Шаг 1 из 2</span>
            <h6 id="wa-cron-title">Добавьте отдельную задачу</h6>
            <p>Это второе расписание EasyChat. Запускайте его каждую минуту.</p>
            <div class="easychat-wa__schedule"><i class="fa fa-clock-o" aria-hidden="true"></i><strong>Каждую минуту</strong><code>* * * * *</code></div>
            <?php if ($wa_command !== '') { ?>
                <div class="easychat-wa__terminal">
                    <div><span><i class="fa fa-terminal" aria-hidden="true"></i> Команда</span><button type="button" id="btn-copy-wa-cron"><i class="fa fa-copy" aria-hidden="true"></i> Копировать</button></div>
                    <pre><span aria-hidden="true">$</span> <code id="wa-cron-code"><?php echo htmlspecialchars($wa_command); ?></code></pre>
                </div>
            <?php } else { ?>
                <div class="alert alert-warning small" role="alert"><strong>Команда пока недоступна.</strong> <?php echo htmlspecialchars((string)($wa_runtime['message'] ?? 'Не найден PHP CLI 7.4 или выше.')); ?></div>
                <code id="wa-cron-code" hidden></code>
            <?php } ?>
            <div class="easychat-wa__cron-state is-<?php echo htmlspecialchars((string)($wa_cron['state'] ?? 'missing')); ?>" id="wa-cron-state" role="status" aria-live="polite"<?php echo (string)($wa_cron['state'] ?? 'missing') === 'missing' ? ' hidden' : ''; ?>>
                <i class="fa fa-clock-o" aria-hidden="true"></i><span><strong id="wa-cron-state-title"><?php echo htmlspecialchars((string)($wa_cron['title'] ?? 'Проверим после запуска')); ?></strong><small id="wa-cron-state-detail"><?php echo htmlspecialchars((string)($wa_cron['detail'] ?? '')); ?></small></span>
            </div>
            <div class="easychat-wa__actions"><button type="button" class="btn btn-primary easychat-admin-primary-action" id="btn-wa-cron-check"<?php echo $wa_command === '' ? ' disabled' : ''; ?>><i class="fa fa-refresh me-1"></i> Проверить</button></div>
            <details class="easychat-wa__details"><summary>Если не получилось</summary><p>В панели хостинга выберите «Произвольная команда» и вставьте строку целиком. Не выбирайте режим «PHP-скрипт».</p></details>
        </section>

        <section class="easychat-wa__wizard easychat-wa__auth" aria-labelledby="wa-auth-title">
            <span class="easychat-wa__kicker">Шаг 2 из 2</span>
            <h6 id="wa-auth-title">Свяжите WhatsApp</h6>
            <p id="wa-auth-message"><?php echo htmlspecialchars((string)($wa_auth['message'] ?? 'Отсканируйте QR-код, чтобы подключить личный WhatsApp.')); ?></p>
            <div class="easychat-wa__qr" id="wa-qr-wrap"<?php echo empty($wa_auth['qr_svg']) ? ' hidden' : ''; ?>>
                <img id="wa-qr" src="<?php echo htmlspecialchars((string)($wa_auth['qr_svg'] ?? '')); ?>" width="240" height="240" alt="QR-код для подключения WhatsApp">
                <div><strong>На телефоне</strong><span>WhatsApp → Связанные устройства → Привязка устройства</span><small>QR действует недолго и обновляется только для этой попытки.</small></div>
            </div>
            <div class="easychat-wa__actions">
                <button type="button" class="btn btn-primary easychat-admin-primary-action" id="btn-wa-qr-start"><i class="fa fa-qrcode me-1"></i> Показать QR</button>
                <button type="button" class="btn btn-outline-secondary" id="btn-wa-auth-reset"<?php echo in_array((string)($wa_auth['status'] ?? ''), ['idle', 'expired', 'error'], true) ? ' hidden' : ''; ?>>Начать заново</button>
            </div>
            <div class="easychat-wa__auth-error" id="wa-auth-error" role="alert" hidden></div>
        </section>

        <section class="easychat-wa-dashboard easychat-wa__dashboard" aria-label="Личный WhatsApp подключён">
            <div class="easychat-wa__account">
                <img src="assets/channels/whatsapp.svg" width="38" height="38" alt="">
                <span><strong id="wa-account-name"><?php echo htmlspecialchars((string)($wa_account['display_name'] ?? 'Личный WhatsApp')); ?></strong><small id="wa-account-phone"><?php echo htmlspecialchars((string)($wa_account['phone'] ?? '')); ?></small></span>
                <label><span><strong>Получение сообщений</strong><small id="wa-enabled-label"><?php echo !empty($wa['enabled']) ? 'Включено' : 'Приостановлено'; ?></small></span><input class="form-check-input easychat-switch-lg" type="checkbox" id="wa-enabled"<?php echo !empty($wa['enabled']) ? ' checked' : ''; ?>></label>
            </div>
            <div class="easychat-wa__attention is-<?php echo htmlspecialchars((string)($wa_attention['level'] ?? 'none')); ?>" id="wa-attention"<?php echo empty($wa_attention['visible']) ? ' hidden' : ''; ?> role="alert">
                <i class="fa fa-exclamation-triangle" aria-hidden="true"></i><span><strong id="wa-attention-title"><?php echo htmlspecialchars((string)($wa_attention['title'] ?? '')); ?></strong><small id="wa-attention-detail"><?php echo htmlspecialchars((string)($wa_attention['detail'] ?? '')); ?></small></span>
                <button type="button" class="btn btn-sm btn-light" id="btn-wa-reconnect"<?php echo (string)($wa_attention['source'] ?? '') === 'authorization' ? '' : ' hidden'; ?>>Войти снова</button>
            </div>
            <div class="easychat-wa__benefits">
                <div><i class="fa fa-comments" aria-hidden="true"></i><span><strong>Диалоги и группы</strong><small>Текст и безопасные вложения.</small></span></div>
                <div><i class="fa fa-check" aria-hidden="true"></i><span><strong>Статус прочтения</strong><small>Для личных диалогов, когда WhatsApp его передал.</small></span></div>
                <div><i class="fa fa-address-card-o" aria-hidden="true"></i><span><strong>Имена и телефоны</strong><small>Только из подтверждённых данных протокола.</small></span></div>
            </div>
            <details class="easychat-wa__details easychat-wa__advanced">
                <summary>Управление подключением</summary>
                <p>При первом входе WhatsApp может передать историю за последние 30 дней. Она импортируется постепенно и не создаёт уведомления о старых сообщениях.</p>
                <button type="button" class="btn btn-outline-danger btn-sm" id="btn-wa-disconnect"><i class="fa fa-unlink me-1"></i> Отключить аккаунт</button>
            </details>
        </section>
    </section>
</div>
