const TEMPLATE_CATEGORIES = [
  {
    title: 'Calling In Sick or Running Late',
    items: [
      {
        label: 'Calling in sick',
        text: "Hi [Manager's name], I'm not feeling well and won't be able to make my shift today ([date]). Sorry for the short notice — I'll let you know if anything changes.",
      },
      {
        label: 'Running late',
        text: "Hi [Manager's name], I'm running about [X] minutes behind and will be there by [time]. Sorry about that!",
      },
    ],
  },
  {
    title: 'Asking for Time Off',
    items: [
      {
        label: 'Requesting specific dates off',
        text: "Hi [Manager's name], I wanted to ask for time off on [date(s)]. Let me know if that works or if you need me to find coverage first.",
      },
    ],
  },
  {
    title: 'Following Up After an Interview',
    items: [
      {
        label: 'Same-day thank you',
        text: "Hi [Interviewer's name], thank you for taking the time to talk with me today about the [job title] position. I really enjoyed learning more about the role and I'm excited about the opportunity. Please let me know if you need anything else from me.",
      },
      {
        label: 'Checking on status',
        text: "Hi [Interviewer's name], I wanted to follow up on the [job title] position I interviewed for on [date]. I'm still very interested and wanted to check if there's any update on the timeline. Thanks again for your time!",
      },
    ],
  },
  {
    title: 'Accepting or Declining an Offer',
    items: [
      {
        label: 'Accepting an offer',
        text: "Hi [name], thank you so much for the offer! I'm happy to accept the [job title] position and I'm looking forward to getting started. Please let me know the next steps.",
      },
      {
        label: 'Declining an offer',
        text: "Hi [name], thank you so much for the offer and for taking the time to meet with me. After thinking it over, I've decided to go a different direction right now. I really appreciate the opportunity and hope our paths cross again.",
      },
    ],
  },
  {
    title: 'Asking for a Schedule Change',
    items: [
      {
        label: 'Requesting a schedule adjustment',
        text: "Hi [Manager's name], would it be possible to adjust my schedule on [date] to [requested change]? Happy to help find coverage if needed. Let me know what works.",
      },
    ],
  },
  {
    title: 'Giving Notice / Quitting',
    items: [
      {
        label: 'Two weeks\' notice',
        text: "Hi [Manager's name], I wanted to let you know that I'll be leaving my position, with my last day being [date, ~2 weeks out]. Thank you for the opportunity — I've appreciated my time here and I'm happy to help make the transition smooth.",
      },
    ],
  },
];

function renderTemplates() {
  document.getElementById('templates').innerHTML = TEMPLATE_CATEGORIES.map((cat) => `
    <h2>${cat.title}</h2>
    ${cat.items.map((item) => `
      <div class="card template-card">
        <h3>${item.label}</h3>
        <pre class="template-text">${item.text}</pre>
        <button class="btn btn-secondary btn-sm copy-btn" type="button">Copy</button>
      </div>
    `).join('')}
  `).join('');
}

document.getElementById('templates').addEventListener('click', (e) => {
  const btn = e.target.closest('.copy-btn');
  if (!btn) return;
  const text = btn.previousElementSibling.textContent;
  navigator.clipboard.writeText(text).then(() => {
    const original = btn.textContent;
    btn.textContent = 'Copied!';
    setTimeout(() => { btn.textContent = original; }, 1500);
  });
});

renderTemplates();