Відправка блоку сайта на друк в форматі .pdf

Поточний проект - https://wh.pada.skin/

• Артикули для тесту: 101-225
• Стек: php, Javascript, MySQL + верстка

Проблематика: поточна версія інструменту відправляється на друк через вбудовану в браузер опцію в якій існують поля які ніяк не прибрати (по 1,5 см з кожної сторони), що для наклейки в 10х10 см досить суттєво. Додатково до цього є необхідність розмістити на стікер додаткові данні але в поточному форматі вони просто не влізають.

Задачі узагальнено:

1. Створюємо новий стікер на друк в форматі .pdf, тим самим переходимо від поточний_вигляд_стікеру.jpg (те як зараз) на Стікер_Друк.pdf (те як треба)
2. Інтерфейс змінюємо з того, що наразі https://wh.pada.skin/ на Загальний_Вигляд2.jpg

Задачі більш детально:

1. Доробити поля вводу відповідно до вимог лівого блоку (зміни_лівого_блоку.rar)
2. Переробити дизайн відображення стікеру (превью в правому блоці) згідно до оновленого дизайну наклейки (Стікер_Друк.pdf)
   1. Для розуміння вигляду пустої та заповненої сторінки прикріпив файли Загальний_Вигляд.jpg та Загальний_Вигляд2.jpg
3. Зробити верстку стікеру в формат .PDF для його друку (Стікер_Друк.pdf) та збирати його відповідно до обраних пакувальником данних та опцій
4. Відправляти стікер на друк в оновленному форматі (Стікер_Друк.pdf) при натисканні кнопки "Надрукувати"

Приклад дій користувача:

1. Заповнити обов'язкові поля (файл МО_2.jpg)
2. Опціонально - обрати одну або більше опцій:
   • Примітка по дизайну,
   • Примітка по тремінам,
   • UA - є переклад
3. Натиснути кнопку "Надрукувати"
4. Отримати стікер* на друк в форматі .PDF який відповідає макету sticker.jpg

* Стікер повинен відправлятись саме на друк, варіант зі збереженням його на компьютер і потім друк не підходить абсолютно, тобто послідовність дій наступна:

Заповнив поля => Натиснув "Надрукувати" => Отримав вікно друку з потрібним стікером => Надрукував стікер ТА/АБО закрив вікно => Далі працює над заповленням полів (наповлення полів і опції залишились без змін)

Загальна інформація:

• Ширина ПК версії 1200 пікселів (як і на поточному проекті)
• На мобільній версії правий блок з превью не потрібен
• На мобільній версії (адаптації) треба прибрати можливість масштабування (візуальний приклад відображення - МО_1.jpg) ширина полів в 200 px легко дозволяє це зробити
• Розмір стікеру на друк фізичний: 102 х 102 мм,
• Dpi принтера: 203

---

Макети які треба/можна використовувати для верстки та звірки по розташуванню блоків, відступам, кольорам, шрифтам та іншому не прикріпились, тому їх відправлю окремо але візуально вони +- такі самі як і приклади в картинках:

• index.psd
• sticker.psd