@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">Persampahan</h3>
                <p class="text-muted mb-0">Operasional persampahan yang reuse service catalog, complaint core, asset, dan assignment.</p>
            </div>
            <div class="d-flex flex-wrap gap-2">
                @foreach ($quickLinks as $link)
                    <a href="{{ $link['route'] }}" class="btn btn-outline-primary btn-sm">{{ $link['label'] }}</a>
                @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
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0 ps-3">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </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-uppercase text-muted mb-2">{{ $card['title'] }}</div>
                            <div class="display-6 fw-semibold">{{ number_format($card['value']) }}</div>
                            <p class="text-muted mb-0">{{ $card['description'] }}</p>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        <div class="row g-3">
            <div class="col-xl-8">
                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-body">
                        <form method="GET" action="{{ route('admin.smart_city.waste') }}" class="row g-3 align-items-end">
                            <div class="col-md-3">
                                <label class="form-label">Organisasi</label>
                                <select class="form-select" name="organization_id">
                                    <option value="">Semua</option>
                                    @foreach ($organizations as $organization)
                                        <option value="{{ $organization->id }}" @selected((int) ($filters['organization_id'] ?? 0) === (int) $organization->id)>{{ $organization->short_name ?: $organization->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Cari</label>
                                <input type="text" class="form-control" name="search" value="{{ $filters['search'] ?? '' }}" placeholder="Nama, kode, alamat">
                            </div>
                            <div class="col-md-2">
                                <label class="form-label">Status Request</label>
                                <select class="form-select" name="request_status">
                                    <option value="">Semua</option>
                                    @foreach (\App\Models\SmartCity\WasteServiceRequest::STATUSES as $key => $label)
                                        <option value="{{ $key }}" @selected(($filters['request_status'] ?? null) === $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label class="form-label">Status Ritase</label>
                                <select class="form-select" name="run_status">
                                    <option value="">Semua</option>
                                    @foreach (\App\Models\SmartCity\WasteCollectionRun::STATUSES as $key => $label)
                                        <option value="{{ $key }}" @selected(($filters['run_status'] ?? null) === $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label class="form-label">Shift</label>
                                <input type="date" class="form-control" name="shift_date" value="{{ $filters['shift_date'] ?? '' }}">
                            </div>
                            <div class="col-12 d-flex gap-2">
                                <button type="submit" class="btn btn-primary">Filter</button>
                                <a href="{{ route('admin.smart_city.waste') }}" class="btn btn-outline-secondary">Reset</a>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white"><h5 class="mb-0">Pelanggan / Objek Layanan</h5></div>
                    <div class="card-body">
                        @if ($customers->isEmpty())
                            <div class="alert alert-light border mb-0">Belum ada pelanggan / objek layanan.</div>
                        @else
                            <div class="table-responsive">
                                <table class="table align-middle">
                                    <thead><tr><th>Pelanggan</th><th>Organisasi</th><th>Layanan</th><th>Billing</th></tr></thead>
                                    <tbody>
                                        @foreach ($customers as $customer)
                                            <tr>
                                                <td>
                                                    <div class="fw-semibold">{{ $customer->customer_name }}</div>
                                                    <div class="small text-muted">{{ $customer->customer_code }} | {{ $customer->customer_type_label }} | {{ $customer->service_scope_label }}</div>
                                                    <div class="small text-muted">{{ $customer->address_text ?: 'Alamat belum diatur' }}</div>
                                                </td>
                                                <td>{{ $customer->organization?->short_name ?: $customer->organization?->name ?: '-' }}</td>
                                                <td>{{ $customer->service?->nama ?: 'Belum ditautkan' }}</td>
                                                <td>{{ $customer->billing_status_label }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="mt-3">{{ $customers->links() }}</div>
                        @endif
                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white"><h5 class="mb-0">Request Layanan Angkut</h5></div>
                    <div class="card-body">
                        @if ($requests->isEmpty())
                            <div class="alert alert-light border mb-0">Belum ada request layanan angkut.</div>
                        @else
                            <div class="table-responsive">
                                <table class="table align-middle">
                                    <thead><tr><th>Request</th><th>Status</th><th>Keterkaitan</th><th>Aksi</th></tr></thead>
                                    <tbody>
                                        @foreach ($requests as $requestRecord)
                                            <tr>
                                                <td>
                                                    <div class="fw-semibold">{{ $requestRecord->request_code }}</div>
                                                    <div class="small text-muted">{{ $requestRecord->customer?->customer_name ?: '-' }} | {{ $requestRecord->request_type_label }}</div>
                                                </td>
                                                <td>
                                                    <div>{{ $requestRecord->status_label }}</div>
                                                    <div class="small text-muted">{{ $requestRecord->scheduled_for ? $requestRecord->scheduled_for->format('d M Y H:i') : 'Belum dijadwalkan' }}</div>
                                                </td>
                                                <td>
                                                    <div class="small">Aduan: {{ $requestRecord->complaint?->kode_tiket ?: 'Belum' }}</div>
                                                    <div class="small">Assignment: {{ $requestRecord->assignment?->assignment_code ?: 'Belum' }}</div>
                                                    <div class="small">Armada: {{ $requestRecord->vehicle?->name ?: 'Belum' }}</div>
                                                </td>
                                                <td style="min-width:220px;">
                                                    @php
                                                        $nextStatuses = match ($requestRecord->status) {
                                                            'diajukan' => ['diverifikasi', 'dibatalkan'],
                                                            'diverifikasi' => ['dijadwalkan', 'dibatalkan'],
                                                            'dijadwalkan' => ['dalam_proses', 'dibatalkan'],
                                                            'dalam_proses' => ['selesai', 'dibatalkan'],
                                                            default => [],
                                                        };
                                                    @endphp
                                                    @if ($nextStatuses)
                                                        <form method="POST" action="{{ route('admin.smart_city.waste.request.transition', $requestRecord) }}" class="row g-2">
                                                            @csrf
                                                            <div class="col-12">
                                                                <select name="status" class="form-select form-select-sm">
                                                                    @foreach ($nextStatuses as $status)
                                                                        <option value="{{ $status }}">{{ \App\Models\SmartCity\WasteServiceRequest::STATUSES[$status] }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-12"><input type="datetime-local" name="scheduled_for" class="form-control form-control-sm"></div>
                                                            <div class="col-12"><input type="text" name="note" class="form-control form-control-sm" placeholder="Catatan"></div>
                                                            <div class="col-12 d-grid"><button type="submit" class="btn btn-outline-primary btn-sm">Proses</button></div>
                                                        </form>
                                                    @else
                                                        <span class="text-muted small">Status akhir.</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="mt-3">{{ $requests->links() }}</div>
                        @endif
                    </div>
                </div>

                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-white"><h5 class="mb-0">Ritase / Operasi Lapangan</h5></div>
                    <div class="card-body">
                        @if ($runs->isEmpty())
                            <div class="alert alert-light border mb-0">Belum ada ritase / operasi lapangan.</div>
                        @else
                            <div class="table-responsive">
                                <table class="table align-middle">
                                    <thead><tr><th>Operasi</th><th>Status</th><th>Muat</th><th>Aksi</th></tr></thead>
                                    <tbody>
                                        @foreach ($runs as $run)
                                            <tr>
                                                <td>
                                                    <div class="fw-semibold">{{ $run->run_code }}</div>
                                                    <div class="small text-muted">{{ $run->route_name }} | {{ $run->shift_date?->format('d M Y') }}</div>
                                                </td>
                                                <td>{{ $run->status_label }}</td>
                                                <td>
                                                    <div class="small">Trip: {{ number_format((int) $run->trip_count) }}</div>
                                                    <div class="small">Aktual: {{ $run->actual_load_kg ? number_format((float) $run->actual_load_kg, 0, ',', '.') . ' kg' : '-' }}</div>
                                                </td>
                                                <td style="min-width:220px;">
                                                    @php
                                                        $nextStatuses = match ($run->status) {
                                                            'terencana' => ['berjalan', 'dibatalkan'],
                                                            'berjalan' => ['selesai', 'dibatalkan'],
                                                            default => [],
                                                        };
                                                    @endphp
                                                    @if ($nextStatuses)
                                                        <form method="POST" action="{{ route('admin.smart_city.waste.run.transition', $run) }}" class="row g-2">
                                                            @csrf
                                                            <div class="col-12">
                                                                <select name="status" class="form-select form-select-sm">
                                                                    @foreach ($nextStatuses as $status)
                                                                        <option value="{{ $status }}">{{ \App\Models\SmartCity\WasteCollectionRun::STATUSES[$status] }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="col-12"><input type="text" name="note" class="form-control form-control-sm" placeholder="Catatan"></div>
                                                            <div class="col-12 d-grid"><button type="submit" class="btn btn-outline-primary btn-sm">Perbarui</button></div>
                                                        </form>
                                                    @else
                                                        <span class="text-muted small">Status akhir.</span>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="mt-3">{{ $runs->links() }}</div>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-xl-4">
                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white"><h5 class="mb-0">Tambah Pelanggan / Objek</h5></div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('admin.smart_city.waste.customer.store') }}" class="row g-3">
                            @csrf
                            <div class="col-12">
                                <label class="form-label">Organisasi</label>
                                <select name="organization_id" class="form-select" required>
                                    <option value="">Pilih</option>
                                    @foreach ($organizations as $organization)
                                        <option value="{{ $organization->id }}" @selected((int) old('organization_id', $filters['organization_id'] ?? 0) === (int) $organization->id)>{{ $organization->short_name ?: $organization->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6">
                                <label class="form-label">Tipe</label>
                                <select name="customer_type" class="form-select">
                                    @foreach (\App\Models\SmartCity\WasteCustomer::CUSTOMER_TYPES as $key => $label)
                                        <option value="{{ $key }}" @selected(old('customer_type', 'penduduk') === $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6">
                                <label class="form-label">Scope</label>
                                <select name="service_scope" class="form-select">
                                    @foreach (\App\Models\SmartCity\WasteCustomer::SERVICE_SCOPES as $key => $label)
                                        <option value="{{ $key }}" @selected(old('service_scope', 'rumah_tangga') === $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Layanan</label>
                                <select name="layanan_id" class="form-select">
                                    <option value="">Pilih</option>
                                    @foreach ($wasteServices as $service)
                                        <option value="{{ $service->id }}" @selected((int) old('layanan_id') === (int) $service->id)>{{ $service->nama }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-8"><input type="text" class="form-control js-search-keyword" data-target="penduduk_results" data-url="{{ route('admin.smart_city.waste.penduduk.search') }}" placeholder="Cari penduduk"></div>
                            <div class="col-4 d-grid"><button type="button" class="btn btn-outline-secondary js-search-trigger" data-target="penduduk_results">Cari</button></div>
                            <div class="col-12"><select name="penduduk_id" id="penduduk_results" class="form-select"><option value="">Pilih hasil penduduk</option></select></div>
                            <div class="col-8"><input type="text" class="form-control js-search-keyword" data-target="rumah_results" data-url="{{ route('admin.smart_city.waste.rumah.search') }}" placeholder="Cari rumah"></div>
                            <div class="col-4 d-grid"><button type="button" class="btn btn-outline-secondary js-search-trigger" data-target="rumah_results">Cari</button></div>
                            <div class="col-12"><select name="rumah_id" id="rumah_results" class="form-select"><option value="">Pilih hasil rumah</option></select></div>
                            <div class="col-12"><input type="text" name="customer_name" class="form-control" value="{{ old('customer_name') }}" placeholder="Nama pelanggan / objek"></div>
                            <div class="col-6"><input type="text" name="phone" class="form-control" value="{{ old('phone') }}" placeholder="Telepon"></div>
                            <div class="col-6"><input type="number" min="0" step="0.01" name="monthly_retribution_amount" class="form-control" value="{{ old('monthly_retribution_amount') }}" placeholder="Retribusi"></div>
                            <div class="col-12"><textarea name="address_text" class="form-control" rows="2" placeholder="Alamat">{{ old('address_text') }}</textarea></div>
                            <div class="col-6">
                                <select name="billing_status_snapshot" class="form-select">
                                    @foreach (\App\Models\SmartCity\WasteCustomer::BILLING_STATUSES as $key => $label)
                                        <option value="{{ $key }}" @selected(old('billing_status_snapshot', 'belum_diatur') === $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6"><input type="text" name="billing_reference" class="form-control" value="{{ old('billing_reference') }}" placeholder="Referensi billing"></div>
                            <div class="col-12"><textarea name="notes" class="form-control" rows="2" placeholder="Catatan">{{ old('notes') }}</textarea></div>
                            <div class="col-12 d-grid"><button type="submit" class="btn btn-primary">Simpan Pelanggan</button></div>
                        </form>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white"><h5 class="mb-0">Catat Request Angkut</h5></div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('admin.smart_city.waste.request.store') }}" class="row g-3">
                            @csrf
                            <div class="col-12">
                                <select name="customer_id" class="form-select" required>
                                    <option value="">Pilih pelanggan</option>
                                    @foreach ($recentCustomers as $customer)
                                        <option value="{{ $customer->id }}" @selected((int) old('customer_id') === (int) $customer->id)>{{ $customer->customer_code }} | {{ $customer->customer_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12">
                                <select name="layanan_id" class="form-select">
                                    <option value="">Ikuti layanan pelanggan</option>
                                    @foreach ($wasteServices as $service)
                                        <option value="{{ $service->id }}" @selected((int) old('layanan_id') === (int) $service->id)>{{ $service->nama }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6">
                                <select name="request_type" class="form-select">
                                    @foreach (\App\Models\SmartCity\WasteServiceRequest::REQUEST_TYPES as $key => $label)
                                        <option value="{{ $key }}" @selected(old('request_type', 'angkut_insidental') === $key)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6"><input type="datetime-local" name="scheduled_for" class="form-control" value="{{ old('scheduled_for') }}"></div>
                            <div class="col-6">
                                <select name="vehicle_asset_id" class="form-select">
                                    <option value="">Armada opsional</option>
                                    @foreach ($vehicleOptions as $vehicle)
                                        <option value="{{ $vehicle->id }}" @selected((int) old('vehicle_asset_id') === (int) $vehicle->id)>{{ $vehicle->asset_code }} | {{ $vehicle->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6"><input type="number" min="0" step="0.01" name="estimated_volume_kg" class="form-control" value="{{ old('estimated_volume_kg') }}" placeholder="Estimasi kg"></div>
                            <div class="col-12"><input type="text" name="waste_source_type" class="form-control" value="{{ old('waste_source_type') }}" placeholder="Sumber sampah"></div>
                            <div class="col-12"><textarea name="address_text" class="form-control" rows="2" placeholder="Alamat">{{ old('address_text') }}</textarea></div>
                            <div class="col-12"><textarea name="notes" class="form-control" rows="2" placeholder="Catatan">{{ old('notes') }}</textarea></div>
                            <div class="col-12 d-grid"><button type="submit" class="btn btn-primary">Simpan Request</button></div>
                        </form>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white"><h5 class="mb-0">Catat Ritase</h5></div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('admin.smart_city.waste.run.store') }}" class="row g-3">
                            @csrf
                            <div class="col-12"><input type="text" name="route_name" class="form-control" value="{{ old('route_name') }}" placeholder="Nama rute / koridor" required></div>
                            <div class="col-6"><input type="date" name="shift_date" class="form-control" value="{{ old('shift_date', now()->toDateString()) }}" required></div>
                            <div class="col-6"><input type="number" min="0" name="trip_count" class="form-control" value="{{ old('trip_count', 0) }}" placeholder="Trip"></div>
                            <div class="col-12">
                                <select name="organization_id" class="form-select">
                                    <option value="">Ikuti request / assignment</option>
                                    @foreach ($organizations as $organization)
                                        <option value="{{ $organization->id }}" @selected((int) old('organization_id', $filters['organization_id'] ?? 0) === (int) $organization->id)>{{ $organization->short_name ?: $organization->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12">
                                <select name="service_request_id" class="form-select">
                                    <option value="">Request opsional</option>
                                    @foreach ($requests as $requestRecord)
                                        <option value="{{ $requestRecord->id }}" @selected((int) old('service_request_id') === (int) $requestRecord->id)>{{ $requestRecord->request_code }} | {{ $requestRecord->customer?->customer_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6">
                                <select name="vehicle_asset_id" class="form-select">
                                    <option value="">Armada</option>
                                    @foreach ($vehicleOptions as $vehicle)
                                        <option value="{{ $vehicle->id }}" @selected((int) old('vehicle_asset_id') === (int) $vehicle->id)>{{ $vehicle->asset_code }} | {{ $vehicle->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6">
                                <select name="site_asset_id" class="form-select">
                                    <option value="">Site</option>
                                    @foreach ($siteOptions as $site)
                                        <option value="{{ $site->id }}" @selected((int) old('site_asset_id') === (int) $site->id)>{{ $site->asset_code }} | {{ $site->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6"><input type="number" min="0" step="0.01" name="estimated_load_kg" class="form-control" value="{{ old('estimated_load_kg') }}" placeholder="Estimasi kg"></div>
                            <div class="col-6"><input type="number" min="0" step="0.01" name="actual_load_kg" class="form-control" value="{{ old('actual_load_kg') }}" placeholder="Aktual kg"></div>
                            <div class="col-12"><textarea name="notes" class="form-control" rows="2" placeholder="Catatan">{{ old('notes') }}</textarea></div>
                            <div class="col-12 d-grid"><button type="submit" class="btn btn-primary">Simpan Ritase</button></div>
                        </form>
                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white"><h5 class="mb-0">Ringkasan Fasilitas</h5></div>
                    <div class="card-body">
                        @foreach ($facilitySummary as $item)
                            <div class="d-flex justify-content-between py-2 border-bottom"><span>{{ $item['label'] }}</span><span class="fw-semibold">{{ number_format($item['value']) }}</span></div>
                        @endforeach
                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white"><h5 class="mb-0">Billing Snapshot</h5></div>
                    <div class="card-body">
                        @foreach ($billingSummary as $item)
                            <div class="d-flex justify-content-between py-2 border-bottom"><span>{{ $item['label'] }}</span><span class="fw-semibold">{{ number_format($item['value']) }}</span></div>
                        @endforeach
                    </div>
                </div>

                <div class="card border-0 shadow-sm mb-3">
                    <div class="card-header bg-white"><h5 class="mb-0">Aduan Persampahan</h5></div>
                    <div class="card-body">
                        @forelse ($pendingComplaints as $complaint)
                            <a href="{{ route('admin.smart_city.complaints.show', $complaint) }}" class="d-block text-decoration-none py-2 border-bottom">
                                <div class="fw-semibold">{{ $complaint->kode_tiket }}</div>
                                <div class="small text-muted">{{ $complaint->judul }}</div>
                            </a>
                        @empty
                            <div class="text-muted">Belum ada aduan persampahan.</div>
                        @endforelse
                    </div>
                </div>

                @if ($warnings)
                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-white"><h5 class="mb-0">Peringatan Operasional</h5></div>
                        <div class="card-body">
                            <ul class="mb-0 ps-3">
                                @foreach ($warnings as $warning)
                                    <li class="mb-2">{{ $warning }}</li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        document.querySelectorAll('.js-search-trigger').forEach((button) => {
            button.addEventListener('click', async () => {
                const targetId = button.dataset.target;
                const input = document.querySelector(`.js-search-keyword[data-target="${targetId}"]`);
                const select = document.getElementById(targetId);
                if (!input || !select || !input.value.trim()) return;
                select.innerHTML = '<option value="">Memuat...</option>';
                try {
                    const response = await fetch(`${input.dataset.url}?search=${encodeURIComponent(input.value.trim())}`, { headers: { 'X-Requested-With': 'XMLHttpRequest' } });
                    const payload = await response.json();
                    const results = Array.isArray(payload.results) ? payload.results : [];
                    select.innerHTML = '<option value="">Pilih hasil</option>';
                    results.forEach((item) => {
                        const option = document.createElement('option');
                        option.value = item.id;
                        option.textContent = item.text;
                        select.appendChild(option);
                    });
                } catch (error) {
                    select.innerHTML = '<option value="">Gagal memuat hasil</option>';
                }
            });
        });
    </script>
@endpush