Обробка веб-форм та збереження даних

Є скрипт на 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" повинно лише перенаправляти на наступну сторінку за вищеописаними умовами.

#Адмінка#
Повинна бути зроблена простенька веб-адмінка, де вказавши 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.