Доопрацювати простий php скрипт (json-generator)

Я собрав базовий варіант генератора/редактора анкет .json 
треба доробити опцію додавання наступних анкет, 
трохи зробити лейаут більш компактним і привітним, 
вставити функцію проти випадкового закриття вікна в браузері,
ну і доробити функцію збереження
 
https://gaz-21.de/autoreg/jsoneditor/index.php

в ЗІП = код + sample json файл 

Вимоги:

1. Завантаження JSON-файлу

   • при першому завантаженні сайту є одна гола форма для анкети 
   • треба залишити можливість завантаження JSON-файлу з комп'ютера (для редагування наявного файлу)

2. Відображення списку елементів

   • Після завантаження файлу, відобразити список всіх анкет з файлу у вигляді зручного інтерфейсу для редагування.
   • При завантаженні конвертуємо Unicode в звичайні букви/смайлики
   • треба, щоб картинка завантажувалася поруч з кожною анкетою (200x200px)
   • при заповненні поля для url картинки, нехай вона відразу підгружається (AJAX)
   • додати внизу кнопку (+) для того, щоб можна було додавати додаткові анкети 

3. Редагування кожного елемента
   Для кожного елемента необхідно передбачити наступні поля редагування:

   • Фото: Текстове поле для введення URL-адреси зображення (photo).
   • Бейдж: 4 радіо-кнопки (3 з попередньо заповненим вмістом (vip, hot, milf) + 1 з текстовим полем) для введення значення бейджа (badge).
   • Назва (title):
     • 3x Текстове поле для імені (не обов'язкове).
     • Окреме текстове поле для віку (не обов'язкове).
     • ці дані не обов'язкові, якщо вони порожні -> то зберегти параметри без контенту
   • Опис (description):
     • Три текстових поля для редагування опису на кожній мові (en, de, dk)
   • Кого шукає (looking):
     • 3 радіо-кнопки для вибору фіксованого варіанту.
       • Варіант 1: "She is looking for him" / "Sie sucht Ihn" / "Hun søger ham"
       • Варіант 2: "looking2en" / "looking2de" / "looking2dk".
       • Варіант 3: "looking3en" / "looking3de" / "looking3dk".
   • Локація (location):
     • воно завжди фікс - просто ігнорити при завантаженні, а при збереженні додаємо в скелет 
   • Категорія (category):
     • 5 радіо-кнопок для вибору категорії "category1" / "category2" / "category3" / "category4" / "category5"

4. Генерація JSON

   • Внизу сторінки кнопка "сгенерувати .json"
   • літери/смайлики зберігаються в Unicode
   • Після натискання кнопки згенерувати JSON-файл з оновленими даними.
   • Передбачити можливість зберегти цей файл на комп'ютер користувача.

Технічні вимоги:

• Підтримка сучасного браузера (Google Chrome, Firefox, Safari).
• Мінімалістичний і зручний користувацький інтерфейс (трохи навести порядок по лейауту (таблиці)
  можна додати кольорів