/* _content/Kesmetepe.Web/Views/Shared/_Layout.cshtml.rz.scp.css */
@* _Layout.cshtml - Header bölümünün güncellenmiş hali *@ <header>
<!-- Top Bar -->
<div class="top-bar bg-primary text-white py-2 d-none d-md-block"> <div class="container"> <div class="row align-items-center"> <div class="col-md-6"> <div class="d-flex align-items-center"> <span class="me-3"> <i class="fas fa-phone me-1"></i> <small>0324 123 45 67</small> </span> <span class="me-3"> <i class="fas fa-envelope me-1"></i> <small>info@kesmetepe.gov.tr</small> </span> </div> </div> <div class="col-md-6 text-end"> <div class="d-flex align-items-center justify-content-end"> <span class="me-3"> <i class="fas fa-calendar-alt me-1"></i> <small id="currentDate"></small> </span> <div class="social-links"> <a href="#" class="text-white me-2" title="Facebook"> <i class="fab fa-facebook-f"></i> </a> <a href="#" class="text-white me-2" title="Instagram"> <i class="fab fa-instagram"></i> </a> <a href="#" class="text-white" title="Twitter"> <i class="fab fa-twitter"></i> </a> </div> </div> </div> </div> </div> </div>
<!-- Main Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm"> <div class="container">
<!-- Brand -->
<a class="navbar-brand d-flex align-items-center" asp-controller="Home" asp-action="Index"> <img src="~/images/logo.png" alt="Kesmetepe Köyü" height="50" class="me-3"> <div> <div class="fw-bold text-primary">Kesmetepe Köyü</div> <small class="text-muted">Resmi Web Sitesi</small> </div> </a>
<!-- Mobile Toggle -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<!-- Navigation Menu -->
<div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto"> <li class="nav-item"> <a class="nav-link" asp-controller="Home" asp-action="Index"> <i class="fas fa-home me-1"></i>Ana Sayfa </a> </li> <li class="nav-item"> <a class="nav-link" asp-controller="Duyuru" asp-action="Index"> <i class="fas fa-bullhorn me-1"></i>Duyurular </a> </li> <li class="nav-item"> <a class="nav-link" asp-controller="Blog" asp-action="Index"> <i class="fas fa-blog me-1"></i>Blog </a> </li> <li class="nav-item"> <a class="nav-link" asp-controller="Etkinlik" asp-action="Index"> <i class="fas fa-calendar-check me-1"></i>Etkinlikler </a> </li> <li class="nav-item"> <a class="nav-link" asp-controller="Galeri" asp-action="Index"> <i class="fas fa-images me-1"></i>Galeri </a> </li> <li class="nav-item"> <a class="nav-link" asp-controller="Ilan" asp-action="Index"> <i class="fas fa-clipboard-list me-1"></i>İlanlar </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class="fas fa-info-circle me-1"></i>Hakkımızda </a> <ul class="dropdown-menu" aria-labelledby="aboutDropdown"> <li><a class="dropdown-item" asp-controller="About" asp-action="Index">Köy Hakkında</a></li> <li><a class="dropdown-item" asp-controller="About" asp-action="Tarihce">Tarihçe</a></li> <li><a class="dropdown-item" asp-controller="About" asp-action="Cografya">Coğrafya</a></li> <li><hr class="dropdown-divider"></li> <li><a class="dropdown-item" asp-controller="About" asp-action="Iletisim">İletişim</a></li> </ul> </li>
<!-- User Menu -->
@if (User.Identity!.IsAuthenticated) {
    <li class="nav-item dropdown" >
    <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button"
    data-bs-toggle="dropdown" aria-expanded="false" >
    <i class="fas fa-user me-1" > </i > @User.Identity.Name
    </a >
    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown" >
    <li > <a class="dropdown-item" asp-controller="Account" asp-action="Profil" >
    <i class="fas fa-user-circle me-2" > </i > Profil
    </a > </li >
    <li > <a class="dropdown-item" asp-controller="Account" asp-action="Bloglarim" >
    <i class="fas fa-blog me-2" > </i > Blog Yazılarım
    </a > </li >
    <li > <a class="dropdown-item" asp-controller="Account" asp-action="Bildirimler" >
    <i class="fas fa-bell me-2" > </i > Bildirimler
    </a > </li >
    @if (User.IsInRole("Admin") || User.IsInRole("BelediyePersoneli"))[b-jos20vsfpw] {
        <li><hr class="dropdown-divider"></li> <li><a class="dropdown-item" asp-controller="Admin" asp-action="Index"> <i class="fas fa-cog me-2"></i>Yönetim Paneli </a></li>
    }

    <li><hr class="dropdown-divider"></li> <li> <form asp-controller="Account" asp-action="Cikis" method="post" class="d-inline"> <button type="submit" class="dropdown-item"> <i class="fas fa-sign-out-alt me-2"></i>Çıkış Yap </button> </form> </li> </ul> </li>
}

else[b-jos20vsfpw] {
    <li class="nav-item"> <a class="nav-link" asp-controller="Account" asp-action="Giris"> <i class="fas fa-sign-in-alt me-1"></i>Giriş </a> </li> <li class="nav-item"> <a class="nav-link btn btn-outline-primary px-3 ms-2" asp-controller="Account" asp-action="Kayit"> Kayıt Ol </a> </li>
}

</ul >
</div >
</div >
</nav >
<!-- Breadcrumb Navigation (sadece breadcrumb gösterilmesi gereken sayfalarda) -->
@if (ViewData["ShowBreadcrumb"] != null && (bool)ViewData["ShowBreadcrumb"])[b-jos20vsfpw] {
    <nav aria-label="breadcrumb" class="bg-light py-2"> <div class="container"> <ol class="breadcrumb mb-0"> <li class="breadcrumb-item"> <a asp-controller="Home" asp-action="Index" class="text-decoration-none"> <i class="fas fa-home me-1"></i>Ana Sayfa </a> </li> @if (ViewData["BreadcrumbItems"] != null)

{
    @foreach (var item in (List<(string Text, string? Url)>)ViewData["BreadcrumbItems"]) {
        @if (item.Url != null) {
            <li class="breadcrumb-item"> <a href="@item.Url" class="text-decoration-none">@item.Text</a> </li>
        }

        else[b-jos20vsfpw] {
            <li class="breadcrumb-item active" aria-current="page">@item.Text</li>
        }
    }
}

</ol >
</div >
</nav[b-jos20vsfpw] >
}

</header >

<style >
/* Header Stilleri */
.top-bar[b-jos20vsfpw] {
    font-size: 0.875rem;
}

.top-bar .social-links a[b-jos20vsfpw] {
    font-size: 0.875rem;
    transition: opacity 0.3s ease;
}

    .top-bar .social-links a:hover[b-jos20vsfpw] {
        opacity: 0.8;
    }

.navbar[b-jos20vsfpw] {
    padding: 1rem 0;
    transition: all 0.3s ease;
}

.navbar-brand[b-jos20vsfpw] {
    transition: transform 0.3s ease;
}

    .navbar-brand:hover[b-jos20vsfpw] {
        transform: scale(1.05);
    }

.navbar-nav .nav-link[b-jos20vsfpw] {
    font-weight: 500;
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
    border-radius: 6px;
    margin: 0 0.25rem;
    position: relative;
}

    .navbar-nav .nav-link:hover[b-jos20vsfpw],
    .navbar-nav .nav-link:focus[b-jos20vsfpw] {
        background-color: rgba(13, 110, 253, 0.1);
        color: var(--bs-primary);
        transform: translateY(-1px);
    }

    .navbar-nav .nav-link.active[b-jos20vsfpw] {
        background-color: var(--bs-primary);
        color: white !important;
    }

    .navbar-nav .nav-link i[b-jos20vsfpw] {
        width: 16px;
        text-align: center;
    }

.dropdown-menu[b-jos20vsfpw] {
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    margin-top: 0.5rem;
}

.dropdown-item[b-jos20vsfpw] {
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

    .dropdown-item:hover[b-jos20vsfpw] {
        background-color: rgba(13, 110, 253, 0.1);
        color: var(--bs-primary);
        transform: translateX(5px);
    }

.breadcrumb[b-jos20vsfpw] {
    background-color: transparent;
}

.breadcrumb-item + .breadcrumb-item[b-jos20vsfpw]::before {
    content: ">";
    color: #6c757d;
}

.breadcrumb-item a[b-jos20vsfpw] {
    color: var(--bs-primary);
}

.breadcrumb-item.active[b-jos20vsfpw] {
    color: #6c757d;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .navbar-nav .nav-link[b-jos20vsfpw] {
        margin: 0.25rem 0;
    }

    .navbar-collapse[b-jos20vsfpw] {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid #dee2e6;
    }
}

/* Active page highlighting */
@ {
    var currentController = ViewContext.RouteData.Values["Controller"]?.ToString();
    var currentAction = ViewContext.RouteData.Values["Action"]?.ToString();
}

.navbar-nav .nav-link[asp-controller="@currentController"][b-jos20vsfpw] {
    background-color: var(--bs-primary);
    color: white !important;
}

</style >

<script>
// Güncel tarihi göster
document.addEventListener('DOMContentLoaded', function() {
        const currentDateElement = document.getElementById('currentDate');
        if (currentDateElement) {
            const today = new Date();
            const options = { 
                year: 'numeric', 
                month: 'long', 
                day: 'numeric',
                weekday: 'long'
            };
            currentDateElement.textContent = today.toLocaleDateString('tr-TR', options);
        }
    });

// Active menu item highlighting
document.addEventListener('DOMContentLoaded', function() {
        const currentPath = window.location.pathname.toLowerCase();
        const navLinks = document.querySelectorAll('.navbar-nav .nav-link');
        
        navLinks.forEach(link => {
            const href = link.getAttribute('href');
            if (href && currentPath.includes(href.toLowerCase())) {
                link.classList.add('active');
            }
        });
    });
</script[b-jos20vsfpw] >