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

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

test.describe('V. User & System Management', () => {
  test('C. Admin Panel - Create New User', async ({ page }) => {
    // 1. Log in as an 'ADMIN' 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 'Profile' section.
    await page.getByRole('button', { name: 'Profile' }).click();

    // 3. Expand 'Admin Area'. (Implicitly expanded for admin users)

    // 4. Enter a new 'Email' and 'Password' for a new user.
    await page.getByRole('textbox', { name: 'Email' }).fill('adminpanelnewuser@gymflow.ai');
    await page.getByRole('textbox', { name: 'Password', exact: true }).fill('adminpass123');

    // 5. Click 'Create User'.
    await page.getByRole('button', { name: 'Create' }).click();

    // Expected Results:
    //   - A new user is created and appears in the user list.
    await expect(page.getByText('User created: adminpanelnewuser@gymflow.ai')).toBeVisible();
    await page.getByRole('button', { name: 'Users List (4)' }).click(); // Expand users list
    await expect(page.getByText('adminpanelnewuser@gymflow.ai')).toBeVisible();
    //   - A success message is displayed.
    await expect(page.getByText('User created: adminpanelnewuser@gymflow.ai')).toBeVisible();
    
    //   - The new user can log in with the created credentials.
    await page.getByRole('button', { name: 'Logout' }).click(); // Logout as admin
    await page.getByRole('textbox', { name: 'user@gymflow.ai' }).fill('adminpanelnewuser@gymflow.ai');
    await page.locator('input[type="password"]').fill('adminpass123');
    await page.getByRole('button', { name: 'Login' }).click();
    // Handle first time login password change
    await page.getByRole('textbox').fill('newadminpass');
    await page.getByRole('button', { name: 'Save & Login' }).click();
    await expect(page.getByRole('heading', { name: 'Ready?' })).toBeVisible(); // Verify logged in

    // Cleanup: Logout and delete the created user
    await page.getByRole('button', { name: 'Profile' }).click();
    await page.getByRole('button', { name: 'Logout' }).click();
    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();
    await page.getByRole('button', { name: 'Profile' }).click();
    await page.getByRole('button', { name: 'Users List (4)' }).click(); // Users List count is now 4
    await page.locator('div').filter({ hasText: /^adminpanelnewuser@gymflow\.aiUSERBlockDelete$/ }).getByRole('button', { name: 'Delete' }).click();
    await page.getByRole('button', { name: 'Delete' }).click(); // Confirm deletion
  });
});