@extends('admin.layout')
@section('title', 'Temporary Space Policies')

@section('content')
<div class="toolbar">
    <h2 style="font-size:18px;">☁️ Temporary Space Policies</h2>
    <div style="display:flex;gap:8px;flex-wrap:wrap;">
        <form method="POST" action="{{ route('admin.temporary-space-policies.enable') }}" style="display:inline;">
            @csrf
            <button type="submit" class="btn btn-success">▶ Enable Policy</button>
        </form>
        <form method="POST" action="{{ route('admin.temporary-space-policies.disable') }}" style="display:inline;" onsubmit="return confirm('Disable bucket policy sekarang? Semua akses temporary akan dihentikan.');">
            @csrf
            <button type="submit" class="btn btn-danger">⏹ Disable Policy</button>
        </form>
        <form method="POST" action="{{ route('admin.temporary-space-policies.import-discovered') }}" style="display:inline;" onsubmit="return confirm('Scan bucket dan import semua prefix yang belum ada? Proses ini mungkin memakan waktu.');">
            @csrf
            <button type="submit" class="btn btn-secondary">🔄 Auto-Import Prefix</button>
        </form>
    </div>
</div>

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

<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px;">
    <div style="background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:16px;">
        <div style="font-size:12px;color:#888;margin-bottom:4px;">Status Policy</div>
        @if(($status['enabled'] ?? false))
            <span class="badge badge-active">ACTIVE</span>
        @else
            <span class="badge badge-disabled">INACTIVE</span>
        @endif
    </div>
    <div style="background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:16px;">
        <div style="font-size:12px;color:#888;margin-bottom:4px;">Bucket</div>
        <div style="font-size:14px;font-weight:600;">{{ $status['bucket'] ?? '-' }}</div>
    </div>
    <div style="background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:16px;">
        <div style="font-size:12px;color:#888;margin-bottom:4px;">Prefix Aktif</div>
        <div style="font-size:14px;font-weight:600;">{{ $status['prefix_count'] ?? 0 }}</div>
    </div>
    <div style="background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:16px;">
        <div style="font-size:12px;color:#888;margin-bottom:4px;">Last Check</div>
        <div style="font-size:12px;font-weight:600;">{{ $status['checked_at'] ?? '-' }}</div>
    </div>
</div>

<div style="background:#1a241a;border:1px solid #315131;border-radius:8px;padding:16px;margin-bottom:20px;">
    <div style="font-size:13px;color:#8cc78c;line-height:1.6;">
        Fitur ini meng-apply bucket policy public sementara untuk prefix aktif. Saat policy di-enable, semua prefix aktif akan menjadi <code style="background:#111;padding:2px 6px;border-radius:3px;color:#6fafdf;">s3:GetObject</code> untuk bucket DigitalOcean Spaces yang dikonfigurasi di backend.
    </div>
    <div style="margin-top:10px;font-size:12px;color:#a9d9a9;">
        Catatan: aksi <strong>Enable</strong> menimpa bucket policy yang sedang aktif pada bucket ini.
    </div>
</div>

<div style="background:#1a1a1a;border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid #2a2a2a;">
    <h3 style="font-size:14px;margin-bottom:12px;color:#888;">Tambah Prefix</h3>
    <form method="POST" action="{{ route('admin.temporary-space-policies.store') }}" style="display:flex;gap:8px;align-items:end;flex-wrap:wrap;">
        @csrf
        <div style="flex:1;min-width:220px;max-width:420px;">
            <label style="display:block;font-size:12px;color:#666;margin-bottom:4px;">Prefix / Folder</label>
            <input type="text" name="prefix" class="form-control" placeholder="Semprot/ atau StreamHG/" value="{{ old('prefix') }}" required style="max-width:100%;">
            @error('prefix') <div class="form-error">{{ $message }}</div> @enderror
        </div>
        <label style="display:flex;align-items:center;gap:8px;font-size:13px;color:#aaa;">
            <input type="checkbox" name="is_active" value="1" {{ old('is_active', true) ? 'checked' : '' }}>
            Aktif
        </label>
        <button type="submit" class="btn btn-primary">+ Tambah Prefix</button>
    </form>
</div>

<div style="background:#1a1a1a;border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid #2a2a2a;">
    <h3 style="font-size:14px;margin-bottom:12px;color:#888;">Test Access URL</h3>
    <form method="POST" action="{{ route('admin.temporary-space-policies.test-access') }}" style="display:flex;gap:8px;align-items:end;flex-wrap:wrap;">
        @csrf
        <div style="flex:1;min-width:220px;max-width:320px;">
            <label style="display:block;font-size:12px;color:#666;margin-bottom:4px;">Prefix</label>
            <input type="text" name="test_prefix" class="form-control" value="{{ old('test_prefix', $testPrefix) }}" placeholder="Semprot/" required style="max-width:100%;">
            @error('test_prefix') <div class="form-error">{{ $message }}</div> @enderror
        </div>
        <div style="flex:1;min-width:260px;max-width:520px;">
            <label style="display:block;font-size:12px;color:#666;margin-bottom:4px;">Object Key di dalam prefix</label>
            <input type="text" name="object_key" class="form-control" value="{{ old('object_key') }}" placeholder="contoh: image/file.jpg" required style="max-width:100%;">
            @error('object_key') <div class="form-error">{{ $message }}</div> @enderror
        </div>
        <button type="submit" class="btn btn-secondary">🔍 Test Access</button>
    </form>
</div>

<div style="background:#1a1a1a;border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid #2a2a2a;">
    <h3 style="font-size:14px;margin-bottom:12px;color:#888;">Preview Generated Policy JSON</h3>
    <pre style="white-space:pre-wrap;word-break:break-word;background:#111;padding:16px;border-radius:6px;color:#6fafdf;font-size:12px;line-height:1.6;overflow:auto;max-height:320px;">{{ $policyPreview }}</pre>
</div>

<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap;">
    <div style="font-size:13px;color:#888;">Total prefix: {{ $policies->count() }}</div>
</div>

@if($policies->isEmpty())
    <div class="empty-state">
        <p>Belum ada prefix policy. Tambahkan prefix pertama untuk memulai.</p>
    </div>
@else
    <table>
        <thead>
            <tr>
                <th>Prefix</th>
                <th>Status</th>
                <th>Dibuat</th>
                <th style="text-align:right;">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @foreach($policies as $item)
                <tr>
                    <td style="font-weight:600;">{{ $item->prefix }}</td>
                    <td>
                        @if($item->is_active)
                            <span class="badge badge-active">Active</span>
                        @else
                            <span class="badge badge-disabled">Inactive</span>
                        @endif
                    </td>
                    <td style="font-size:12px;color:#aaa;">{{ $item->created_at->format('d M Y H:i') }}</td>
                    <td style="text-align:right;">
                        <div style="display:flex;gap:4px;justify-content:flex-end;">
                            <form method="POST" action="{{ route('admin.temporary-space-policies.toggle', $item) }}" style="display:inline;">
                                @csrf
                                <button type="submit" class="btn btn-sm {{ $item->is_active ? 'btn-warning' : 'btn-success' }}" title="{{ $item->is_active ? 'Nonaktifkan prefix' : 'Aktifkan prefix' }}">
                                    {{ $item->is_active ? '⏸' : '▶' }}
                                </button>
                            </form>

                            <form method="POST" action="{{ route('admin.temporary-space-policies.destroy', $item) }}" onsubmit="return confirm('Hapus prefix ini?');" style="display:inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm" title="Hapus">🗑</button>
                            </form>
                        </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
@endif
@endsection