@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">Integrasi</h3>
                <p class="text-muted mb-0">Registry integrasi lintas aplikasi supaya bridge, gateway, dan endpoint publik bisa dipantau dari satu tempat.</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 integrasi</div>
                        <div class="display-6 fw-semibold">{{ number_format((int) data_get($summary, 'total', 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">Status siap</div>
                        <div class="display-6 fw-semibold text-success">{{ number_format((int) data_get($summary, 'ready', 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">Perlu perhatian</div>
                        <div class="display-6 fw-semibold text-warning">{{ number_format((int) data_get($summary, 'attention', 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 Integrasi</h5>
                <p class="text-muted mb-0">Modul ini tidak menggandakan fitur, tapi mencatat jalur data antar aplikasi dan endpoint yang sudah benar-benar dipakai.</p>
            </div>
            <div class="card-body pt-2">
                <div class="table-responsive">
                    <table class="table align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Nama</th>
                                <th>Tipe</th>
                                <th>Endpoint</th>
                                <th>Arah</th>
                                <th>Status</th>
                                <th>Pemeriksaan</th>
                                <th class="text-end">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($integrations as $integration)
                                <tr>
                                    <td>
                                        <div class="fw-semibold">{{ $integration['name'] }}</div>
                                        <div class="small text-muted">{{ $integration['provider'] ?: '-' }} · kode {{ $integration['code'] }}</div>
                                    </td>
                                    <td>{{ strtoupper($integration['type']) }}</td>
                                    <td>
                                        <code>{{ $integration['http_method'] }}</code>
                                        <span class="small text-muted">{{ $integration['endpoint_url'] ?: '-' }}</span>
                                    </td>
                                    <td>{{ ucfirst($integration['direction']) }}</td>
                                    <td>
                                        <span class="badge {{ $integration['status_label'] === 'Siap' ? 'bg-success-subtle text-success' : 'bg-warning-subtle text-warning' }}">
                                            {{ $integration['status_label'] }}
                                        </span>
                                    </td>
                                    <td>
                                        <div>{{ $integration['last_checked_at'] }}</div>
                                        <div class="small text-muted">{{ $integration['health_summary'] }}</div>
                                    </td>
                                    <td class="text-end">
                                        <form method="POST" action="{{ route('admin.smart_city.integrations.ping', $integration['id']) }}" class="d-inline">
                                            @csrf
                                            <button type="submit" class="btn btn-outline-primary btn-sm">Ping</button>
                                        </form>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="7" class="bg-light-subtle">
                                        <form method="POST" action="{{ route('admin.smart_city.integrations.update', $integration['id']) }}" class="row g-2 align-items-end">
                                            @csrf
                                            @method('PUT')
                                            <div class="col-xl-4">
                                                <label class="form-label small text-muted mb-1">Endpoint</label>
                                                <input type="text" class="form-control form-control-sm" name="endpoint_url" value="{{ old('endpoint_url', $integration['endpoint_url']) }}">
                                            </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">
                                                    @foreach (['planned' => 'Planned', 'active' => 'Active', 'degraded' => 'Degraded', 'disabled' => 'Disabled'] as $statusKey => $statusLabel)
                                                        <option value="{{ $statusKey }}" @selected(old('status', $integration['status']) === $statusKey)>{{ $statusLabel }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col-xl-2 col-md-4">
                                                <label class="form-label small text-muted mb-1">Timeout</label>
                                                <input type="number" min="1" max="120" class="form-control form-control-sm" name="timeout_seconds" value="{{ old('timeout_seconds', $integration['timeout_seconds']) }}">
                                            </div>
                                            <div class="col-xl-3">
                                                <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', $integration['metadata_json']) }}</textarea>
                                            </div>
                                            <div class="col-xl-1 col-md-4">
                                                <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="integration-active-{{ $integration['id'] }}" @checked(old('is_active', $integration['is_active']))>
                                                    <label class="form-check-label small" for="integration-active-{{ $integration['id'] }}">Aktif</label>
                                                </div>
                                                <button type="submit" class="btn btn-primary btn-sm w-100">Simpan</button>
                                            </div>
                                        </form>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted py-4">Belum ada data integrasi.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection