// spec: specs/gymflow-test-plan.md
// seed: tests/workout-management.spec.ts

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

test.describe('II. Workout Management', () => {
  test('A. Workout Plans - Reorder Exercises within a Plan', async ({ page }) => {
    // 1. Log in as a regular user.
    await page.goto('http://192.168.50.234:3000/');
    await page.getByRole('textbox', { name: 'user@gymflow.ai' }).fill('admin@gymflow.ai');
    await page.locator('input[type="password"]').fill('admin1234');
    await page.getByRole('button', { name: 'Login' }).click();

    // 2. Navigate to the 'Plans' section.
    await page.getByRole('button', { name: 'Plans' }).click();

    // 3. Create a plan with at least two exercises.
    await page.getByRole('button').filter({ hasText: /^$/ }).nth(2).click(); // Click FAB
    await page.getByRole('textbox', { name: 'E.g. Full-body Routine' }).fill('Reorder Test Plan');
    await page.getByRole('textbox', { name: 'Describe preparation...' }).fill('Test plan for reordering exercises');
    await page.getByRole('button', { name: 'Add Exercise' }).click();
    await page.getByRole('button', { name: 'Squats BODYWEIGHT' }).click();
    await page.getByRole('button', { name: 'Add Exercise' }).click();
    await page.getByRole('button', { name: 'Pull-Ups BODYWEIGHT' }).click();

    // 4. Enter the plan editor. (Already in the editor after creating)

    // 5. Drag an exercise to a new position.
    // Drag "Squats BODYWEIGHT" (currently first) to be after "Pull-Ups BODYWEIGHT" (currently second).
    await page.getByText('1SquatsWeighted').dragTo(page.getByText('2Pull-UpsWeighted'));

    // 6. Verify the order changes.
    await expect(page.locator('div').filter({ hasText: '1 Pull-Ups' })).toBeVisible();
    await expect(page.locator('div').filter({ hasText: '2 Squats' })).toBeVisible();
    
    // 7. Click 'Save'.
    await page.getByRole('button', { name: 'Save' }).click();

    // Expected Results:
    //   - Exercises are reordered correctly within the plan editor.
    //   - The reordered plan is saved and reflected in the view.
    await expect(page.getByRole('heading', { name: 'Reorder Test Plan' })).toBeVisible();
    await expect(page.locator('div').filter({ hasText: /^2 exercises$/ })).toBeVisible();
  });
});