@extends('layouts.admin.master')

@section('content')
    <div class="container-fluid py-3">
        <div class="d-flex flex-column flex-lg-row justify-content-between align-items-lg-center gap-3 mb-4">
            <div>
                <h3 class="mb-1">Service Catalog v2</h3>
                <p class="text-muted mb-0">Katalog layanan resmi Smart City berbasis tabel <code>layanan</code>.</p>
            </div>
            <div class="d-flex flex-wrap gap-2">
                @can('create', \App\Models\Layanan::class)
                    <a href="{{ route('admin.smart_city.service_catalog.create') }}" class="btn btn-primary btn-sm">Tambah Layanan</a>
                @endcan
                @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>

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

        <div class="row g-3 mb-4">
            @foreach ($summaryCards as $card)
                <div class="col-xl-3 col-md-6">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-body">
                            <div class="small text-muted">{{ $card['title'] }}</div>
                            <div class="display-6 fw-semibold">{{ number_format($card['value']) }}</div>
                            <div class="small text-muted">{{ $card['description'] }}</div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white border-0 pt-4">
                <div class="d-flex flex-column flex-lg-row justify-content-between gap-3">
                    <div>
                        <h5 class="mb-1">Daftar Layanan</h5>
                        <p class="text-muted mb-0">CRUD resmi Smart City untuk domain layanan.</p>
                    </div>
                    <form action="{{ route('admin.smart_city.service_catalog') }}" method="GET" class="row g-2 align-items-end">
                        <div class="col-md-4">
                            <input type="text" name="search" value="{{ $filters['search'] ?? '' }}" class="form-control form-control-sm" placeholder="Cari layanan">
                        </div>
                        <div class="col-md-3">
                            <select name="opd_id" class="form-select form-select-sm">
                                <option value="">Semua OPD</option>
                                @foreach ($organizations as $organization)
                                    <option value="{{ $organization->id }}" @selected(($filters['opd_id'] ?? '') == $organization->id)>
                                        {{ $organization->short_name ?: $organization->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <select name="workflow_type" class="form-select form-select-sm">
                                <option value="">Workflow</option>
                                @foreach (\App\Models\Layanan::WORKFLOW_TYPES as $key => $label)
                                    <option value="{{ $key }}" @selected(($filters['workflow_type'] ?? '') === $key)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <select name="status" class="form-select form-select-sm">
                                <option value="">Status</option>
                                @foreach (\App\Models\Layanan::STATUS as $key => $label)
                                    <option value="{{ $key }}" @selected((string) ($filters['status'] ?? '') === (string) $key)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-1 d-flex gap-2">
                            <button type="submit" class="btn btn-outline-primary btn-sm w-100">Go</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Layanan</th>
                                <th>OPD</th>
                                <th>Workflow</th>
                                <th>SLA</th>
                                <th>Status</th>
                                <th class="text-end">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($services as $service)
                                <tr>
                                    <td>
                                        <div class="fw-semibold">{{ $service->nama }}</div>
                                        <div class="small text-muted">{{ $service->kategori }} | {{ $service->jenis_layanan }}</div>
                                    </td>
                                    <td>{{ $service->organization?->short_name ?: $service->organization?->name ?: 'Belum dipilih' }}</td>
                                    <td>
                                        <div>{{ \App\Models\Layanan::WORKFLOW_TYPES[$service->workflow_type] ?? $service->workflow_type }}</div>
                                        <div class="small text-muted">{{ \App\Models\Layanan::SUBMISSION_CHANNELS[$service->submission_channel] ?? $service->submission_channel }}</div>
                                    </td>
                                    <td>
                                        <div>Respon: {{ $service->sla_respon_menit ? number_format($service->sla_respon_menit) . ' mnt' : '-' }}</div>
                                        <div class="small text-muted">Selesai: {{ $service->sla_selesai_menit ? number_format($service->sla_selesai_menit) . ' mnt' : '-' }}</div>
                                    </td>
                                    <td>
                                        <span class="badge bg-light text-dark border">{{ \App\Models\Layanan::STATUS[$service->status] ?? 'Draft' }}</span>
                                        <div class="small mt-2">
                                            <span class="badge {{ $service->active_flag ? 'bg-success-subtle text-success' : 'bg-secondary-subtle text-secondary' }}">
                                                {{ $service->active_flag ? 'Aktif' : 'Nonaktif' }}
                                            </span>
                                            @if ($service->is_public_submission)
                                                <span class="badge bg-info-subtle text-info">Publik</span>
                                            @endif
                                        </div>
                                    </td>
                                    <td class="text-end">
                                        <div class="d-flex justify-content-end gap-2">
                                            @can('update', $service)
                                                <a href="{{ route('admin.smart_city.service_catalog.edit', $service) }}" class="btn btn-outline-primary btn-sm">Ubah</a>
                                            @endcan
                                            @can('delete', $service)
                                                <form action="{{ route('admin.smart_city.service_catalog.delete', $service) }}" method="POST" onsubmit="return confirm('Hapus layanan ini? Jika masih dipakai, sistem hanya menonaktifkan layanan.');">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-outline-danger btn-sm">Hapus</button>
                                                </form>
                                            @endcan
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-muted py-4">Belum ada data layanan yang sesuai filter.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if ($services->hasPages())
                    <div class="mt-3">{{ $services->links() }}</div>
                @endif
            </div>
        </div>
    </div>
@endsection