@extends('admin.layout')
@section('title', 'Proxy HLS Settings')

@section('content')
<div class="toolbar">
    <h2 style="font-size:18px; color:#fff;">🛰️ Proxy HLS Settings</h2>
    <div style="display:flex; gap:8px;">
        <a href="{{ route('admin.videos.providers') }}" class="btn btn-secondary">📚 Providers</a>
        <a href="{{ route('admin.videos.index') }}" class="btn btn-secondary">← Kembali</a>
    </div>
</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 method="POST" action="{{ route('admin.videos.proxy-settings.save') }}" style="max-width:900px;">
    @csrf
    @method('PUT')

    <div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:16px; margin-bottom:14px;">
        <label style="display:flex; align-items:center; gap:8px; font-size:14px; color:#ddd;">
            <input type="checkbox" name="enabled" value="1" {{ old('enabled', $proxyConfig['enabled'] ?? false) ? 'checked' : '' }}>
            <span>Aktifkan mode opsional <strong>paksa HLS via proxy</strong></span>
        </label>
        <div class="form-hint" style="margin-top:8px;">
            Jika OFF: semua provider tetap mode normal (no-bandwidth). Jika ON: hanya provider yang dipilih di bawah ini akan lewat proxy.
        </div>
    </div>

    <div class="form-group">
        <label>Provider yang dipaksa via proxy</label>
        @php
            $selectedProviders = old('force_providers', $proxyConfig['force_providers'] ?? []);
        @endphp
        <div style="display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; max-width:900px; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:14px;">
            @foreach($providers as $provider)
                <label style="display:flex; align-items:center; gap:6px; font-size:13px; color:#ccc;">
                    <input type="checkbox" name="force_providers[]" value="{{ $provider }}" {{ in_array($provider, $selectedProviders) ? 'checked' : '' }}>
                    <span>{{ $provider }}</span>
                </label>
            @endforeach
        </div>
        <div class="form-hint">Pilih hanya provider yang butuh bypass CORS HLS (contoh: luluvid/luluvdo).</div>
    </div>

    <div class="form-group">
        <label for="timeout">Timeout Request Proxy (detik)</label>
        <input type="number" id="timeout" name="timeout" class="form-control" value="{{ old('timeout', $proxyConfig['timeout'] ?? 20) }}" min="5" max="120" style="max-width:180px;">
    </div>

    <div class="form-group">
        <label style="display:flex; align-items:center; gap:8px; font-size:13px; color:#ddd;">
            <input type="checkbox" name="verify_ssl" value="1" {{ old('verify_ssl', $proxyConfig['verify_ssl'] ?? true) ? 'checked' : '' }}>
            <span>Verifikasi SSL upstream</span>
        </label>
    </div>

    <div class="form-group">
        <label for="extra_allowed_hosts">Extra Allowed Hosts (opsional)</label>
        <input type="text" id="extra_allowed_hosts" name="extra_allowed_hosts" class="form-control" value="{{ old('extra_allowed_hosts', implode(',', $proxyConfig['extra_allowed_hosts'] ?? [])) }}" placeholder="cdn1027.cdn-tnmr.org,example-cdn.com">
        <div class="form-hint">Pisahkan dengan koma. Dipakai jika provider memakai host CDN tambahan.</div>
    </div>

    <div class="form-group">
        <label for="user_agent">User-Agent Proxy (opsional)</label>
        <input type="text" id="user_agent" name="user_agent" class="form-control" value="{{ old('user_agent', $proxyConfig['user_agent'] ?? '') }}" placeholder="Mozilla/5.0 ...">
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary">Simpan Pengaturan Proxy</button>
        <a href="{{ route('admin.videos.index') }}" class="btn btn-secondary">Batal</a>
    </div>
</form>
@endsection