Работа на Wordpress с Custom post type + ajax

Добрый день,

Мы сдаем склады для хранения личных вещей (в дальнейшем - боксы).

Наши пользователи - любые люди в возрасте 18 - 60 м/ж.

Вкратце о заказе:

Цель автоматизировать оплаты и бронирования боксов.

Клиент заходит на сайт, переходит на чекаут страницу, выбирает нужный размер, локацию, и.т.д., ему по этим критериям с помощью ajax на той-же странице показывается, ли такой бокс в такой локации доступен и какие на него тарифы. Если клиенту устраивает, он оплачивает, после чего у этого бокса (CPT) field "availability" становится false, а клиенту на почту автоматически приходит код от этого бокса и фото с доступом. Админу на почту приходит оповещения что бокс номер # в локации # был оплачен.

Задача 1 - CPT

Я создал CPT "Storages" - туда мы зальем все наши боксы (на данный момент 150 боксов, в перспективе до 1'000).

Custom fields будет поля которые можно посмотреть в фото БД-боксов.

Задача 2 - Общий CPT "Sizes"

В этом CPT будут 6 Size (все наши размеры)

И будет использоваться для общей информации каждого размера. На странице чекаут при выборе одного из размера, мы берем информацию из общего Size CPT.

Fields:

- Размеры (Ширина, высота, и.т.д. - можно посмотреть в фото чекаут-дизайн с лева внизу)

- Видео - на каждый размер будет свое 9x16 вертикальное 5сек видео. (В задаче 3 будет подробнее)

- Тарифы (5 разных вариаций)

Пример тарифов:

- XS:

-- бессрочный 38.99

-- 6мес 35.99

-- 12мес 33.99

-- 6мес оплата за весь период 33.99

-- 12мес оплата за весь период 31.99

- S:

-- бессрочный 43.99

-- 6мес 41.99

-- .........

Задача 3 - Чекаут

Сверстать новую страницу по дизайну (моб.версия дизайн тоже есть). Дизайн в Figma.

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

Когда обновляем размер, обновляется:

- Видео (CPT Size)

- Размеры (CPT Size)

- Тарифы (CPT Size)

- У кнопок локаций 3 состояния: Активный (выбранный), доступный (как в дизайне серые) и не доступные (нету в дизайне, можно зачеркнуть и поменять фон или цвет текста). Меняем состояния всех локаций при выборе размера. Доступно / Не доступно. На недоступную локацию нажать соответсвенно нельзя.

Когда обновляем срок:

В Ваш заказ меняется цена, а также обновляется количество.

Про количество и способ оплаты (помесячно / весь период):

- Если выбран бессрочный, то Оплата за весь период недоступна. Количество в Ваш Заказ 1, т.к. в бессрочном клиент оплачивает месяц вперед.

- Если выбраны 6мес или 12 мес + помесячная оплата, то кол. = 2 (первый и последний месяц) P.S. Если прочитали до сюда, пожалуйста напишите "Я прочитал".

- Если выбраны 6 или 12 мес и Оплата за весь период, то кол. соответсвенно 6 или 12.

Сумма суммируется.

Когда обновляем Локацию:

- если field "Дата освобождения" с данными, то применяем эту дату к Начало аренды. (Когда знаем когда бокс освободится, раньше этой даты арендовать нельзя.) В Ином случае календарь который выскакивает при нажатия кнопки начало аренды, даем возможность выбрать ближайшие 15 дней. (Если сегодня 2.12, то можно выбрать любой день с 2.12 до 16.12)

Перевозка вещей: 3 тарифа зависит от Срока и способа оплаты.

1. default 34.99€

2. если выбраны 6 мес и оплата за весь период: 19.99€ (и зачеркнутые 34.99€)

3. если выбраны 12 мес и оплата за весь период: 0€ (и зачеркнутые 34.99€)

Доступность:

Если доступно меньше 3 боксов в этой локации этого размера, появляется надпись доступно X боксов.

Филтрация боксов и отклонения:

Когда будете делать фильтр для фильтрации Storage по параметрам, сортируем:

Сначала предлагаем тот бокс у которого пустые поля:

- Отклонения (если у бокса нет света или старые двери не как на фото, и.т.д. Это поле просто текст)

- Дата освобождения (То есть если пустое, значит бокс доступен уже сегодня)

Перейти к оплате: тут еще будет форма для данных клиента и тогда:

- Отправляем запрос на Stripe (подключен, работает) на данную сумму

- После этого отправляем клиенту на почту код от бокса и фото в приложении и в html.

- Отправляем админу почту что бокс номер # в локации # был оплачен.

- Присваиваем данному Storage availability false.