@extends('admin.layout')
@section('title', 'Edit Domain - ' . $domain->domain_name)

@section('content')
<div class="toolbar">
    <a href="{{ route('admin.domains.index') }}" style="color:#666;text-decoration:none;font-size:14px;">← Kembali</a>
    <h2 style="font-size: 18px;">✏️ Edit Domain: {{ $domain->domain_name }}</h2>
</div>

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

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

<form method="POST" action="{{ route('admin.domains.update', $domain) }}" style="background:#1a1a1a;border-radius:8px;padding:24px;border:1px solid #2a2a2a;">
    @csrf
    @method('PATCH')

    <div class="form-group">
        <label>Domain Name *</label>
        <input type="text" name="domain_name" value="{{ $domain->domain_name }}" required>
        <p style="font-size:12px;color:#666;margin-top:4px;">Gunakan * untuk wildcard, cth: *.youvid.org</p>
    </div>

    <div class="form-group">
        <label>Display Name</label>
        <input type="text" name="display_name" value="{{ $domain->display_name ?? '' }}" placeholder="Premium Domain">
    </div>

    <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;">
        <div class="form-group">
            <label style="display:flex;align-items:center;gap:8px;">
                <input type="checkbox" name="is_active" value="1" {{ $domain->is_active ? 'checked' : '' }}>
                <span>Aktif</span>
            </label>
        </div>
        
        <div class="form-group">
            <label style="display:flex;align-items:center;gap:8px;">
                <input type="checkbox" name="ads_enabled" value="1" {{ $domain->ads_enabled ? 'checked' : '' }}>
                <span>Aktifkan Iklan</span>
            </label>
        </div>
    </div>

    {{-- Pilih Ads --}}
    <div style="background:#1a2a3a;border-radius:8px;padding:16px;margin:16px 0;border:1px solid #2a4a5a;">
        <h4 style="font-size:14px;color:#6fafdf;margin-bottom:12px;">📺 Pilih Ads</h4>
        
        @if($domain->ads)
            <div style="background:#0a1a2a;padding:10px;border-radius:6px;margin-bottom:12px;border:1px solid #1a3a5a;">
                <p style="font-size:12px;color:#6fafdf;margin:0;">
                    ✓ Saat ini menggunakan: <strong>{{ $domain->ads->name }}</strong> 
                    ({{ $domain->ads->type_label }} - {{ $domain->ads->position_label }})
                </p>
            </div>
        @endif
        
        <div class="form-group">
            <label>Gunakan Ads Yang Sudah Dibuat</label>
            <select name="ads_id">
                <option value="">-- Tidak Ada / Custom Script --</option>
                @foreach($ads as $ad)
                    <option value="{{ $ad->id }}" {{ $domain->ads_id == $ad->id ? 'selected' : '' }}>
                        {{ $ad->name }} ({{ $ad->type_label }} - {{ $ad->position_label }})
                    </option>
                @endforeach
            </select>
            <p style="font-size:12px;color:#6fafdf;margin-top:4px;">
                💡 Pilih dari daftar Ads yang sudah dibuat di menu <a href="{{ route('admin.ads.index') }}" style="color:#fff;">📺 Ads</a>
            </p>
        </div>
    </div>

    <div class="form-group">
        <label>Ads Position</label>
        <select name="ads_position">
            <option value="header" {{ $domain->ads_position === 'header' ? 'selected' : '' }}>Header (Top)</option>
            <option value="before_player" {{ $domain->ads_position === 'before_player' ? 'selected' : '' }}>Before Player</option>
            <option value="after_player" {{ $domain->ads_position === 'after_player' ? 'selected' : '' }}>After Player</option>
            <option value="sidebar" {{ $domain->ads_position === 'sidebar' ? 'selected' : '' }}>Sidebar</option>
            <option value="footer" {{ $domain->ads_position === 'footer' ? 'selected' : '' }}>Footer</option>
            <option value="overlay" {{ $domain->ads_position === 'overlay' ? 'selected' : '' }}>Overlay</option>
            <option value="popup" {{ $domain->ads_position === 'popup' ? 'selected' : '' }}>Popup</option>
        </select>
        <p style="font-size:12px;color:#666;margin-top:4px;">Posisi ini dipakai oleh ads yang dipilih di atas.</p>
    </div>

    <div class="form-group">
        <label>Priority (0-100)</label>
        <input type="number" name="priority" value="{{ $domain->priority }}" min="0" max="100">
        <p style="font-size:12px;color:#666;margin-top:4px;">Semakin tinggi = semakin prioritas. Domain spesifik harus lebih tinggi dari wildcard.</p>
    </div>

    <div style="display:flex;gap:8px;margin-top:24px;">
        <button type="submit" class="btn btn-primary">✓ Perbarui Domain</button>
        <a href="{{ route('admin.domains.index') }}" class="btn btn-secondary">Batal</a>
    </div>

    <hr style="border:none;border-top:1px solid #2a2a2a;margin-top:32px;margin-bottom:24px;">

    <div style="background:#1a2a2a;border-radius:8px;padding:16px;border:1px solid #2a4a4a;">
        <h4 style="font-size:13px;margin-bottom:12px;color:#6fafdf;">Info Domain</h4>
        <table style="width:100%;font-size:12px;">
            <tr style="border-bottom:1px solid #2a3a3a;">
                <td style="padding:6px;color:#888;">Domain</td>
                <td style="padding:6px;color:#aaa;">{{ $domain->domain_name }}</td>
            </tr>
            <tr style="border-bottom:1px solid #2a3a3a;">
                <td style="padding:6px;color:#888;">Status</td>
                <td style="padding:6px;color:#aaa;">{{ $domain->is_active ? 'Aktif' : 'Tidak Aktif' }}</td>
            </tr>
            <tr style="border-bottom:1px solid #2a3a3a;">
                <td style="padding:6px;color:#888;">Iklan</td>
                <td style="padding:6px;color:#aaa;">{{ $domain->ads_enabled ? 'Aktif' : 'Tidak Aktif' }}</td>
            </tr>
            <tr style="border-bottom:1px solid #2a3a3a;">
                <td style="padding:6px;color:#888;">Ads Digunakan</td>
                <td style="padding:6px;color:#aaa;">{{ $domain->ads ? $domain->ads->name : 'Tidak ada' }}</td>
            </tr>
            <tr style="border-bottom:1px solid #2a3a3a;">
                <td style="padding:6px;color:#888;">Dibuat</td>
                <td style="padding:6px;color:#aaa;">{{ $domain->created_at->format('d M Y H:i') }}</td>
            </tr>
            <tr>
                <td style="padding:6px;color:#888;">Diupdate</td>
                <td style="padding:6px;color:#aaa;">{{ $domain->updated_at->format('d M Y H:i') }}</td>
            </tr>
        </table>
    </div>
</form>

@endsection