import { ref } from 'vue'
import { updateJob } from 'src/api/dispatch'
import { serializeAssistants } from 'src/composables/useHelpers'

export function useContextMenus ({ store, rightPanel, invalidateRoutes, fullUnassign, openMoveModal, openEditModal }) {
  const ctxMenu = ref(null)
  const techCtx = ref(null)
  const assistCtx = ref(null)
  const assistNoteModal = ref(null)

  function openCtxMenu (e, job, techId) {
    e.preventDefault(); e.stopPropagation()
    ctxMenu.value = { x: Math.min(e.clientX, window.innerWidth-180), y: Math.min(e.clientY, window.innerHeight-200), job, techId }
  }
  function closeCtxMenu () { ctxMenu.value = null }
  function openTechCtx (e, tech) {
    e.preventDefault(); e.stopPropagation()
    techCtx.value = { x: Math.min(e.clientX, window.innerWidth-200), y: Math.min(e.clientY, window.innerHeight-200), tech }
  }
  function openAssistCtx (e, job, techId) {
    e.preventDefault(); e.stopPropagation()
    assistCtx.value = { x: Math.min(e.clientX, window.innerWidth-200), y: Math.min(e.clientY, window.innerHeight-150), job, techId }
  }
  function assistCtxTogglePin () {
    if (!assistCtx.value) return
    const { job, techId } = assistCtx.value
    const assist = job.assistants.find(a => a.techId === techId)
    if (assist) {
      assist.pinned = !assist.pinned
      updateJob(job.name || job.id, { assistants: serializeAssistants(job.assistants) }).catch(() => {})
      invalidateRoutes()
    }
    assistCtx.value = null
  }
  function assistCtxRemove () {
    if (!assistCtx.value) return
    store.removeAssistant(assistCtx.value.job.id, assistCtx.value.techId)
    invalidateRoutes(); assistCtx.value = null
  }
  function assistCtxNote () {
    if (!assistCtx.value) return
    const { job, techId } = assistCtx.value
    const assist = job.assistants.find(a => a.techId === techId)
    assistNoteModal.value = { job, techId, note: assist?.note || '' }
    assistCtx.value = null
  }
  function confirmAssistNote () {
    if (!assistNoteModal.value) return
    const { job, techId, note } = assistNoteModal.value
    const assist = job.assistants.find(a => a.techId === techId)
    if (assist) {
      assist.note = note
      updateJob(job.name || job.id, { assistants: serializeAssistants(job.assistants) }).catch(() => {})
    }
    assistNoteModal.value = null
  }

  function ctxDetails () {
    const { job, techId } = ctxMenu.value
    rightPanel.value = { mode: 'details', data: { job, tech: store.technicians.find(t => t.id === techId) } }; closeCtxMenu()
  }
  function ctxMove () { const { job, techId } = ctxMenu.value; openMoveModal(job, techId); closeCtxMenu() }
  function ctxUnschedule () { fullUnassign(ctxMenu.value.job); closeCtxMenu() }

  return {
    ctxMenu, techCtx, assistCtx, assistNoteModal,
    openCtxMenu, closeCtxMenu, openTechCtx, openAssistCtx,
    assistCtxTogglePin, assistCtxRemove, assistCtxNote, confirmAssistNote,
    ctxDetails, ctxMove, ctxUnschedule,
  }
}