(function(){'use strict';
const KEY='focus_desk_tasks';
function load(){try{const r=localStorage.getItem(KEY);if(!r)return[];const d=JSON.parse(r);return Array.isArray(d)?d.filter(t=>t&&typeof t.id==='string'&&typeof t.title==='string'&&typeof t.completed==='boolean'):[];}catch(_){return[];}}
function save(){localStorage.setItem(KEY,JSON.stringify(tasks));}
let tasks=load();
function uid(){return Date.now().toString(36)+Math.random().toString(36).slice(2,7);}
const $=id=>document.getElementById(id);
const createForm=$('create-form'),titleIn=$('task-title-input'),notesIn=$('task-notes-input'),priSel=$('task-priority-select'),dueIn=$('task-due-input'),titleErr=$('title-error');
const searchIn=$('search-input'),statusF=$('status-filter-select'),priF=$('priority-filter-select');
const taskList=$('task-list'),emptyEl=$('empty-state');
const cTotal=document.querySelector('[data-testid="count-total"]'),cActive=document.querySelector('[data-testid="count-active"]'),cDone=document.querySelector('[data-testid="count-completed"]');
const editModal=$('edit-modal'),editForm=$('edit-form'),editTitleIn=$('edit-title-input'),editNotesIn=$('edit-notes-input'),editPri=$('edit-priority-select'),editDue=$('edit-due-input'),editTitleErr=$('edit-title-error'),cancelBtn=$('cancel-edit');
let editId=null;
function esc(s){const d=document.createElement('div');d.textContent=s;return d.innerHTML;}
function fmtDate(iso){if(!iso)return'';const[y,m,d]=iso.split('-').map(Number);return new Date(y,m-1,d).toLocaleDateString(undefined,{month:'short',day:'numeric',year:'numeric'});}
function overdue(iso){if(!iso)return false;const[y,m,d]=iso.split('-').map(Number),due=new Date(y,m-1,d),now=new Date();now.setHours(0,0,0,0);return due<now;}
function filtered(){
  const q=searchIn.value.trim().toLowerCase(),st=statusF.value,pr=priF.value;
  return tasks.filter(t=>{
    if(st==='active'&&t.completed)return false;
    if(st==='completed'&&!t.completed)return false;
    if(pr!=='all'&&t.priority!==pr)return false;
    if(q&&!t.title.toLowerCase().includes(q)&&!(t.notes||'').toLowerCase().includes(q))return false;
    return true;
  });
}
function render(){
  const done=tasks.filter(t=>t.completed).length;
  cTotal.textContent=tasks.length;cActive.textContent=tasks.length-done;cDone.textContent=done;
  const list=filtered();
  if(!list.length){taskList.innerHTML='';emptyEl.classList.remove('hidden');return;}
  emptyEl.classList.add('hidden');
  const frag=document.createDocumentFragment();
  list.forEach(t=>frag.appendChild(buildEl(t)));
  taskList.innerHTML='';taskList.appendChild(frag);
}
function buildEl(t){
  const li=document.createElement('li');
  li.setAttribute('data-testid','task-item');
  li.dataset.id=t.id;li.dataset.priority=t.priority||'medium';
  li.className='task-item'+(t.completed?' completed':'');
  const pl=t.priority?t.priority[0].toUpperCase()+t.priority.slice(1):'Medium';
  const dueHtml=t.due?`<span class="due-text${overdue(t.due)&&!t.completed?' overdue':''}">Due ${fmtDate(t.due)}</span>`:'';
  li.innerHTML=`<input type="checkbox" class="task-toggle" data-testid="task-toggle" aria-label="Mark complete"${t.completed?' checked':''}>`+
    `<div class="task-body"><div class="task-title-text">${esc(t.title)}</div>`+
    (t.notes?`<div class="task-notes-text">${esc(t.notes)}</div>`:'')+
    `<div class="task-meta"><span class="badge badge-${t.priority||'medium'}">${pl}</span>${dueHtml}</div></div>`+
    `<div class="task-actions">`+
    `<button type="button" class="btn btn-icon task-edit" data-testid="task-edit" aria-label="Edit task"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg></button>`+
    `<button type="button" class="btn btn-icon btn-danger task-delete" data-testid="task-delete" aria-label="Delete task"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M9 6V4h6v2"/></svg></button></div>`;
  li.querySelector('[data-testid="task-toggle"]').addEventListener('change',()=>{const tk=tasks.find(x=>x.id===t.id);if(tk){tk.completed=!tk.completed;save();render();}});
  li.querySelector('[data-testid="task-edit"]').addEventListener('click',()=>openEdit(t.id));
  li.querySelector('[data-testid="task-delete"]').addEventListener('click',()=>{tasks=tasks.filter(x=>x.id!==t.id);save();render();});
  return li;
}
function openEdit(id){
  const t=tasks.find(x=>x.id===id);if(!t)return;
  editId=id;editTitleIn.value=t.title;editNotesIn.value=t.notes||'';editPri.value=t.priority||'medium';editDue.value=t.due||'';
  editTitleErr.textContent='';editModal.classList.remove('hidden');editTitleIn.focus();
}
function closeEdit(){editModal.classList.add('hidden');editId=null;}
editForm.addEventListener('submit',e=>{
  e.preventDefault();
  if(!editTitleIn.value.trim()){editTitleErr.textContent='Title is required.';editTitleIn.focus();return;}
  editTitleErr.textContent='';
  const t=tasks.find(x=>x.id===editId);
  if(t){t.title=editTitleIn.value.trim();t.notes=editNotesIn.value.trim();t.priority=editPri.value;t.due=editDue.value||'';}
  save();render();closeEdit();
});
cancelBtn.addEventListener('click',closeEdit);
editModal.addEventListener('click',e=>{if(e.target===editModal)closeEdit();});
document.addEventListener('keydown',e=>{if(e.key==='Escape'&&!editModal.classList.contains('hidden'))closeEdit();});
createForm.addEventListener('submit',e=>{
  e.preventDefault();
  if(!titleIn.value.trim()){titleErr.textContent='Title is required.';titleIn.focus();return;}
  titleErr.textContent='';
  tasks.unshift({id:uid(),title:titleIn.value.trim(),notes:notesIn.value.trim(),priority:priSel.value||'medium',due:dueIn.value||'',completed:false,createdAt:Date.now()});
  save();render();createForm.reset();priSel.value='medium';titleIn.focus();
});
searchIn.addEventListener('input',render);
statusF.addEventListener('change',render);
priF.addEventListener('change',render);
render();
})();