Сергей delphinpro

Use of undefined constant hash - assumed 'hash'

Используется неопределенная константа hash
Преобразовано в строку 'hash'

Второй варнинг - это следствие первого.

Ключи массивов следует брать в кавычки

$_COOKIE['hash']
$data['user_id']

и т.д.

Работает

Изучить Inertia. По-моему это единственный вариант для этой связки. Но я не знаю, как там с SSR.

Или классический вариант. Vue отдельно, ларавел отдельно (и уже не важно, что там именно ларавел).

Сервер к которому идет обращение, должен отправить заголовки Access-Control-Allow-*

То есть проблема решается на стороне сервера апи, а не на клиенте.

как можно прописать нужна структура

вот такая структура вполне подойдёт

<div class="grid">
  <div class="image"><img src=""></div>
  <div class="image"><img src=""></div>
  <div class="image"><img src=""></div>
</div>

Далее делаете сетку 2 столба х 4 строки
И размещаете элементы в нужных ячейках сетки.

Дополнительная информация по гридам https://yandex.ru/search/?text=css+grid

https://yandex.ru/search/?text=javascript+custom+s...

Делать валидацию при каждом нажатии

doOrderBtn.addEventListener('click', function (el) {
    const phio = document.querySelector('#name')
    const phone = document.querySelector('#phone')
    const address = document.querySelector('#address')
    if (phio.value < 1 && phone.value < 1 && address.value < 1) {
        el.preventDefault()
    }
});

PS
Лучше вешать на submit формы.

.layout {
    width: 1660px;
+   max-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    row-gap: 100px;
    margin: auto;
}

.layout {
-   width: 1660px;
+   width: 100%;
+   max-width: 1660px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    row-gap: 100px;
    margin: auto;
}

От обратного

form:has(:invalid) button {
  display: none;
}

-----------------------
Но вообще с точки зрения юзабилити, я считаю плохой практикой прятать или дизаблить кнопку.
Лишня когнитивная нагрузка на пользователя: "где кнопка? как отправить форму? почему она не нажимается? я же вроже все заполнил..."

Лучше оставить возможность нажатия кнопки отправки и прямо уведомлять юзера о его ошибках по нажатию.

Почему у вас код контроллера лежит в неймспейсе App\Http\Controllers (хотя и файла такого не видно)
В роутах вы запрашиваете из неймспейса \App\Http\Controllers\Api\V2
Это как-то странно.

PS

'password' => 'required|min:8|regex:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d).+$/',

Для валидации паролей есть специальные правила https://laravel.com/docs/11.x/validation#validatin...

нарисовать градиентом на фоне грид-контейнера

Нормально всё работает

window.addEventListener('DOMContentLoaded', function() {
    let game = localStorage.getItem('game');
    document.getElementById('game').innerHTML = game;
});