import type { Request, Response } from 'express'

import getCemeteries from '../../database/getCemeteries.js'
import { getConfigProperty } from '../../helpers/config.helpers.js'
import { getCemeterySVGs } from '../../helpers/images.helpers.js'
import type { Cemetery } from '../../types/record.types.js'

export default async function handler(
  _request: Request,
  response: Response
): Promise<void> {
  const cemetery: Cemetery = {
    cemeteryCity: getConfigProperty('settings.cityDefault'),
    cemeteryProvince: getConfigProperty('settings.provinceDefault'),

    cemeteryAddress1: '',
    cemeteryAddress2: '',
    cemeteryDescription: '',
    cemeteryKey: '',
    cemeteryName: '',
    cemeteryPhoneNumber: '',
    cemeteryPostalCode: '',

    childCemeteries: []
  }

  const cemeteries = await getCemeteries()

  const cemeterySVGs = await getCemeterySVGs()

  response.render('cemetery-edit', {
    headTitle: 'Create a Cemetery',

    cemetery,
    cemeterySVGs,
    isCreate: true,

    cemeteries
  })
}