merhabalar arkadaşlar laravel scriptimde dropdown menü kısmına bazen tıklanma sorunu yaşıyorum dropdown menüye tıklayınca hiçbir işlev yapmıyor bu konuda bana yardımcı olur musunuz yeniyimdaha
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ $setting->meta_title }}</title>
<meta name="keywords" content="{{ $setting->meta_keyw }}">
<meta name="description" content="{{ $setting->meta_desc }}">
<meta name="author" content="PatroeN">
<!-- MAIN CSS -->
<script src="/front/js/bootstrap.bundle.min.js" defer></script>
<link rel="stylesheet" href="/front/css/bootstrap.css">
<link rel="shortcut icon" type="image/png" href="/upload/setting/{{ $setting->favicon }}">
<!-- ALERTIFY -->
<script src="/js/alert/alertify.min.js"></script>
<link rel="stylesheet" href="/css/alert/alertify.min.css" />
<link rel="stylesheet" href="/css/alert/default.min.css" />
<link rel="stylesheet" href="/css/alert/semantic.min.css" />
<link rel="stylesheet" href="/css/alert/bootstrap.min.css" />
<!-- ALERTIFY -->
<!-- MAIN CSS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Bootstrap 5 JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
<!-- CUSTOM CSS -->
<link rel="stylesheet" href="/front/css/custom.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
@yield('css')
@livewireStyles
</head>
<body>
<style>
.custom-account,
.custom-notification {
list-style: none;
/* Nokta işaretini kaldırır */
}
.custom-notification,
.custom-account {
margin: 0;
padding: 0;
}
.nav-link {
padding: 10px 5px;
/* Padding'i azaltarak elemanların arasındaki boşluğu daraltabilirsiniz */
}
ul.d-flex {
gap: 5px;
/* Boşlukları azaltmak için gap değerini küçültün */
}
@media (max-width: 768px) {
.custom-account .dropdown-menu {
right: 3px;
/* Mesafeyi daha küçük tutmak için 3px olarak ayarlandı */
left: auto;
transform: none;
}
.username {
display: none;
}
/* Mobilde mesaj ve diğer ikonlar arasındaki boşluğu azalt */
.nav-item.custom-notification .nav-link {
padding: 3px 5px;
/* Padding'i azaltarak mesaj ikonu ile diğer elemanlar arasındaki mesafeyi daralt */
}
}
.login-avatar {
width: 30px; /* Genişlik */
height: 30px; /* Yükseklik */
border-radius: 5px; /* Hafif oval kenarlar */
box-shadow: 0 0 10px #683535; /* Mavi ışık efekti */
}
/* Mobilde logo, bildirim ve avatar arasındaki mesafeyi azalt */
.navbar .nav-item {
margin-left: -6px;
/* Elemanlar arasındaki sol boşluğu daralt */
}
/* Apply the background effect on desktop (larger screens) */
@media (min-width: 992px) {
.custom-account>a {
background: linear-gradient(45deg, rgba(30, 30, 31, 0.8), rgba(30, 30, 31, 0.8));
/* Dark gray background with slight transparency */
border-radius: 5px;
/* Optional: smoothen the edges */
padding: 5px 10px;
/* Optional: adjust padding to space out the content */
transition: background 0.3s ease, color 0.3s ease;
/* Smooth transition for background and text color */
}
.custom-account>a .username {
font-weight: bold;
transition: color 0.3s ease;
/* Smooth transition for text color */
}
/* Hover effect */
.custom-account>a:hover {
background: linear-gradient(45deg, rgba(179, 120, 120, 0.8), rgba(100, 52, 52, 0.8));
/* Lighter dark gray background on hover */
}
}
/* Bakiye bilgisini sadece masaüstünde göster */
.username-container .balance {
font-size: 0.9em;
color: #ccc;
margin-left: 10px;
/* Increase margin to create more space between balance and avatar */
}
/* Hide balance on mobile devices */
@media (max-width: 767px) {
.username-container .balance {
display: none;
}
}
</style>
<!-- HEADER -->
<nav class="navbar navbar-expand-lg bg-body-sbymain">
<div class="container">
<button id="hamburger-menu" class="btn d-lg-none"
style="background: transparent; border: none; padding: 16px;">
<i class="fas fa-bars" style="font-size: 28px; color: white;"></i>
</button>
<a wire:navigate class="navbar-brand" href="{{ route('home_main') }}">
<img src="/upload/setting/{{ $setting->logo }}" class="head-logo" alt="">
</a>
<!-- Dil Seçenekleri (Sadece Masaüstü Görünümünde) -->
<li class="nav-item dropdown custom-lang d-none d-lg-block" style="background-color: transparent;">
<a id="selected-lang" class="nav-link dropdown-toggle text-white me-2" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false"
style="color: white; background-color: transparent;">
<img src="{{ asset('front/img/tr.png') }}" class="img-fluid flag-img" alt=""> Türkçe
</a>
<ul class="dropdown-menu">
@foreach (\App\Models\Languages::where('is_delete', 0)->get() as $language)
<li>
<a class="dropdown-item" href="#"
onclick="doGTranslate('tr|{{ $language->code }}'); jQuery('div.switcher div.selected a').html(jQuery(this).html()); return false;"
style="color: w; background-color: transparent;">
<img src="/upload/language/{{ $language->image }}" width="20" alt="">
{{ $language->name }}
</a>
</li>
@endforeach
</ul>
</li>
<!-- Blade şablonunuz -->
@if (Auth::check())
<ul class="d-flex align-items-center justify-content-between list-unstyled m-0">
<li class="nav-item custom-notification" style="background-color: transparent;">
<a class="nav-link text-white d-flex align-items-center" aria-current="page"
href="{{ route('my_message') }}"
style="background-color: transparent; color: white; transition: none;">
<span class="fa-regular fa-comments position-relative" style="font-size: 1.5rem;">
@php
$unreadMessageCount = \App\Models\Messages::where('receiver_id', Auth::user()->id)
->where('read', 0)
->count();
@endphp
<span id="messageCount"
class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger"
style="font-size: 0.75rem; color: white; padding: 0.2rem 0.6rem;">
{{ $unreadMessageCount }}
</span>
</span>
</a>
</li>
<li class="nav-item custom-notification" style="background-color: transparent;">
<a class="nav-link text-white d-flex align-items-center" aria-current="page"
href="{{ route('my_notification') }}"
style="background-color: transparent; color: white; transition: none;">
<span class="fas fa-bell position-relative" style="font-size: 1.5rem;">
@php
$notificationCount =
\App\Models\Orders::where('sale_id', Auth::user()->id)
->where('status', 3)
->where('is_delete', 0)
->count() +
\App\Models\Orders::where('buyer_id', Auth::user()->id)
->where('status', 5)
->where('is_delete', 0)
->count();
@endphp
<span id="notificationCount"
class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger"
style="font-size: 0.75rem; color: white; padding: 0.2rem 0.6rem;">
{{ $notificationCount }}
</span>
</span>
</a>
</li>
<!-- Ses dosyasını tanımlayın -->
<audio id="notificationSound" src="/front/sounds/notification.mp3"></audio>
<!-- JavaScript -->
<script>
document.addEventListener("DOMContentLoaded", function() {
let previousMessageCount = parseInt(document.getElementById("messageCount").innerText);
let previousNotificationCount = parseInt(document.getElementById("notificationCount").innerText);
const sound = document.getElementById("notificationSound");
setInterval(async function() {
try {
// AJAX ile yeni bildirim ve mesaj sayısını alın
const response = await fetch("{{ route('getNotificationCounts') }}");
const data = await response.json();
let currentMessageCount = data.unreadMessageCount;
let currentNotificationCount = data.notificationCount;
// Eğer sayı arttıysa ses çal
if (currentMessageCount > previousMessageCount || currentNotificationCount >
previousNotificationCount) {
sound.play();
}
// Güncel sayıları güncelleyin
previousMessageCount = currentMessageCount;
previousNotificationCount = currentNotificationCount;
// Sayfada gösterilen sayıları güncelleyin
document.getElementById("messageCount").innerText = currentMessageCount;
document.getElementById("notificationCount").innerText = currentNotificationCount;
} catch (error) {
console.error("Bildirim sayıları alınamadı:", error);
}
}, 3000); // Her 5 saniyede bir kontrol eder
});
</script>
<li class="nav-item dropdown custom-account" style="background-color: transparent;">
<a class="nav-link dropdown-toggle text-white d-flex align-items-center"
href="javascript:void(0);" role="button" data-bs-toggle="dropdown" aria-expanded="false"
style="background-color: transparent; color: white; transition: none;">
<img src="/front/img/avatar/{{ Auth::user()->avatar }}" class="img-fluid login-avatar"
alt="">
<div class="username-container">
<span class="username"
style="margin-left: 10px; font-weight: bold;">{{ Auth::user()->username }}</span>
<span class="balance d-none d-md-block"
style="display: block; font-size: 0.9em; color: #ccc;">Bakiye:
{{ number_format(Auth::user()->balance, 2) }} ₺</span>
</div>
</a>
<ul class="dropdown-menu">
<a class="dropdown-item d-md-none" href="#">Bakiye:
{{ number_format(Auth::user()->balance, 2) }} ₺</a>
@if (Auth::user()->role == 'admin')
<li>
<hr class="dropdown-divider">
</li>
<li>
<a class="dropdown-item" target="_blank"
href="{{ route('control_panel') }}">Yönetim Paneli</a>
</li>
@endif
<li>
<hr class="dropdown-divider">
</li>
<li>
<a class="dropdown-item"
href="{{ route('profile_index', Auth::user()->identity) }}">Profilim</a>
</li>
<li>
<a class="dropdown-item" href="{{ route('my_account') }}">Hesabım</a>
</li>
<li>
<a class="dropdown-item" href="{{ route('my_ads') }}">İlanlarım</a>
</li>
<li>
<a class="dropdown-item" href="{{ route('coin_purchases') }}">Ep Alımlarım</a>
</li>
<li>
<a class="dropdown-item" href="{{ route('my_purchases') }}">Satın Aldıklarım</a>
</li>
<li>
<a class="dropdown-item" href="{{ route('my_sales') }}">Satışlarım</a>
</li>
<li>
<a class="dropdown-item" href="{{ route('balance_upload') }}">Bakiye Yükle</a>
</li>
<li>
<a class="dropdown-item" href="{{ route('withdraw') }}">Para Çek</a>
</li>
<li>
<a class="dropdown-item" href="{{ route('logout') }}"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">Çıkış
Yap</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST"
class="d-none">
@csrf
</form>
</li>
</ul>
</li>
<script>
document.addEventListener('DOMContentLoaded', function() {
const dropdownToggle = document.querySelector('.nav-item.dropdown');
const dropdownMenu = dropdownToggle.querySelector('.dropdown-menu');
dropdownToggle.addEventListener('click', function(e) {
e.preventDefault();
dropdownMenu.classList.toggle('show');
});
});
</script>
@else
<!-- 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.9.5rem;">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">
<form action="{{ route('login') }}" 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" 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">Şifremi Unuttum?</a>
</div>
</div>
<!-- Submit Button -->
<div class="d-flex justify-content-center">
<button type="submit" class="Patroen12-btn w-50" tabindex="3">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" data-bs-toggle="modal"
data-bs-target="#registerModal" data-bs-dismiss="modal"
tabindex="4">Kayıt Ol</a>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Ş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>
<script>
document.addEventListener("DOMContentLoaded", function() {
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.has('token') && urlParams.has('email')) {
const resetModal = new bootstrap.Modal(document.getElementById('resetPasswordModal'));
resetModal.show();
}
});
</script>
<!-- Ş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>
<!-- 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>
<div class="row">
<div class="col-md-6 mb-3">
<div class="form-group">
<label for="inputName">Adınız</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="inputName" class="form-control" name="name"
type="text" tabindex="2" placeholder="Adınız"
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="inputSurname">Soyadınız</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="inputSurname" class="form-control" name="surname"
type="text" tabindex="2" placeholder="Soyadınız"
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="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>
<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">
<a href="#" class="Patroen10-btn" data-bs-toggle="modal"
data-bs-target="#loginModal" data-bs-dismiss="modal">Giriş Yap</a>
</div>
</form>
</div>
</div>
</div>
</div>
@endif
</ul>
</div>
</div>
</nav>
<!-- HEADER -->
<div class="clear"></div>
@if ($_SERVER['REQUEST_URI'] == '/')
<!-- SLIDER -->
@include('frontend.include.slider')
<!-- SLIDER -->
@endif
<div class="clear"></div>
<!-- MENU -->
@include('frontend.include.menu')
<!-- MENU -->
<div class="clear"></div>
<!-- CONTENT -->
@yield('content')
<!-- CONTENT -->
<div class="clear"></div>
<!-- FOOTER -->
<div class="footer">
<p>© {{ $setting->footer }} <a href="https://urielsoft.com" target="_blank">URİELSOFT</a></p>
</div>
<!-- FOOTER -->
<!-- ADVERT -->
@section('js')
<script src="/js/easymde.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- ALERTIFY -->
@if (session()->has('success'))
<script>
alertify.success('{{ session('success') }}')
</script>
@endif
@if (session()->has('error'))
<script>
alertify.error('{{ session('error') }}')
</script>
@endif
@if (session()->has('warning'))
<script>
alertify.warning('{{ session('warning') }}')
</script>
@endif
@foreach ($errors->all() as $error)
<script>
alertify.error('{{ $error }}');
</script>
@endforeach
<!-- ALERTIFY -->
<!-- MAIN JS -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script>
<!-- MAIN JS -->
<!-- CUSTOM JS -->
<script src="/front/js/main.js"></script>
<!-- CUSTOM JS -->
<script type="text/javascript">
jQuery('.switcher .selected').click(function() {
if (!(jQuery('.switcher .option').is(':visible'))) {
jQuery('.switcher .option').stop(true, true).delay(100).slideDown(500);
jQuery('.switcher .selected a').toggleClass('open');
}
});
jQuery('.switcher .option').bind('mousewheel', function(e) {
var options = jQuery('.switcher .option');
if (options.is(':visible')) options.scrollTop(options.scrollTop() - e.originalEvent.wheelDelta);
return false;
});
jQuery('body').not('.switcher').mousedown(function(e) {
if (jQuery('.switcher .option').is(':visible') && e.target != jQuery('.switcher .option').get(0)) {
jQuery('.switcher .option').stop(true, true).delay(100).slideUp(500);
jQuery('.switcher .selected a').toggleClass('open');
}
});
</script>
<li style="display:none" id="google_translate_element2"></li>
<script type="text/javascript">
function googleTranslateElementInit2() {
new google.translate.TranslateElement({
pageLanguage: 'tr',
autoDisplay: false
}, 'google_translate_element2');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2">
</script>
<script type="text/javascript">
function GTranslateGetCurrentLang() {
var keyValue = document.cookie.match('(^|;) ?googtrans=([^;]*)(;|$)');
return keyValue ? keyValue[2].split('/')[2] : null;
}
function GTranslateFireEvent(element, event) {
try {
if (document.createEventObject) {
var evt = document.createEventObject();
element.fireEvent('on' + event, evt);
} else {
var evt = document.createEvent('HTMLEvents');
evt.initEvent(event, true, true);
element.dispatchEvent(evt);
}
} catch (e) {}
}
function doGTranslate(lang_pair) {
if (lang_pair.value) lang_pair = lang_pair.value;
if (lang_pair == '') return;
var lang = lang_pair.split('|')[1];
var flagSrc = '';
var langName = '';
@foreach (\App\Models\Languages::where('is_delete', 0)->get() as $language)
if (lang == '{{ $language->code }}') {
flagSrc = '/upload/language/{{ $language->image }}';
langName = '{{ $language->name }}';
}
@endforeach
jQuery('#selected-lang').html('<img src="' + flagSrc + '" class="img-fluid flag-img" alt=""> ' + langName);
if (GTranslateGetCurrentLang() == null && lang == lang_pair.split('|')[0]) return;
var teCombo;
var sel = document.getElementsByTagName('select');
for (var i = 0; i < sel.length; i++)
if (sel[i].className == 'goog-te-combo') teCombo = sel[i];
if (document.getElementById('google_translate_element2') == null || document.getElementById(
'google_translate_element2').innerHTML.length == 0 || teCombo.length == 0 || teCombo.innerHTML.length ==
0) {
setTimeout(function() {
doGTranslate(lang_pair)
}, 500);
} else {
teCombo.value = lang;
GTranslateFireEvent(teCombo, 'change');
GTranslateFireEvent(teCombo, 'change');
}
}
if (GTranslateGetCurrentLang() != null) {
jQuery(document).ready(function() {
var currentLang = GTranslateGetCurrentLang();
var flagSrc = '';
var langName = '';
switch (currentLang) {
case 'tr':
flagSrc = '/front/img/tr.png';
langName = 'Tr';
break;
case 'en':
flagSrc = '/front/img/en.png';
langName = 'En';
break;
case 'de':
flagSrc = '/front/img/gr.png';
langName = 'Gr';
break;
default:
flagSrc = '/front/img/tr.png';
langName = 'Tr';
break;
}
jQuery('#selected-lang').html('<img src="' + flagSrc + '" class="img-fluid flag-img" alt=""> ' +
langName);
});
}
</script>
<script type="text/javascript">
document
.getElementById("hamburger-menu")
.addEventListener("click", function() {
var sidebar = document.getElementById("sidebar");
var overlay = document.getElementById("sidebar-overlay");
if (sidebar.style.left === "0px") {
sidebar.style.left = "-280px";
overlay.style.display = "none";
} else {
sidebar.style.left = "0px";
overlay.style.display = "block";
}
});
document
.getElementById("sidebar-overlay")
.addEventListener("click", function() {
document.getElementById("sidebar").style.left = "-320px";
this.style.display = "none";
});
</script>
<script src="/js/filter.js"></script>
@yield('js')
@livewireScripts
</body>
</html>