import { expect, test, type Page } from '@playwright/test';

async function setup(page: Page, scenario: 'queue' | 'template' | 'mine') {
  await page.addInitScript(() => localStorage.setItem('pipu.locale', 'ru'));
  await page.goto('/login');
  await page.getByLabel('Логин', { exact: true }).fill('mobile-admin');
  await page.getByRole('textbox', { name: 'Пароль', exact: true }).fill('mobile-admin-password');
  await page.getByRole('button', { name: 'Войти', exact: true }).click();
  await expect(page.getByRole('button', { name: 'Меню профиля' })).toBeVisible();
  await page.evaluate(async (scenario) => {
    const modulePath = '/src/test/mobileFixtures.ts';
    const { mobileFixtures } = await import(modulePath);
    const source = structuredClone(mobileFixtures['/api/v1/admin/sources'].items[0]);
    const file = structuredClone(mobileFixtures['/api/v1/admin/uploads'].items[0]);
    const files = [
      { ...file, id: 'visible', original_name: 'visible.flac', target_source_name: source.name, target_rel_path: 'Artist/Album/01 - Song.flac' },
      { ...file, id: 'approved', original_name: 'approved.flac', status: 'approved' },
      { ...file, id: 'hidden', original_name: 'hidden.flac', status: 'processing' },
      { ...file, id: 'withdrawn', original_name: 'withdrawn.flac', metadata: null, status: 'withdrawn' },
      { ...file, id: 'rejected', original_name: 'rejected.flac', metadata: null, status: 'rejected' },
    ];
    const missing = { ...file, id: 'missing', original_name: 'missing.flac', target_source_id: null, target_source_name: null, target_rel_path: null, status_reason: 'uploads.no_target' };
    let failOnce = true;
    const deleted: string[] = [];
    const original = window.fetch;
    const json = (data: unknown, status = 200) => new Response(JSON.stringify(data), { status, headers: { 'Content-Type': 'application/json' } });
    window.fetch = async (input, init) => {
      const req = new Request(input, init);
      const url = new URL(req.url);
      if (scenario === 'queue' && url.pathname === '/api/v1/admin/uploads') return json({ items: [files[0], missing], next_cursor: null });
      if (scenario === 'queue' && url.pathname === '/api/v1/admin/uploads/files/missing' && req.method === 'PATCH') {
        const body = await req.json();
        Object.assign(missing, { metadata: body.metadata, target_source_id: source.id, target_source_name: source.name, target_rel_path: 'Artist/Album/02 - Fixed.flac', status_reason: null });
        return json(missing);
      }
      if (scenario === 'template') {
        if (url.pathname.endsWith('/write-template/suggest')) return json({ template: '{albumartist}/{album}/{track:02}. {title}.{ext}', matched: 180, total: 200, examples: ['Кино/Группа крови/01. Группа крови.flac'] });
        if (url.pathname.endsWith('/write-template/check')) return json({ ok: false, total: 50, round_trip: 0, same_path: 45, mismatches: [] });
        if (url.pathname === `/api/v1/admin/sources/${source.id}` && req.method === 'PATCH') {
          const body = await req.json();
          document.documentElement.dataset.savedTemplate = body.write_template;
          Object.assign(source, body);
          return json(source);
        }
        if (url.pathname === `/api/v1/admin/sources/${source.id}`) return json(source);
      }
      if (scenario === 'mine' && url.pathname === '/api/v1/uploads/mine') {
        if (url.searchParams.has('batch')) {
          document.documentElement.dataset.batchPages = String(Number(document.documentElement.dataset.batchPages ?? 0) + 1);
          return json({ items: [url.searchParams.has('cursor') ? files[2] : files[0]], next_cursor: url.searchParams.has('cursor') ? null : 'next' });
        }
        const statuses = url.searchParams.getAll('status');
        const visible = [files[0], files[1], files[3], files[4]].filter((f) => !statuses.length || statuses.includes(f.status));
        return json({ items: visible, next_cursor: 'more' });
      }
      if (scenario === 'mine' && req.method === 'DELETE' && url.pathname.startsWith('/api/v1/uploads/files/')) {
        const id = url.pathname.split('/').pop()!;
        deleted.push(id);
        document.documentElement.dataset.deleted = JSON.stringify(deleted);
        if (id === 'hidden' && failOnce) { failOnce = false; return json({ code: 'uploads.wrong_status', status: 409 }, 409); }
        files.find((f) => f.id === id)!.status = 'withdrawn';
        return new Response(null, { status: 204 });
      }
      return original(input, init);
    };
    const target = scenario === 'queue' ? '/admin/uploads' : scenario === 'mine' ? '/uploads/mine' : `/admin/sources/${source.id}/patterns`;
    history.pushState({}, '', target);
    window.dispatchEvent(new PopStateEvent('popstate'));
  }, scenario);
}

test('queue shows the storage and path, and recalculates after fixing placement', async ({ page }, info) => {
  await setup(page, 'queue');
  await expect(page.getByText('Artist/Album/01 - Song.flac', { exact: true })).toBeVisible();
  await expect(page.getByText('Хранилище не выбрано', { exact: true })).toBeVisible();
  await page.getByRole('button', { name: 'Выбрать хранилище', exact: true }).click();
  const dialog = page.getByRole('dialog');
  await dialog.getByLabel('Исполнитель', { exact: true }).fill('Artist');
  await dialog.getByLabel('Название', { exact: true }).fill('Fixed');
  await dialog.getByRole('combobox').selectOption({ label: 'Музыкальное хранилище' });
  await dialog.getByRole('button', { name: 'Сохранить', exact: true }).click();
  await expect(page.getByText('Artist/Album/02 - Fixed.flac', { exact: true })).toBeVisible();
  await page.screenshot({ path: info.outputPath('queue-placement.png'), fullPage: true });
  await page.setViewportSize({ width: 390, height: 844 });
  await expect(page.getByText('Artist/Album/02 - Fixed.flac', { exact: true })).toBeVisible();
  await expect.poll(() => page.evaluate(() => document.documentElement.scrollWidth - innerWidth)).toBeLessThanOrEqual(1);
});

test('automatically suggests a dominant template and saves a custom edit only on request', async ({ page }, info) => {
  await setup(page, 'template');
  const field = page.getByRole('textbox', { name: 'Шаблон пути', exact: true });
  await expect(field).toHaveValue('{albumartist}/{album}/{track:02}. {title}.{ext}');
  await expect(page.getByText(/180 из 200/)).toBeVisible();
  await expect(page.getByText('Кино/Группа крови/01. Группа крови.flac', { exact: true })).toBeVisible();
  await expect(page.locator('html')).not.toHaveAttribute('data-saved-template');
  await field.fill('{albumartist}/[{year} - ]{album}/{track:02} - {title}.{ext}');
  const section = page.getByRole('heading', { name: 'Приём загрузок и шаблон пути' }).locator('..');
  await section.getByRole('checkbox').check();
  await section.getByRole('button', { name: 'Сохранить', exact: true }).click();
  await expect(page.locator('html')).toHaveAttribute('data-saved-template', '{albumartist}/[{year} - ]{album}/{track:02} - {title}.{ext}');
  await page.screenshot({ path: info.outputPath('auto-template.png'), fullPage: true });
});

test('selects a whole own batch across pages and reports partial withdrawal failures', async ({ page }, info) => {
  await setup(page, 'mine');
  await page.getByRole('checkbox', { name: 'Выбрать всю пачку', exact: true }).check();
  await expect(page.locator('html')).toHaveAttribute('data-batch-pages', '2');
  await expect(page.getByText(/Выбрано 2 файла/)).toBeVisible();
  await page.getByRole('button', { name: 'Отозвать выбранные', exact: true }).click();
  await expect(page.getByText(/Не удалось отозвать: 1/)).toBeVisible();
  await expect(page.locator('html')).toHaveAttribute('data-deleted', '["visible","hidden"]');
  await page.setViewportSize({ width: 390, height: 844 });
  await expect.poll(() => page.evaluate(() => Math.max(document.documentElement.scrollWidth - innerWidth, document.querySelector('main')!.scrollWidth - document.querySelector('main')!.clientWidth))).toBeLessThanOrEqual(1);
  await page.screenshot({ path: info.outputPath('bulk-withdraw-mobile.png'), fullPage: true });
  await page.getByRole('button', { name: 'Отозвать выбранные', exact: true }).click();
  await expect(page.locator('html')).toHaveAttribute('data-deleted', '["visible","hidden","hidden"]');
  await expect(page.getByRole('region', { name: 'Массовый отзыв предложений' })).toHaveCount(0);
});

test('keeps withdrawn proposals in their own filter', async ({ page }) => {
  await setup(page, 'mine');
  await expect(page.getByText('visible.flac', { exact: true })).toBeVisible();
  await expect(page.getByText('withdrawn.flac', { exact: true })).toHaveCount(0);
  await page.getByRole('button', { name: 'Отозванные', exact: true }).click();
  await expect(page.getByText('withdrawn.flac', { exact: true }).first()).toBeVisible();
  await expect(page.getByText('visible.flac', { exact: true })).toHaveCount(0);
  await page.getByRole('button', { name: 'Не приняты', exact: true }).click();
  await expect(page.getByText('rejected.flac', { exact: true }).first()).toBeVisible();
  await expect(page.getByText('withdrawn.flac', { exact: true })).toHaveCount(0);
  await page.getByRole('button', { name: 'Все', exact: true }).click();
  await expect(page.getByText('visible.flac', { exact: true })).toBeVisible();
  await expect(page.getByText('withdrawn.flac', { exact: true })).toHaveCount(0);
});