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

import { OmnichannelAdmin, OmnichannelSectionsHref } from './omnichannel-admin';

export class OmnichannelLivechatAppearance extends OmnichannelAdmin {
	protected readonly route = OmnichannelSectionsHref.appearance;

	protected readonly title = 'Appearance';

	override async waitForReady(): Promise<void> {
		await this.pageHeader.waitFor({ state: 'visible' });
	}

	get inputHideSystemMessages(): Locator {
		return this.page.locator('label', { hasText: 'Hide system messages' });
	}

	get inputLivechatBackground(): Locator {
		return this.page.locator('[name="Livechat_background"]');
	}

	get inputLivechatTitle(): Locator {
		return this.page.locator('[name="Livechat_title"]');
	}

	get inputHideExpandChat(): Locator {
		return this.page.getByRole('checkbox', { name: 'Hide "Expand chat"' });
	}

	get labelHideExpandChat(): Locator {
		return this.page.locator('label', { has: this.inputHideExpandChat });
	}

	findHideSystemMessageOption(option: string): Locator {
		return this.page.locator(`[role="option"][value="${option}"]`);
	}
}