@extends('admin.layout')
@section('title', 'Edit Ads - ' . $ad->name)

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

@if($errors->any())
    <div class="alert alert-error">
        <strong>Ada kesalahan:</strong>
        <ul style="margin-top:8px;margin-left:16px;">
            @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.ads.update', $ad) }}" style="background:#1a1a1a;border-radius:8px;padding:24px;border:1px solid #2a2a2a;">
    @csrf
    @method('PATCH')

    <div class="form-group">
        <label>Nama Ads *</label>
        <input type="text" name="name" value="{{ $ad->name }}" placeholder="cth: Popunder Video, Banner Header, dll" required>
        <p style="font-size:12px;color:#666;margin-top:4px;">Slug: <code style="background:#111;padding:2px 6px;border-radius:3px;">{{ $ad->slug }}</code></p>
    </div>

    <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
        <div class="form-group">
            <label>Tipe Ads *</label>
            <select name="type" required>
                @foreach($types as $value => $label)
                    <option value="{{ $value }}" {{ $ad->type === $value ? 'selected' : '' }}>{{ $label }}</option>
                @endforeach
            </select>
            <p style="font-size:12px;color:#666;margin-top:4px;">Direct Link akan dibuka saat tombol play video ditekan.</p>
        </div>

        <div class="form-group">
            <label>Posisi *</label>
            <select name="position" required>
                @foreach($positions as $value => $label)
                    <option value="{{ $value }}" {{ $ad->position === $value ? 'selected' : '' }}>{{ $label }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="form-group">
        <label>Script / URL Target *</label>
        <textarea name="script" rows="10" placeholder="Paste kode HTML/JavaScript iklan atau URL tujuan direct link di sini..." required>{{ $ad->script }}</textarea>
        <p style="font-size:12px;color:#666;margin-top:4px;">Untuk Direct Link, isi URL tujuan. Untuk tipe lain, isi script HTML/JavaScript iklan.</p>
    </div>

    <div class="form-group">
        <label>Deskripsi (opsional)</label>
        <textarea name="description" rows="3" placeholder="Catatan tentang ads ini...">{{ $ad->description }}</textarea>
    </div>

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

        <div class="form-group">
            <label>Priority (0-100)</label>
            <input type="number" name="priority" value="{{ $ad->priority }}" min="0" max="100">
        </div>
    </div>

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

{{-- Info --}}
<div style="background:#1a2a2a;border-radius:8px;padding:16px;margin-top:24px;border:1px solid #2a4a4a;">
    <h4 style="font-size:13px;margin-bottom:12px;color:#6fafdf;">Info Ads</h4>
    <table style="width:100%;font-size:12px;">
        <tr style="border-bottom:1px solid #2a3a3a;">
            <td style="padding:6px;color:#888;">ID</td>
            <td style="padding:6px;color:#aaa;">{{ $ad->id }}</td>
        </tr>
        <tr style="border-bottom:1px solid #2a3a3a;">
            <td style="padding:6px;color:#888;">Slug</td>
            <td style="padding:6px;color:#aaa;">{{ $ad->slug }}</td>
        </tr>
        <tr style="border-bottom:1px solid #2a3a3a;">
            <td style="padding:6px;color:#888;">Digunakan oleh</td>
            <td style="padding:6px;color:#aaa;">

        <div style="margin-top:16px;">
            <h4 style="font-size:13px;color:#6fafdf;margin-bottom:8px;">Direct Link:</h4>
            <pre style="background:#111;padding:12px;border-radius:4px;font-size:11px;color:#888;overflow-x:auto;"><code>https://example.com/landing-page</code></pre>
        </div>
                @php $domainsCount = $ad->domains()->count(); @endphp
                {{ $domainsCount }} domain
                @if($domainsCount > 0)
                    <span style="color:#6fbf6f;">({{ $ad->domains->pluck('domain_name')->join(', ') }})</span>
                @endif
            </td>
        </tr>
        <tr style="border-bottom:1px solid #2a3a3a;">
            <td style="padding:6px;color:#888;">Dibuat</td>
            <td style="padding:6px;color:#aaa;">{{ $ad->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;">{{ $ad->updated_at->format('d M Y H:i') }}</td>
        </tr>
    </table>
</div>

@endsection