merhaba arkadaşlar laravel projemde giriş, kayıt, şifre sıfırlama modalleri var sorun şu giriş modalinde şifre sıfırlama yazısına tıklayınca şifre sıfırlama modali açılıyor ardından bu modali kapatığım zaman modal-backdroplar kalıyor buda site içerisinde herhangi biryere tıkladığım zaman bir işlem yapmıyor ne yaptıysam üstesinden gelemedim anydesk yada başka bir remote ile bağlanıp yardım edebilecek kimse varmı acaba çok tilt oldum gerçekten
<!-- Giriş / Kayıt Butonu -->
<div class="d-flex align-items-center" style="padding: 0.5rem; border-radius: 8px; cursor: pointer;" data-bs-toggle="modal" data-bs-target="#loginModal">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
id="lnr-user" viewBox="0 0 1024 1024" width="30px" height="29%">
<title>user</title>
<path class="path1" fill="white"
d="M486.4 563.2c-155.275 0-281.6-126.325-281.6-281.6s126.325-281.6 281.6-281.6 281.6 126.325 281.6 281.6-126.325 281.6-281.6 281.6zM486.4 51.2c-127.043 0-230.4 103.357-230.4 230.4s103.357 230.4 230.4 230.4c127.042 0 230.4-103.357 230.4-230.4s-103.358-230.4-230.4-230.4z">
</path>
<path class="path2" fill="white"
d="M896 1024h-819.2c-42.347 0-76.8-34.451-76.8-76.8 0-3.485 0.712-86.285 62.72-168.96 36.094-48.126 85.514-86.36 146.883-113.634 74.957-33.314 168.085-50.206 276.797-50.206 108.71 0 201.838 16.893 276.797 50.206 61.37 27.275 110.789 65.507 146.883 113.634 62.008 82.675 62.72 165.475 62.72 168.96 0 42.349-34.451 76.8-76.8 76.8zM486.4 665.6c-178.52 0-310.267 48.789-381 141.093-53.011 69.174-54.195 139.904-54.2 140.61 0 14.013 11.485 25.498 25.6 25.498h819.2c14.115 0 25.6-11.485 25.6-25.6-0.006-0.603-1.189-71.333-54.198-140.507-70.734-92.304-202.483-141.093-381.002-141.093z">
</path>
</svg>
<span class="d-none d-md-inline ms-2" style="color: #fff; font-weight: bold; font-size: 0.9rem;">Giriş / Kayıt</span>
</div>
<!-- Login Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true" style="backdrop-filter: blur(10px);">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header border-0">
<h5 class="modal-title" id="loginModalLabel">Hoşgeldiniz! Hesabınıza Giriş Yapın</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<hr>
<div class="modal-body">
@if(session('warning'))
<div class="alert alert-danger">
<p style="margin-bottom: 5px; line-height: 1.4;"><strong>{{ session('warning') }}</strong> </p>
<p style="margin-bottom: 5px; line-height: 1.4;"><strong>Yasaklanma Sebebi:</strong> {{ session('ban_reason') }}</p>
<p style="margin-bottom: 5px; line-height: 1.4;"><strong>Açıklama:</strong> {{ session('ban_description') }}</p>
<p style="margin-bottom: 5px; line-height: 1.4;"><strong>Kullanıcı Adı:</strong> {{ session('banned_user_name') }}</p>
<!-- Bitiş Tarihini sadece geçici yasaklar için göster -->
@if(session('ban_end_date') && session('error') === 'Hesabınız geçici olarak yasaklanmıştır!')
<p style="margin-bottom: 5px; line-height: 1.4;"><strong>Bitiş Tarihi:</strong> {{ \Carbon\Carbon::parse(session('ban_end_date'))->format('d-m-Y H:i:s') }}</p>
@endif
</div>
@endif
<form action="{{ route('login') }}" method="POST">
@csrf
<!-- Username -->
<div class="form-group mb-3">
<label for="inputUsername">Kullanıcı Adı / E-Posta</label>
<div class="input-group">
<span class="input-group-text" style="background-color: #333; border: none;">
<i class="fas fa-user" style="color: #fff;"></i>
</span>
<input id="inputUsername" class="form-control" name="username" type="text" tabindex="1" placeholder="Kullanıcı Adınız" style="background-color: #333; color: #fff; border: none; font-weight: bold;" required>
</div>
</div>
<!-- Password -->
<div class="form-group mb-3">
<label for="inputPassword">Şifre</label>
<div class="input-group">
<span class="input-group-text" style="background-color: #333; border: none;">
<i class="fas fa-lock" style="color: #fff;"></i>
</span>
<input id="inputPassword" class="form-control" name="password" type="password" tabindex="2" placeholder="Şifreniz" style="background-color: #333; color: #fff; border: none; font-weight: bold;" required>
</div>
<div class="d-flex justify-content-end">
<a class="text-white" href="#" data-bs-toggle="modal" data-bs-target="#forgotPasswordModal" tabindex="3">Şifremi Unuttum?</a>
</div>
</div>
<!-- Submit Button -->
<div class="d-flex justify-content-center">
<button type="submit" class="Patroen12-btn w-50" tabindex="4">Giriş Yap</button>
</div>
<p class="divider"></p>
<hr>
<!-- Hesabınız Yok Mu? -->
<p class="text-center nm-ft-b nm-wh mb-0">
Hesabınız Yok Mu?
</p>
<div class="d-flex justify-content-center">
<a href="#"
class="Patroen10-btn"
onclick="event.preventDefault();
$('#loginModal').modal('hide');
$('#registerModal').modal('show');">
Kayıt Ol
</a>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Register Modal -->
<div class="modal fade" id="registerModal" tabindex="-1" aria-labelledby="registerModalLabel"
aria-hidden="true" style="backdrop-filter: blur(10px);">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header border-0">
<h5 class="modal-title" id="registerModalLabel">Hoşgeldiniz! Yeni Hesap Oluşturun</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<hr>
<div class="modal-body">
<form action="{{ route('register') }}" method="POST">
@csrf
<!-- Username -->
<div class="form-group mb-3">
<label for="inputUsername">Kullanıcı Adı</label>
<div class="input-group">
<span class="input-group-text" style="background-color: #333; border: none;">
<i class="fas fa-user-plus" style="color: #fff;"></i>
</span>
<input id="inputUsername" class="form-control" name="username"
type="text" tabindex="1" placeholder="Kullanıcı Adı"
style="background-color: #333; color: #fff; border: none; font-weight: bold;"
required>
</div>
</div>
<!-- Email -->
<div class="form-group mb-3">
<label for="inputEmail">Email</label>
<div class="input-group">
<span class="input-group-text" style="background-color: #333; border: none;">
<i class="fas fa-envelope-open" style="color: #fff;"></i>
</span>
<input id="inputEmail" class="form-control" name="email"
type="email" tabindex="1" placeholder="Email Adresiniz"
style="background-color: #333; color: #fff; border: none; font-weight: bold;"
required>
</div>
</div>
<!-- Password -->
<div class="row">
<div class="col-md-6 mb-3">
<div class="form-group">
<label for="inputPassword">Şifre</label>
<div class="input-group">
<span class="input-group-text" style="background-color: #333; border: none;">
<i class="fas fa-lock" style="color: #fff;"></i>
</span>
<input id="inputPassword" class="form-control"
name="password" type="password" tabindex="2"
placeholder="Şifreniz"
style="background-color: #333; color: #fff; border: none; font-weight: bold;"
required>
</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="form-group">
<label for="inputPasswordConfirmation">Şifre Tekrar</label>
<div class="input-group">
<span class="input-group-text" style="background-color: #333; border: none;">
<i class="fas fa-lock" style="color: #fff;"></i>
</span>
<input id="inputPasswordConfirmation" class="form-control"
name="password_confirmation" type="password"
tabindex="2" placeholder="Şifrenizi Onaylayın"
style="background-color: #333; color: #fff; border: none; font-weight: bold;"
required>
</div>
</div>
</div>
</div>
<!-- Phone -->
<div class="form-group mb-3">
<label for="inputPhone">Telefon</label>
<div class="input-group">
<span class="input-group-text" style="background-color: #333; border: none;">
<i class="fas fa-phone" style="color: #fff;"></i>
</span>
<input id="inputPhone" class="form-control" name="phone"
type="text" tabindex="1" placeholder="Telefon Numaranız"
style="background-color: #333; color: #fff; border: none; font-weight: bold;"
required>
</div>
</div>
<div class="d-flex justify-content-center">
<button type="submit" class="Patroen12-btn w-50">Kayıt Ol</button>
</div>
<p class="divider"></p>
<hr>
<p class="text-center nm-ft-b nm-wh mb-2">
Hesabınız Var mı?
</p>
<div class="d-flex justify-content-center">
<!-- DÜZELTME: data-bs-dismiss ve data-bs-target ekleyin -->
<a href="#"
class="Patroen10-btn"
onclick="event.preventDefault();
$('#registerModal').modal('hide');
$('#loginModal').modal('show');">
Giriş Yap
</a>
</div>
</form>
</div>
</div>
</div>
</div>
@if(session('openLoginModal'))
@endif
<!-- Şifremi Sıfırla Modal -->
<div class="modal fade" id="resetPasswordModal" tabindex="-1"
aria-labelledby="resetPasswordModalLabel"
aria-hidden="true"style="backdrop-filter: blur(10px);">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header border-0">
<h5 class="modal-title" id="resetPasswordModalLabel">Şifrenizi Sıfırlayın</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<hr>
<div class="modal-body">
<form action="{{ route('password.update') }}" method="POST">
@csrf
<input type="hidden" name="token"
value="{{ request()->query('token') }}">
<input type="hidden" name="email"
value="{{ request()->query('email') }}">
<div class="form-group mb-3">
<label for="inputPassword">Yeni Şifre</label>
<div class="input-group">
<span class="input-group-text"
style="background-color: #333; border: none;">
<i class="fas fa-lock" style="color: #fff;"></i>
</span>
<input id="password"
class="form-control @error('password') is-invalid @enderror"
name="password" type="password"
placeholder="Yeni Şifrenizi Girin"
style="background-color: #333; color: #fff; border: none; font-weight: bold;"
required autocomplete="new-password">
</div>
</div>
<div class="form-group mb-3">
<label for="inputPasswordConfirmation">Şifreyi Onaylayın</label>
<div class="input-group">
<span class="input-group-text"
style="background-color: #333; border: none;">
<i class="fas fa-lock" style="color: #fff;"></i>
</span>
<input id="password_confirmation" class="form-control"
name="password_confirmation" type="password"
placeholder="Şifreyi Tekrar Girin"
style="background-color: #333; color: #fff; border: none; font-weight: bold;"
required autocomplete="new-password">
</div>
</div>
<button type="submit" class="Patroen11-btn w-50">Şifremi Sıfırla</button>
</form>
</div>
</div>
</div>
</div>
<!-- Şifremi Unuttum Modal -->
<div class="modal fade" id="forgotPasswordModal" tabindex="-1"
aria-labelledby="forgotPasswordModalLabel"
aria-hidden="true"style="backdrop-filter: blur(10px);">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header border-0">
<h5 class="modal-title" id="forgotPasswordModalLabel">Şifrenizi Sıfırlayın</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<hr>
<div class="modal-body">
<form action="{{ route('password.email') }}" method="POST">
@csrf
<div class="form-group mb-3">
<label for="inputEmail">Email</label>
<div class="input-group">
<span class="input-group-text"
style="background-color: #333; border: none;">
<i class="fas fa-envelope-open" style="color: #fff;"></i>
</span>
<input id="email"
class="form-control @error('email') is-invalid @enderror"
name="email" type="email" placeholder="Email Adresiniz"
style="background-color: #333; color: #fff; border: none; font-weight: bold;"
value="{{ old('email') }}" required autocomplete="email"
autofocus>
</div>
</div>
<button type="submit" class="Patroen11-btn w-50">Şifremi Sıfırla</button>
</form>
</div>
</div>
</div>
</div>