Files
citrus/resources/views/components/front/menu-item.blade.php
T

202 lines
12 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@props(['item'])
@php
$hasChildren = $item->children->isNotEmpty();
$isMegaMenu = $item->slug === 'cozumlerimiz' || $item->slug === 'urunlerimiz';
$isCareer = $item->slug === 'kariyer';
$products = [];
$services = [];
$projectLinks = [];
if($isMegaMenu) {
$products = \App\Models\Product::where('is_active', true)->where('type', 'product')->orderBy('sort_order')->limit(10)->get();
$services = \App\Models\Product::where('is_active', true)->where('type', 'service')->orderBy('sort_order')->limit(10)->get();
$locale = app()->getLocale();
$projectLinks = [
[
'title' => $locale === 'tr' ? 'Müzik Yapımlarımız' : ($locale === 'se' ? 'Våra musikproduktioner' : 'Our Music Productions'),
'url' => route('music-productions.index'),
'badge' => $locale === 'tr' ? 'Sanat' : ($locale === 'se' ? 'Konst' : 'Art'),
'icon' => 'uil-music'
],
[
'title' => $locale === 'tr' ? 'Kitaplarımız' : ($locale === 'se' ? 'Våra böcker' : 'Our Books'),
'url' => route('page.show', 'kitaplarimiz'),
'badge' => null,
'icon' => 'uil-book-open'
],
[
'title' => $locale === 'tr' ? 'Ödüllerimiz' : ($locale === 'se' ? 'Våra utmärkelser' : 'Our Awards'),
'url' => route('page.show', 'odullerimiz'),
'badge' => $locale === 'tr' ? 'Başarı' : ($locale === 'se' ? 'Framgång' : 'Success'),
'icon' => 'uil-trophy'
],
[
'title' => $locale === 'tr' ? 'Müşteri Görüşleri' : ($locale === 'se' ? 'Kundrecensioner' : 'Client Testimonials'),
'url' => route('page.show', 'musteri-gorusleri'),
'badge' => null,
'icon' => 'uil-comments'
],
[
'title' => $locale === 'tr' ? 'Çözüm Ortakları' : ($locale === 'se' ? 'Lösningspartners' : 'Solution Partners'),
'url' => route('page.show', 'cozum-ortaklari'),
'badge' => null,
'icon' => 'uil-users-alt'
]
];
}
@endphp
@if($isMegaMenu)
<li class="nav-item dropdown dropdown-mega">
<a class="nav-link dropdown-toggle font-bold !tracking-[normal]" href="{{ route('page.show', $item->slug) }}" data-bs-toggle="dropdown">{{ $item->translate('title') }}</a>
<ul class="dropdown-menu mega-menu !p-5 xl:!p-6 !rounded-[0.8rem] !shadow-2xl !border-0">
<li class="mega-menu-content">
<div class="flex flex-wrap mx-0 xl:mx-[-10px] lg:mx-[-10px]">
<!-- Sütun 1: Ürünlerimiz -->
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-5 xl:border-r border-[#0000000a] dark:border-[#ffffff0a] mb-2 lg:mb-0">
<h6 class="dropdown-header !text-[#e31e24] !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center" style="margin-top: 5px !important; margin-bottom: 8px !important; padding: 0px !important;">
<i class="uil uil-cube text-lg mr-2.5"></i>
{{ $locale === 'tr' ? 'Ürünlerimiz' : ($locale === 'se' ? 'Våra Produkter' : 'Products') }}
</h6>
<ul class="pl-0 list-none mb-0">
@foreach($products as $prod)
<li class="w-full" style="margin-bottom: 0px !important; padding: 0px !important;">
<a class='dropdown-item hover:!text-[#e31e24] !pl-0 !bg-transparent flex items-center transition-all duration-200 hover:translate-x-1'
style="padding-top: 2px !important; padding-bottom: 2px !important; padding-left: 0px !important; padding-right: 0px !important; margin: 0px !important; line-height: 1.2 !important;"
href="{{ $prod->external_url ? $prod->external_url : route('products.show', $prod->slug) }}"
@if($prod->external_url) target="_blank" @endif>
<i class="uil uil-angle-right text-[#e31e24] mr-1 text-[15px] opacity-80"></i>
<span class="font-medium text-[13.5px] tracking-wide" style="line-height: 1.2 !important;">{{ $prod->translate('title') }}</span>
</a>
</li>
@endforeach
</ul>
</div>
<!-- Sütun 2: Hizmetlerimiz -->
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-5 xl:border-r border-[#0000000a] dark:border-[#ffffff0a] mb-2 lg:mb-0">
<h6 class="dropdown-header !text-[#e31e24] !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center" style="margin-top: 5px !important; margin-bottom: 8px !important; padding: 0px !important;">
<i class="uil uil-cog text-lg mr-2.5"></i>
{{ $locale === 'tr' ? 'Hizmetlerimiz' : ($locale === 'se' ? 'Våra Tjänster' : 'Services') }}
</h6>
<ul class="pl-0 list-none mb-0">
@foreach($services as $serv)
<li class="w-full" style="margin-bottom: 0px !important; padding: 0px !important;">
<a class='dropdown-item hover:!text-[#e31e24] !pl-0 !bg-transparent flex items-center transition-all duration-200 hover:translate-x-1'
style="padding-top: 2px !important; padding-bottom: 2px !important; padding-left: 0px !important; padding-right: 0px !important; margin: 0px !important; line-height: 1.2 !important;"
href="{{ $serv->external_url ? $serv->external_url : route('products.show', $serv->slug) }}"
@if($serv->external_url) target="_blank" @endif>
<i class="uil uil-angle-right text-[#e31e24] mr-1 text-[15px] opacity-80"></i>
<span class="font-medium text-[13.5px] tracking-wide" style="line-height: 1.2 !important;">{{ $serv->translate('title') }}</span>
</a>
</li>
@endforeach
</ul>
</div>
<!-- Sütun 3: Projelerimiz & Başarı Hikayeleri -->
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-5">
<h6 class="dropdown-header !text-[#e31e24] !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center" style="margin-top: 5px !important; margin-bottom: 8px !important; padding: 0px !important;">
<i class="uil uil-award text-lg mr-2.5"></i>
{{ $locale === 'tr' ? 'Projelerimiz / Başarılar' : ($locale === 'se' ? 'Projekt & Framgångar' : 'Projects & Successes') }}
</h6>
<ul class="pl-0 list-none mb-0">
@foreach($projectLinks as $proj)
<li class="w-full" style="margin-bottom: 0px !important; padding: 0px !important;">
<a class='dropdown-item hover:!text-[#e31e24] !pl-0 !bg-transparent flex items-center justify-between transition-all duration-200 hover:translate-x-1'
style="padding-top: 2px !important; padding-bottom: 2px !important; padding-left: 0px !important; padding-right: 0px !important; margin: 0px !important; line-height: 1.2 !important;"
href="{{ $proj['url'] }}">
<span class="flex items-center">
<i class="uil {{ $proj['icon'] }} text-[#e31e24] mr-3 text-[15px] opacity-90"></i>
<span class="font-medium text-[13.5px] tracking-wide" style="line-height: 1.2 !important;">{{ $proj['title'] }}</span>
</span>
@if($proj['badge'])
<span class="badge bg-[#e31e24]/10 text-[#e31e24] text-[10px] px-2 py-0.5 rounded-full font-semibold ml-2">{{ $proj['badge'] }}</span>
@endif
</a>
</li>
@endforeach
</ul>
</div>
</div>
</li>
</ul>
</li>
@elseif($isCareer)
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle font-bold !tracking-[normal]"
href="#"
data-bs-toggle="dropdown">
{{ $item->translate('title') }}
</a>
<ul class="dropdown-menu">
<li class="nav-item">
<a class="dropdown-item hover:!text-[#e31e24]" href="{{ route('career.index') }}">
{{ __('career.job_application_title') }}
</a>
</li>
<li class="nav-item">
<a class="dropdown-item hover:!text-[#e31e24]" href="{{ route('career.internship') }}">
{{ __('career.internship_title') }}
</a>
</li>
<li class="nav-item">
<a class="dropdown-item hover:!text-[#e31e24] font-semibold" href="{{ route('intern.login') }}">
Stajyer Girişi
</a>
</li>
</ul>
</li>
@else
<li class="nav-item {{ $hasChildren ? 'dropdown' : '' }}">
@if($hasChildren)
<a class="nav-link dropdown-toggle font-bold !tracking-[normal]"
href="{{ route('page.show', $item->slug) }}"
data-bs-toggle="dropdown">
{{ $item->translate('title') }}
</a>
<ul class="dropdown-menu">
@foreach($item->children as $child)
@php
$childHasChildren = $child->children->isNotEmpty();
@endphp
@if($childHasChildren)
<li class="dropdown dropdown-submenu dropend">
<a class="nav-link dropdown-toggle font-bold !tracking-[normal]"
href="{{ route('page.show', $child->slug) }}"
data-bs-toggle="dropdown">
{{ $child->translate('title') }}
</a>
<ul class="dropdown-menu">
@foreach($child->children as $grandChild)
<li class="nav-item">
<a class="nav-link dropdown-toggle font-bold !tracking-[normal]"
href="{{ route('page.show', $grandChild->slug) }}">
{{ $grandChild->translate('title') }}
</a>
</li>
@endforeach
</ul>
</li>
@else
<li class="nav-item">
<a class="dropdown-item hover:!text-[#e31e24]"
href="{{ route('page.show', $child->slug) }}">
{{ $child->translate('title') }}
</a>
</li>
@endif
@endforeach
</ul>
@else
<a class="nav-link font-bold !tracking-[normal]"
href="{{ route('page.show', $item->slug) }}">
{{ $item->translate('title') }}
</a>
@endif
</li>
@endif