{{-- Satış Modülü Navigasyon Tabları --}}
<div class="sales-nav-tabs">
    <a href="{{ route('agency.sales.index') }}"
       class="sales-nav-tab {{ request()->routeIs('agency.sales.index') ? 'active' : '' }}">
        <i class="fas fa-chart-line"></i>
        <span>Başlangıç</span>
    </a>
    <a href="{{ route('agency.sales.leads') }}"
       class="sales-nav-tab {{ request()->routeIs('agency.sales.leads') ? 'active' : '' }}">
        <i class="fas fa-user-clock"></i>
        <span>Müşteri Adayları</span>
    </a>
    <a href="{{ route('agency.sales.deals') }}"
       class="sales-nav-tab {{ request()->routeIs('agency.sales.deals') ? 'active' : '' }}">
        <i class="fas fa-handshake"></i>
        <span>Anlaşmalar</span>
    </a>
    <a href="{{ route('agency.sales.cancellations') }}"
       class="sales-nav-tab {{ request()->routeIs('agency.sales.cancellations') ? 'active' : '' }}">
        <i class="fas fa-undo"></i>
        <span>İptal ve İadeler</span>
    </a>
</div>

<style>
    .sales-nav-tabs {
        display: flex;
        gap: 4px;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        padding: 5px;
        margin-bottom: 1.5rem;
        box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    }
    .sales-nav-tab {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.55rem 1.2rem;
        border-radius: 10px;
        font-size: 0.82rem;
        font-weight: 700;
        color: #64748b;
        text-decoration: none;
        transition: all 0.25s ease;
        white-space: nowrap;
        border: 1.5px solid transparent;
    }
    .sales-nav-tab:hover {
        background: #f1f5f9;
        color: #334155;
    }
    .sales-nav-tab.active {
        background: linear-gradient(135deg, #2563eb, #1d4ed8);
        color: #fff;
        box-shadow: 0 4px 14px rgba(37,99,235,0.3);
    }
    .sales-nav-tab.active:hover {
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 6px 20px rgba(37,99,235,0.4);
    }
    .sales-nav-tab i {
        font-size: 0.78rem;
    }
</style>