Сделать голосование на WP

МЕХАНИКА ВЫБОРА СИМВОЛИЧЕСКОЙ СБОРНОЙ

1. Пользователь видит перед собой пустые кружки с подписанными амплуа: первая пятерка, вторая пятерка, два вратаря, главный

тренер.

2. Ниже он видит список кандидатов для каждой позиции: кружки с фото игроков и тренеров и фамилии. При наведении на каждое фото

раскрывается статистика (либо указывается рядом). 4 главных тренера, 10

вратарей, 15 защитников, 11 правых нападающих, 9 центральных, 10 левых. Под

каждым фото – кнопки: у главных тренеров – ВЫБРАТЬ, у защитников – ВЫБРАТЬ В

ПЕРВУЮ ПАРУ и ВЫБРАТЬ ВО ВТОРУЮ ПАРУ, у нападающих (правых, центральных, левых)

– ВЫБРАТЬ В ПЕРВОЕ ЗВЕНО и ВЫБРАТЬ ВО ВТОРОЕ ЗВЕНО, у вратарей – ВЫБРАТЬ

ОСНОВНЫМ и ВЫБРАТЬ ЗАПАСНЫМ.

3. При нажатии на кнопки соответствующими фото заполняются пустые кружки из первого пункта. Всего пользователь должен выбрать не более

двух защитников в первую пятерку, не более двух защитников во вторую пятерку,

не более одного правого нападающего в первую пятерку, не более одного

центрального нападающего в первую пятерку, не более одного левого нападающего в

первую пятерку, не более одного правого нападающего во вторую пятерку, не более

одного центрального нападающего во вторую пятерку, не более одного левого

нападающего во вторую пятерку, не более одного основного вратаря, не более

одного запасного вратаря, не более одного тренера. При нарушении любого из этих

условий должно подсвечиваться указание об ошибке.

4. После заполнения всех полей пользователь должен нажать на размещенную на видном месте большую кнопку ПРОГОЛОСОВАТЬ. После этого перед ним

должны появиться текущие итоги голосования с учетом его выбора: то есть две

пятерки, два вратаря и тренер с указанием процента голосов, отданных за

каждого.