import { test } from '@playwright/test';

test('Take screenshot of calendar for visual inspection', async ({ page }) => {
  // Set basic auth header
  await page.setExtraHTTPHeaders({
    'Authorization': 'Basic ' + Buffer.from('brotha:makefood1').toString('base64')
  });
  
  await page.goto('http://localhost:3000/admin/availability');
  await page.waitForSelector('.cook-calendar');
  
  // Wait a bit more to ensure everything is loaded
  await page.waitForTimeout(2000);
  
  // Take screenshot of just the calendar
  const calendar = page.locator('.cook-calendar');
  await calendar.screenshot({ path: 'calendar-debug.png' });
  
  // Also log the actual HTML structure
  const calendarHTML = await calendar.innerHTML();
  console.log('=== FULL CALENDAR HTML ===');
  console.log(calendarHTML);
  
  // Check actual header text
  const headers = await page.locator('.cook-calendar th, .cook-calendar .rdp-head_cell').allTextContents();
  console.log('Week headers:', headers);
});