Я использую следующий код в своем контроллере для перенаправления на страницу входа, если гостевой пользователь нажимает кнопку для загрузки продукта. Теперь я создал модель bootstrap для входа и регистрации. Я хочу отобразить модальное окно, если пользователь нажмет кнопку.
public function __construct()
{
$this->middleware('auth')->except('index', 'show');
}
Кнопка входа и регистрации
@guest
<li class="list-inline-item">
<button type="button" class="btn btn-primary btn-outline-light" data-toggle="modal" data-target="#signIn" href="{{ route('login') }}">{{ __('Login') }}</button>
</li>
@if (Route::has('register'))
<li class="list-inline-item">
<button type="button" class="btn btn-primary btn-outline-light" data-toggle="modal" data-target="#signUp" href="{{ route('register') }}">{{ __('Register') }} </button>
</li>
@endif
Bootstrap Модальный
<div class="modal" id="signIn">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">SignIn</h4>
<button type="button" class="close" data-dismiss="modal">
×
</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<form method="POST" action="{{ route('login') }}">
@csrf
<div class="form-group">
<label for="email" class="">{{ __('E-Mail Address') }}</label>
<input id="email" type="email" class="form-control" @error('email') is-invalid @enderror"
name="email" value="{{ old('email') }}" required autocomplete="email" autofocus />
@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group">
<label for="password" class="">{{ __('Password') }}</label>
<input id="password" type="password"
class="form-control @error('password') is-invalid @enderror" name="password" required
autocomplete="current-password">
@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-block">
Sign In
</button>
</div>
</form>
</div>
</div>
</div>
</div>