Обработка web форм + Telegram Bot

Имеется скрипт на php и javascript (исходник), который при заполнении текстовых полей веб формы отправляет данные в telegram, см. тут: https://dropmefiles.com/fFux2

Нужно на основе этого исходника сделать несколько страниц, добавить новые функции. С Вас лишь код, встраивать ни в какой сайт и дизайн ничего не надо.

Работать должно по такому алгоритму:

1). Посетитель на первой странице "A" заполняет текстовые поля формы, жмёт "Submit".

2). Открывается страница "B" с формой на 3 поля и 1 "Browse..." (загрузка файла картинки), заполняет, выбирает файл(ы) и жмёт "Submit".

3). Открывается страница "C" с 2 "Browse...", выбирает файлы и жмёт "Submit".

4). Открывается страница "D" с 1 "Browse...", выбирает файл(ы) и жмёт "Submit".

5). Открывается страница "E" с формой на 1 поле, запоняет её и жмёт "Submit".

6). Открывается финальная страница "F" с текстом "Заявка принята, ожидайте звонка!".

#Формы#:

Кнопка "Submit" должна быть неактивная (серая), пока не заполнены все обязательные поля в отображаемой форме или не загружены обязательные файлы на 100%.

Поля и кнопки выбора файлов "Browse..." могут быть обязательными и необязательными к заполнению.

Пока загружаются картинки, рядом с каждой кнопкой "Browse..." показывать анимированную шкалу загрузки от 0% до 100%. Пока файлы не выбраны шкалу скрывать.

При "Browse..." должна быть возможность выбора и загрузки более 1 файла одновременно (сейчас лишь один). Картинки не переименовывать, если же в названиях есть [^A-Za-z1-9] - их можно заменять. Проверка загрузки только картинок (jpg,jpeg,png,gif), чтобы никакие шеллы не заливали :)

Все поля и кнопки "Browse..." должны отправлять данные по мере заполнения (или выбора файлов) сразу автоматически, вне зависимости от нажатия "Submit". Так сейчас и работает. Нажатие на "Submit" должно лишь перенаправлять на следующую страницу при вышеописанных условиях.

#Админка#

Должна быть сделана простейшая web админка, где указав id юзера, видно:

1. Логирование всех действий, что на какой странице он заполнял, какие файлы закачивал со ссылками на них, когда, ip и useragent, мои действия с ним.

2. Кликнув по тексту поля, его содержимое должно копироваться в буфер обмена.

3. Мои действия: зная, что юзер в данный момент находится на одной из страниц, у меня должна быть возможность:

3.1. Сделать редирект на любой url который укажу.

3.2. Показать попап по центру с легким затемнением фона, который нельзя закрыть, с показом юзеру любого html кода зарнее не вшитым в скрипт, произвольными текстовыми полями и кнопками "Browse..." по моему желанию, с той же логикой их работы как на страницах. Возможность дополнительно показать в попапе картинку выбрав ее на моём компьютере.

Выбор выполнять п3.1. и п3.2. прямо сейчас, либо после нажатия юзером "Submit" на странице где он в данный момент находится (делать через websocket не надо, пингуем админку каждые 1.5-2.5 сек).

4. Если вдруг ТГ недоступен по любой причине - только в админке сохраняем, чтобы ничего не терялось вообще.

#Данные#

Вводимые данные одним юзером должны сохраняться в одно сообщение в ТГ. У текущей формы есть глюк: если обновить страницу или отправить форму и повторно начать заполнять, формируется новое сообщение в тг. А должно быть всё в одном - один уникальный юзер = 1 сообщение в админке и в ТГ, увеличивающееся по мере заполнения полей во всех формах.

Данные с полей и в админке, и в ТГ должны показывать ВСЕ значения которые вводил юзер - внимательно посмотрите видео которое я приложил в начале (либо скрипт могу скинуть этот) - именно так и никак иначе, в столбик, должны добавляться данные по каждому полю, если начнет заново заполнять, удалять введенный текст целиком или частично, либо повторно окажется на этой странице и продолжит заполнять.

Пишите в ЛС если есть вопросы, оплата USDT.