@extends('admin.layout')
@section('title', 'Bot Integrations')

@section('content')
<div class="toolbar">
    <h2 style="font-size:18px; color:#fff;">🤖 Bot Integrations</h2>
    <a href="{{ route('admin.videos.index') }}" class="btn btn-secondary">← Kembali ke Video</a>
</div>

@if($errors->any())
    <div class="alert alert-error">
        <ul style="margin-left:16px;">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<form id="discord-worker-start-form" method="POST" action="{{ route('admin.videos.bot-integrations.discord.start') }}" style="display:none;">
    @csrf
</form>
<form id="discord-worker-stop-form" method="POST" action="{{ route('admin.videos.bot-integrations.discord.stop') }}" style="display:none;">
    @csrf
</form>
<form id="discord-worker-logs-form" method="POST" action="{{ route('admin.videos.bot-integrations.discord.logs') }}" style="display:none;">
    @csrf
</form>

<form method="POST" action="{{ route('admin.videos.bot-integrations.save') }}" style="max-width:1000px;">
    @csrf
    @method('PUT')

    <div style="display:grid; grid-template-columns:1fr; gap:14px;">
        <div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:16px;">
            <h3 style="font-size:14px; color:#bbb; margin-bottom:12px;">Discord Bot (aktif dipakai)</h3>

            <div style="display:flex; align-items:center; gap:8px; margin-bottom:12px; font-size:13px;">
                <span style="color:#888;">Worker Status:</span>
                @if(($workerStatus['running'] ?? false))
                    <span class="badge badge-ready">RUNNING</span>
                    <span style="color:#9ad09a;">PID {{ $workerStatus['pid'] }}</span>
                @else
                    <span class="badge badge-failed">STOPPED</span>
                @endif
            </div>

            <div style="display:flex; gap:8px; margin-bottom:12px;">
                <button type="submit" class="btn btn-success" form="discord-worker-start-form">▶ Run Discord Worker</button>
                <button type="submit" class="btn btn-danger" form="discord-worker-stop-form" onclick="return confirm('Hentikan Discord worker sekarang?');">■ Stop Discord Worker</button>
                <button type="submit" class="btn btn-secondary" form="discord-worker-logs-form">📄 View Last Logs</button>
            </div>

            <div class="form-hint" style="margin-bottom:12px;">Log file: {{ $workerStatus['log_path'] ?? storage_path('logs/discord-worker.log') }}</div>

            <details style="margin-bottom:12px;">
                <summary style="cursor:pointer; color:#bbb; font-size:13px;">Lihat 100 baris log terakhir</summary>
                <pre style="margin-top:10px; background:#111; border:1px solid #2a2a2a; border-radius:6px; padding:10px; color:#9ad09a; font-size:12px; max-height:280px; overflow:auto; white-space:pre-wrap;">{{ session('discord_worker_logs', $workerLogs ?? 'Belum ada log') }}</pre>
            </details>

            <label style="display:flex; align-items:center; gap:8px; font-size:14px; color:#ddd; margin-bottom:10px;">
                <input type="checkbox" name="discord_enabled" value="1" {{ old('discord_enabled', data_get($settings, 'discord.enabled', false)) ? 'checked' : '' }}>
                <span>Aktifkan Discord Bot</span>
            </label>

            <label style="display:block; font-size:13px; color:#888; margin-bottom:6px;">Command Prefix Discord</label>
            <input
                type="text"
                name="discord_prefix"
                class="form-control"
                maxlength="10"
                value="{{ old('discord_prefix', data_get($settings, 'discord.prefix', '!')) }}"
                placeholder="!"
                style="max-width:180px;"
            >
            <div class="form-hint">Contoh: ! maka command menjadi !proses, !status, !file</div>

            <label style="display:block; font-size:13px; color:#888; margin-top:12px; margin-bottom:6px;">S3 Prefix Upload Discord</label>
            @php
                $selectedS3Prefix = old('discord_s3_prefix', data_get($settings, 'discord.s3_prefix', 'Semprot'));
                $prefixes = $discordPrefixes ?? [];
                if (!in_array($selectedS3Prefix, $prefixes, true)) {
                    $prefixes[] = $selectedS3Prefix;
                }
            @endphp
            <select name="discord_s3_prefix" class="form-control" style="max-width:320px;">
                @foreach($prefixes as $prefix)
                    <option value="{{ $prefix }}" {{ $selectedS3Prefix === $prefix ? 'selected' : '' }}>{{ $prefix }}</option>
                @endforeach
            </select>
            <div class="form-hint">Video dari Discord akan di-upload ke folder prefix ini di DigitalOcean Spaces.</div>
        </div>

        <div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:16px;">
            <h3 style="font-size:14px; color:#bbb; margin-bottom:12px;">Telegram Bot (placeholder untuk pengembangan)</h3>
            <label style="display:flex; align-items:center; gap:8px; font-size:14px; color:#ddd; margin-bottom:10px;">
                <input type="checkbox" name="telegram_enabled" value="1" {{ old('telegram_enabled', data_get($settings, 'telegram.enabled', false)) ? 'checked' : '' }}>
                <span>Aktifkan Telegram Bot</span>
            </label>

            <label style="display:block; font-size:13px; color:#888; margin-bottom:6px;">Prefix Telegram</label>
            <input
                type="text"
                name="telegram_prefix"
                class="form-control"
                maxlength="10"
                value="{{ old('telegram_prefix', data_get($settings, 'telegram.prefix', '/')) }}"
                placeholder="/"
                style="max-width:180px;"
            >
        </div>

        <div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:16px;">
            <h3 style="font-size:14px; color:#bbb; margin-bottom:12px;">WhatsApp Bot (placeholder untuk pengembangan)</h3>
            <label style="display:flex; align-items:center; gap:8px; font-size:14px; color:#ddd; margin-bottom:10px;">
                <input type="checkbox" name="whatsapp_enabled" value="1" {{ old('whatsapp_enabled', data_get($settings, 'whatsapp.enabled', false)) ? 'checked' : '' }}>
                <span>Aktifkan WhatsApp Bot</span>
            </label>

            <label style="display:block; font-size:13px; color:#888; margin-bottom:6px;">Prefix WhatsApp</label>
            <input
                type="text"
                name="whatsapp_prefix"
                class="form-control"
                maxlength="10"
                value="{{ old('whatsapp_prefix', data_get($settings, 'whatsapp.prefix', '#')) }}"
                placeholder="#"
                style="max-width:180px;"
            >
        </div>
    </div>

    <div class="form-actions" style="margin-top:14px;">
        <button type="submit" class="btn btn-primary">Simpan Pengaturan Bot</button>
    </div>
</form>
@endsection