Copied content:
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help
10:49:34 AM [vite] (ssr) Error when evaluating SSR module /src/routes/(auth)/admin/customers/[id]/+page.svelte: src/routes/(auth)/admin/customers/[id]/+page.svelte:403:3 </div> attempted to close an element that was not open
https://svelte.dev/e/element_invalid_closing_tag
Plugin: vite-plugin-svelte
File: src/routes/(auth)/admin/customers/[id]/+page.svelte:403:3
401 |
402 |
403 |
^
404 |
405 | {:else}
[Error [CompileError]: src/routes/(auth)/admin/customers/[id]/+page.svelte:403:3 </div> attempted to close an element that was not open
https://svelte.dev/e/element_invalid_closing_tag] {
id: 'src/routes/(auth)/admin/customers/[id]/+page.svelte',
frame: ' 401 | \n' +
' 402 | \n' +
' 403 | \n' +
' ^\n' +
' 404 | \n' +
' 405 | {:else}',
code: 'element_invalid_closing_tag',
loc: {
line: 403,
column: 3,
file: 'src/routes/(auth)/admin/customers/[id]/+page.svelte'
},
plugin: 'vite-plugin-svelte',
pluginCode: '<script lang="ts">\n' +
"\timport { onMount } from 'svelte';\n" +
"\timport { page } from '$app/stores';\n" +
"\timport { goto } from '$app/navigation';\n" +
"\timport { ApiService, type Customer, type Job } from '$lib/api.js';\n" +
"\timport { formatDate, formatDateTime } from '$lib/dateUtils.js';\n" +
"\timport UserManagement from '$lib/components/UserManagement.svelte';\n" +
"\timport TailwindButton from '$lib/components/TailwindButton.svelte';\n" +
"\timport TailwindCard from '$lib/components/TailwindCard.svelte';\n" +
"\timport TailwindBadge from '$lib/components/TailwindBadge.svelte';\n" +
"\timport { Plus, Calendar, User, Wrench, Trash2, Edit, AlertCircle, CreditCard, ExternalLink, Settings, ChevronRight } from 'lucide-svelte';\n" +
"\timport SubscriptionBadge from '$lib/components/SubscriptionBadge.svelte';\n" +
'\n' +
'\tlet customer: Customer | null = null;\n' +
'\tlet jobs: Job[] = [];\n' +
'\tlet loading = true;\n' +
'\tlet jobsLoading = true;\n' +
'\tlet deleting = false;\n' +
"\tlet error = '';\n" +
"\tlet jobError = '';\n" +
'\n' +
'\t$: customerId = $page.params.id;\n' +
'\n' +
'\tonMount(async () => {\n' +
'\t\tawait Promise.all([loadCustomer(), loadJobs()]);\n' +
'\t});\n' +
'\n' +
'\tasync function loadCustomer() {\n' +
'\t\ttry {\n' +
'\t\t\tcustomer = await ApiService.getCustomer(customerId);\n' +
'\t\t} catch (err) {\n' +
"\t\t\terror = err instanceof Error ? err.message : 'Failed to load customer';\n" +
'\t\t} finally {\n' +
'\t\t\tloading = false;\n' +
'\t\t}\n' +
'\t}\n' +
'\n' +
'\tasync function loadJobs() {\n' +
'\t\ttry {\n' +
'\t\t\tjobs = await ApiService.getCustomerJobs(customerId);\n' +
'\t\t\t\n' +
'\t\t\t// DEBUG: Log raw API response\n' +
"\t\t\tconsole.log('=== ADMIN CUSTOMER DETAIL VIEW DEBUG ===');\n" +
"\t\t\tconsole.log('Customer ID:', customerId);\n" +
"\t\t\tconsole.log('Total jobs loaded:', jobs.length);\n" +
"\t\t\tconsole.log('Raw jobs data from API:', JSON.parse(JSON.stringify(jobs)));\n" +
"\t\t\tconsole.log('Job statuses:', jobs.map(j => ({ id: j.id, title: j.title, status: j.status })));\n" +
"\t\t\tconsole.log('=====================================');\n" +
'\t\t} catch (err) {\n' +
"\t\t\tjobError = err instanceof Error ? err.message : 'Failed to load jobs';\n" +
'\t\t} finally {\n' +
'\t\t\tjobsLoading = false;\n' +
'\t\t}\n' +
'\t}\n' +
'\n' +
'\tasync function deleteJob(jobId: string) {\n' +
"\t\tif (!confirm('Are you sure you want to delete this job?')) return;\n" +
'\t\t\n' +
'\t\ttry {\n' +
'\t\t\tawait ApiService.deleteJob(jobId);\n' +
'\t\t\tawait loadJobs(); // Reload jobs\n' +
'\t\t} catch (err) {\n' +
"\t\t\tjobError = err instanceof Error ? err.message : 'Failed to delete job';\n" +
'\t\t}\n' +
'\t}\n' +
'\n' +
"\tfunction getStatusVariant(status: string): 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' {\n" +
'\t\tswitch (status) {\n' +
"\t\t\tcase 'open': return 'primary';\n" +
"\t\t\tcase 'assigned': return 'warning';\n" +
"\t\t\tcase 'in-progress': return 'secondary';\n" +
"\t\t\tcase 'closed': return 'success';\n" +
"\t\t\tcase 'needs_manual_assignment': return 'danger';\n" +
"\t\t\tdefault: return 'default';\n" +
'\t\t}\n' +
'\t}\n' +
'\n' +
'\tfunction formatStatus(status: string): string {\n' +
"\t\treturn status.charAt(0).toUpperCase() + status.slice(1).replace('', ' ').replace('-', ' ');\n" +
'\t}\n' +
'\n' +
'\n' +
'\tasync function handleDelete() {\n' +
'\t\tif (!confirm(Are you sure you want to delete "${customer?.info.legalName}"? This action cannot be undone.)) {\n' +
'\t\t\treturn;\n' +
'\t\t}\n' +
'\n' +
'\t\tdeleting = true;\n' +
"\t\terror = '';\n" +
'\n' +
'\t\ttry {\n' +
'\t\t\tawait ApiService.deleteCustomer(customerId);\n' +
"\t\t\tgoto('/admin/customers');\n" +
'\t\t} catch (err) {\n' +
"\t\t\terror = err instanceof Error ? err.message : 'Failed to delete customer';\n" +
'\t\t\tdeleting = false;\n' +
'\t\t}\n' +
'\t}\n' +
'</script>\n' +
'\n' +
'svelte:head\n' +
"\t<title>{customer ? customer.info.legalName : 'Customer'} - Resilient Schedule</title>\n" +
'</svelte:head>\n' +
'\n' +
'