@extends('admin.layout')
@section('title', 'Tambah Domain')

@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;">➕ Tambah Domain Baru</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

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

    <div class="form-group">
        <label>Domain Name *</label>
        <input type="text" name="domain_name" value="{{ old('domain_name') }}" placeholder="ytube.youvid.org" 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="{{ old('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" 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" {{ old('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>
        
        <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 }}" {{ old('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" {{ old('ads_position') === 'header' ? 'selected' : '' }}>Header (Top)</option>
            <option value="before_player" {{ old('ads_position', 'before_player') === 'before_player' ? 'selected' : '' }}>Before Player</option>
            <option value="after_player" {{ old('ads_position') === 'after_player' ? 'selected' : '' }}>After Player</option>
            <option value="sidebar" {{ old('ads_position') === 'sidebar' ? 'selected' : '' }}>Sidebar</option>
            <option value="footer" {{ old('ads_position') === 'footer' ? 'selected' : '' }}>Footer</option>
            <option value="overlay" {{ old('ads_position') === 'overlay' ? 'selected' : '' }}>Overlay</option>
            <option value="popup" {{ old('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="{{ old('priority', 0) }}" 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">✓ Simpan Domain</button>
        <a href="{{ route('admin.domains.index') }}" class="btn btn-secondary">Batal</a>
    </div>
</form>

@endsection