import dbClient from 'db/client.ts';

interface Plan {
  id: string;
  name: string;
  folder: string;
}

const makePlanButtons = (planId: string, deleted: boolean) =>
  deleted
    ? `<button>restore</button><button>perm delete</button>`
    : `<button>open</button><button>share</button><button>rename</button><button>move</button><button>delete</button>`;

const makePlanItem = (plan: Plan, deleted: boolean) => `<li>${plan.folder}${plan.folder && '/'}${plan.name} - ${makePlanButtons(plan.id, deleted)}</li>`;

export default async (userId: string, userName: string) => {
  let failed = false;

  const plans: Plan[] = await dbClient
    .query('SELECT id, name, folder FROM plans WHERE ownerId = ? AND deleted = 0 GROUP BY folder,name,id ORDER BY folder,name DESC', [userId])
    .catch((e) => {
      console.error(e);
      failed = true;
    });
  if (failed) return "Couldn't read DB.";

  const deletedPlans: Plan[] = await dbClient
    .query('SELECT id, name, folder FROM plans WHERE ownerId = ? AND deleted = 1 GROUP BY folder,name,id ORDER BY folder,name DESC', [userId])
    .catch(() => {
      failed = true;
    });
  if (failed) return "Couldn't read DB.";

  return `<div>
<h3>${userName}'s Plans:</h3>
<ul>
${plans.map((plan) => makePlanItem(plan, false)).join('')}
</ul>
<h3>${userName}'s Deleted Plans:</h3>
<ul>
${deletedPlans.map((plan) => makePlanItem(plan, true)).join('')}
</ul>
</div>`;
};