Сергей delphinpro

$users – это коллекция, а не один пользователь.

//Текущий

dump(Auth::user()->roles);

//Любой другой

dump(User::find(1)->roles);

// в вашем случае
$users = User::with('roles')->get();
foreach ($users as $user) {
  dump($user->roles);
}

UPD
При правильном именовании таблиц и полей, три параметра лишние

//return $this->belongsToMany(User::class, 'role_user', 'role_id', 'user_id');
return $this->belongsToMany(User::class);

Лучше придерживаться этого соглашения, чтобы вся магия работала.

но картинка меняется только при наведении на другую картинку

Странно, не правда ли?

Вы написали стили, действующие при наведении на другую картинку
img.img11:hover
И, почему-то они срабатывают при наведении на другую картинку O_o
Шок! :D

Может стоит описать стили в состоянии наведения на их общий блок? Например, в вашем коде это li.button

https://developer.mozilla.org/ru/docs/Web/CSS/position
https://learn.javascript.ru/position

Настройки Laravel

MAIL_MAILER=smtp
MAIL_HOST=localhost
MAIL_PORT=25
MAIL_ENCRYPTION=null

Программа являющая собой тестовый smtp сервер https://toolheap.com/test-mail-server-tool/


И всё!

Запускаем программу, указываем пару настроек (на скрине) и спокойно отправляем почту.
Если на компьютере установлен почтовый клиент, письма будут автоматически открываться в нём (на самом деле, в любой программе, ассоциированной с eml-файлами) моментально при получении.
Если выключить программу, можно протестировать ошибки отправки почты.

Пару лет пользуюсь этой утилитой, всё отлично работает.
Проблема может быть только в просмотрщике писем, в том смысле, что не все клиенты одинаково отображают письма. Но если вам нужно тестировать отправку и содержимое писем, а не их верстку, то всё отлично.

После прочтения этого https://ru.wikipedia.org/wiki/Веб-приложение суть не проясняется?

Еще пара цитат:

Веб-приложение (или веб-приложение) - это прикладное программное обеспечение, которое работает на веб-сервере, в отличие от компьютерных программ, которые запускаются локально в операционной системе (ОС) устройства. Доступ к веб - приложениям осуществляется пользователем через веб - браузер с активным сетевым подключением.

Веб-приложение (или «web app») – это любая компьютерная программа, которая выполняет определенную функцию, используя в качестве клиента веб-браузер.

Ну и напоследок, вторая!! ссылка из поисковой выдачи https://habr.com/ru/post/450282/

Ну ладно, еще и третью скину, вдруг в гугле забанен =) https://www.azoft.ru/blog/web-apps/

--------------

Можно ли считать веб-приложением десктоп-программу, которая посылает данные и получает их с сервера и отображает не через html, а например через те же виджеты на каком нибудь Qt?

Видимо, нет. Потому что по определениям выше, клиентом должен выступать браузер.

Что нужно сделать для того, чтобы такое десктоп приложение стало веб-приложением

Нужно чтобы приложение работало на сервере, и с ним можно было взаимодействовать через браузер.

как вообще должна выглядеть в таком случае система отображения и подгрузкт данных из сервера

Браузер для отображения. Взаимодействие по http/websockets

Можно:

1. Использовать Ajax запросы. Все значения на фронте у вас будут целыми, вы можете менять их и отправлять с каждым запросом.

2. Отправлять значения в скрытых полях, и возвращать обратно так же.

3. Использовать сессию для хранения промежуточных состояний.

const blocks = document.querySelectorAll('.div');

blocks.forEach(blk => {
  const inputIcon = blk.querySelector('.input-icon');
  const inputPass = blk.querySelector('.pass');

  inputIcon.addEventListener('click', () => {
    if (inputPass.getAttribute('type') == 'password') {
        inputIcon.classList.add('view');
        inputPass.setAttribute('type', 'text');
    } else {
        inputIcon.classList.remove('view');
        inputPass.setAttribute('type', 'password');
    }
  })
})

Как-то так

ссылается на переменную item
"Uncaught (in promise) ReferenceError: item is not defined at cartProduct (cart_04.js:13:8)"

Deadorik, ну вот и делайте вывод. Not defined - не определена. Значит нужно определить переменную, прежде чем использовать.

Почему так происходит?
Потому что в стандарте чётко написано

Module code is always strict mode code.

Пока не используете модули, js выполняется в нестрогом режиме. Можно не объявлять переменные перед использованием. В модулях уже всё по-взрослому: сначала объявили переменную, потом ее использовали.

for (let item of json) {

А вообще, сразу и всегда привыкайте писать в строгом режиме, потому что есть еще места, где код всегда так выполняется. Например, в объявлении класса.

Нет. Свойство files ридонли

UPD/

Но отправить файл можно

image = '........'; // содержимое файла...
blob = new Blob([image], { type: "image/png"});
fd = new FormData();
fd.append("image", blob);
request = new XMLHttpRequest();
request.open("POST", "адрес отправки");
request.send(fd);