@extends('layouts.admin.master')

@section('content')
    <div class="container-fluid py-3">
        <div class="d-flex flex-column flex-xl-row justify-content-between align-items-xl-center gap-3 mb-4">
            <div>
                <h3 class="mb-1">Open Data</h3>
                <p class="text-muted mb-0">Feed publik yang aman untuk dibuka ke luar tanpa membocorkan data sensitif, sambil tetap reuse data inti yang sudah ada.</p>
            </div>
            <div class="d-flex flex-wrap gap-2">
                @foreach ($quickLinks as $link)
                    @if ($link['route'])
                        <a href="{{ $link['route'] }}" class="btn btn-outline-primary btn-sm">{{ $link['label'] }}</a>
                    @endif
                @endforeach
            </div>
        </div>

        <div class="row g-3 mb-4">
            <div class="col-md-4">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-body">
                        <div class="small text-muted">Total feed</div>
                        <div class="display-6 fw-semibold">{{ number_format((int) data_get($summary, 'total_feeds', 0)) }}</div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-body">
                        <div class="small text-muted">Feed publik</div>
                        <div class="display-6 fw-semibold text-primary">{{ number_format((int) data_get($summary, 'public_feeds', 0)) }}</div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-body">
                        <div class="small text-muted">Feed published</div>
                        <div class="display-6 fw-semibold text-success">{{ number_format((int) data_get($summary, 'published_feeds', 0)) }}</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white border-0 pt-4">
                <h5 class="mb-1">Daftar Feed</h5>
                <p class="text-muted mb-0">Endpoint publik ini membaca data agregat saja, bukan data pribadi.</p>
            </div>
            <div class="card-body pt-2">
                <div class="table-responsive">
                    <table class="table align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Feed</th>
                                <th>Format</th>
                                <th>Visibilitas</th>
                                <th>Status</th>
                                <th>API</th>
                                <th class="text-end">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($feeds as $feed)
                                <tr>
                                    <td>
                                        <div class="fw-semibold">{{ $feed->name }}</div>
                                        <div class="small text-muted">{{ $feed->description }}</div>
                                    </td>
                                    <td>{{ strtoupper($feed->format) }}</td>
                                    <td>{{ ucfirst($feed->visibility) }}</td>
                                    <td>
                                        <span class="badge {{ $feed->status === 'published' ? 'bg-success-subtle text-success' : 'bg-secondary-subtle text-secondary' }}">
                                            {{ ucfirst($feed->status) }}
                                        </span>
                                    </td>
                                    <td>
                                        @if ($feed->route_name && \Illuminate\Support\Facades\Route::has($feed->route_name))
                                            <code>{{ route($feed->route_name, absolute: false) }}</code>
                                        @else
                                            <span class="text-muted">Belum tersedia</span>
                                        @endif
                                    </td>
                                    <td class="text-end">
                                        <form method="POST" action="{{ route('admin.smart_city.open_data.refresh', $feed) }}" class="d-inline">
                                            @csrf
                                            <button type="submit" class="btn btn-outline-primary btn-sm">Refresh</button>
                                        </form>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="6" class="bg-light-subtle">
                                        <form method="POST" action="{{ route('admin.smart_city.open_data.update', $feed) }}" class="row g-2 align-items-end">
                                            @csrf
                                            @method('PUT')
                                            <div class="col-xl-2 col-md-4">
                                                <label class="form-label small text-muted mb-1">Visibilitas</label>
                                                <select name="visibility" class="form-select form-select-sm">
                                                    <option value="public" @selected(old('visibility', $feed->visibility) === 'public')>Public</option>
                                                    <option value="internal" @selected(old('visibility', $feed->visibility) === 'internal')>Internal</option>
                                                </select>
                                            </div>
                                            <div class="col-xl-2 col-md-4">
                                                <label class="form-label small text-muted mb-1">Status</label>
                                                <select name="status" class="form-select form-select-sm">
                                                    <option value="draft" @selected(old('status', $feed->status) === 'draft')>Draft</option>
                                                    <option value="published" @selected(old('status', $feed->status) === 'published')>Published</option>
                                                    <option value="archived" @selected(old('status', $feed->status) === 'archived')>Archived</option>
                                                </select>
                                            </div>
                                            <div class="col-xl-2 col-md-4">
                                                <label class="form-label small text-muted mb-1">Cache TTL</label>
                                                <input type="number" min="0" max="86400" class="form-control form-control-sm" name="cache_ttl_seconds" value="{{ old('cache_ttl_seconds', $feed->cache_ttl_seconds) }}">
                                            </div>
                                            <div class="col-xl-5">
                                                <label class="form-label small text-muted mb-1">Metadata JSON</label>
                                                <textarea name="metadata_json" rows="2" class="form-control form-control-sm">{{ old('metadata_json', json_encode($feed->metadata ?? [], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES)) }}</textarea>
                                            </div>
                                            <div class="col-xl-1">
                                                <input type="hidden" name="is_active" value="0">
                                                <div class="form-check mb-2">
                                                    <input class="form-check-input" type="checkbox" name="is_active" value="1" id="feed-active-{{ $feed->id }}" @checked(old('is_active', $feed->is_active))>
                                                    <label class="form-check-label small" for="feed-active-{{ $feed->id }}">Aktif</label>
                                                </div>
                                                <button type="submit" class="btn btn-primary btn-sm w-100">Simpan</button>
                                            </div>
                                        </form>
                                        <div class="small text-muted mt-2">
                                            Export terakhir:
                                            {{ optional($feed->last_exported_at)->format('d M Y H:i') ?: 'Belum pernah' }}
                                            @if ($feed->last_export_status)
                                                · status {{ $feed->last_export_status }}
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-muted py-4">Belum ada feed open data.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection