@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">Aset Kota</h3>
                <p class="text-muted mb-0">Inventaris aset smart city yang reuse organisasi, layanan, pengaduan, dan command center.</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>

        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</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 text-{{ $card['accent'] }}">{{ 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 mb-4">
            <div class="card-body">
                <form method="GET" class="row g-3 align-items-end">
                    <div class="col-lg-3">
                        <label class="form-label">Cari aset</label>
                        <input type="text" name="search" class="form-control" value="{{ request('search') }}" placeholder="Nama, kode, atau alamat">
                    </div>
                    <div class="col-lg-2">
                        <label class="form-label">Kategori</label>
                        <select name="category_id" class="form-select">
                            <option value="">Semua</option>
                            @foreach ($categories as $category)
                                <option value="{{ $category->id }}" @selected((int) request('category_id') === $category->id)>{{ $category->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-2">
                        <label class="form-label">OPD</label>
                        <select name="organization_id" class="form-select">
                            <option value="">Semua</option>
                            @foreach ($organizations as $organization)
                                <option value="{{ $organization->id }}" @selected((int) request('organization_id') === $organization->id)>
                                    {{ $organization->short_name ?: $organization->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-2">
                        <label class="form-label">Status</label>
                        <select name="asset_status" class="form-select">
                            <option value="">Semua</option>
                            @foreach (\App\Models\SmartCity\Asset::STATUSES as $key => $label)
                                <option value="{{ $key }}" @selected(request('asset_status') === $key)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-2">
                        <label class="form-label">Kondisi</label>
                        <select name="asset_condition" class="form-select">
                            <option value="">Semua</option>
                            @foreach (\App\Models\SmartCity\Asset::CONDITIONS as $key => $label)
                                <option value="{{ $key }}" @selected(request('asset_condition') === $key)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-1 d-grid">
                        <button type="submit" class="btn btn-primary">Filter</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="row g-3">
            <div class="col-xl-8">
                <div class="card border-0 shadow-sm h-100">
                    <div class="card-header bg-white border-0 pt-4 d-flex justify-content-between align-items-center">
                        <div>
                            <h5 class="mb-1">Daftar Aset</h5>
                            <p class="text-muted mb-0">Semua aset yang siap dihubungkan ke tiket pengaduan dan maintenance.</p>
                        </div>
                        <a href="{{ route('admin.smart_city.assets.create') }}" class="btn btn-primary btn-sm">Tambah Aset</a>
                    </div>
                    <div class="card-body pt-2">
                        <div class="table-responsive">
                            <table class="table align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th>Kode / Nama</th>
                                        <th>Kategori</th>
                                        <th>OPD</th>
                                        <th>Status</th>
                                        <th>Maintenance</th>
                                        <th class="text-end">Aksi</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($assets as $asset)
                                        <tr>
                                            <td>
                                                <div class="fw-semibold">{{ $asset->asset_code }}</div>
                                                <div>{{ $asset->name }}</div>
                                                <div class="small text-muted">{{ $asset->address_text ?: 'Belum ada alamat rinci' }}</div>
                                            </td>
                                            <td>
                                                <div>{{ $asset->category?->name ?: '-' }}</div>
                                                <div class="small text-muted">{{ $asset->service?->nama ?: 'Tanpa layanan' }}</div>
                                            </td>
                                            <td>{{ $asset->organization?->short_name ?: $asset->organization?->name ?: '-' }}</td>
                                            <td>
                                                <span class="badge bg-light text-dark">{{ $asset->status_label }}</span>
                                                <div class="small text-muted mt-1">{{ $asset->condition_label }}</div>
                                            </td>
                                            <td>
                                                <div class="small">{{ optional($asset->next_maintenance_at)->format('d M Y H:i') ?: 'Belum dijadwalkan' }}</div>
                                                <div class="small text-muted">{{ $asset->complaint_links_count }} aduan | {{ $asset->maintenance_logs_count }} log</div>
                                            </td>
                                            <td class="text-end">
                                                <div class="d-flex justify-content-end gap-2">
                                                    <a href="{{ route('admin.smart_city.assets.show', $asset) }}" class="btn btn-outline-primary btn-sm">Detail</a>
                                                    <a href="{{ route('admin.smart_city.assets.edit', $asset) }}" class="btn btn-outline-secondary btn-sm">Edit</a>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="6" class="text-center text-muted py-4">Belum ada aset smart city yang tercatat.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                        <div class="mt-3">
                            {{ $assets->links() }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white border-0 pt-4">
                        <h5 class="mb-1">{{ $editingCategory ? 'Ubah Kategori Aset' : 'Kategori Aset' }}</h5>
                        <p class="text-muted mb-0">Master kategori dipakai ulang di daftar aset dan command center.</p>
                    </div>
                    <div class="card-body pt-2">
                        <form method="POST" action="{{ $editingCategory ? route('admin.smart_city.assets.category.update', $editingCategory) : route('admin.smart_city.assets.category.insert') }}">
                            @csrf
                            @if ($editingCategory)
                                @method('PUT')
                            @endif
                            <div class="row g-3">
                                <div class="col-md-4">
                                    <label class="form-label">Kode</label>
                                    <input type="text" name="code" class="form-control" value="{{ old('code', $editingCategory?->code) }}" required>
                                </div>
                                <div class="col-md-8">
                                    <label class="form-label">Nama</label>
                                    <input type="text" name="name" class="form-control" value="{{ old('name', $editingCategory?->name) }}" required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Icon</label>
                                    <input type="text" name="icon" class="form-control" value="{{ old('icon', $editingCategory?->icon) }}" placeholder="bx bx-bulb">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Warna</label>
                                    <input type="text" name="color" class="form-control" value="{{ old('color', $editingCategory?->color) }}" placeholder="#0d6efd">
                                </div>
                                <div class="col-md-8">
                                    <label class="form-label">Default OPD</label>
                                    <select name="default_opd_id" class="form-select">
                                        <option value="">Belum ditentukan</option>
                                        @foreach ($organizations as $organization)
                                            <option value="{{ $organization->id }}" @selected((int) old('default_opd_id', $editingCategory?->default_opd_id) === $organization->id)>
                                                {{ $organization->short_name ?: $organization->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Urutan</label>
                                    <input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', $editingCategory?->sort_order ?? 0) }}">
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Deskripsi</label>
                                    <textarea name="description" rows="3" class="form-control">{{ old('description', $editingCategory?->description) }}</textarea>
                                </div>
                                <div class="col-12">
                                    <div class="form-check">
                                        <input type="checkbox" name="is_public" value="1" class="form-check-input" id="is_public_category" @checked(old('is_public', $editingCategory?->is_public ?? true))>
                                        <label class="form-check-label" for="is_public_category">Kategori boleh masuk feed/layer publik</label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-check">
                                        <input type="checkbox" name="is_active" value="1" class="form-check-input" id="is_active" @checked(old('is_active', $editingCategory?->is_active ?? true))>
                                        <label class="form-check-label" for="is_active">Kategori aktif</label>
                                    </div>
                                </div>
                                <div class="col-12 d-flex gap-2">
                                    <button type="submit" class="btn btn-primary">{{ $editingCategory ? 'Simpan Perubahan' : 'Tambah Kategori' }}</button>
                                    @if ($editingCategory)
                                        <a href="{{ route('admin.smart_city.assets') }}" class="btn btn-outline-secondary">Batal</a>
                                    @endif
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mt-3">
                    <div class="card-header bg-white border-0 pt-4">
                        <h5 class="mb-1">Ringkasan Kategori</h5>
                    </div>
                    <div class="card-body pt-2">
                        @forelse ($categories as $category)
                            <div class="border rounded-4 p-3 mb-3">
                                <div class="d-flex justify-content-between gap-3">
                                    <div>
                                        <div class="fw-semibold">{{ $category->name }}</div>
                                        <div class="small text-muted">{{ $category->code }} | {{ $category->assets_count }} aset</div>
                                        <div class="small text-muted">{{ $category->defaultOrganization?->short_name ?: $category->defaultOrganization?->name ?: 'Tanpa OPD default' }}</div>
                                    </div>
                                    <div class="text-end d-flex flex-column align-items-end gap-2">
                                        <span class="badge {{ $category->is_active ? 'bg-success-subtle text-success' : 'bg-secondary-subtle text-secondary' }}">
                                            {{ $category->is_active ? 'Aktif' : 'Nonaktif' }}
                                        </span>
                                        <span class="badge {{ $category->is_public ? 'bg-info-subtle text-info' : 'bg-light text-dark' }}">
                                            {{ $category->is_public ? 'Publik' : 'Internal' }}
                                        </span>
                                    </div>
                                </div>
                                <div class="d-flex gap-2 mt-3">
                                    <a href="{{ route('admin.smart_city.assets', ['edit_category' => $category->id]) }}" class="btn btn-outline-primary btn-sm">Edit</a>
                                    <form method="POST" action="{{ route('admin.smart_city.assets.category.delete', $category) }}">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-outline-danger btn-sm">Hapus</button>
                                    </form>
                                </div>
                            </div>
                        @empty
                            <div class="text-muted">Belum ada kategori aset.</div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection