@extends('layouts.storefront')

@section('content')
<div class="sf-container">
    <div class="sf-breadcrumb">
        <ul class="sf-breadcrumb-list">
            <li class="sf-breadcrumb-item"><a href="{{ route('home') }}">Ana Sayfa</a></li>
            <span class="sf-breadcrumb-separator">/</span>
            <li class="sf-breadcrumb-item"><a href="{{ route('storefront.account.dashboard') }}">Hesabım</a></li>
            @yield('account_breadcrumb')
        </ul>
    </div>

    <div class="account-grid">
        {{-- Sol Sidebar --}}
        <aside class="account-sidebar">
            <nav class="account-nav" aria-label="Hesap navigasyonu">
                <a href="{{ route('storefront.account.dashboard') }}" class="account-nav-item {{ request()->routeIs('storefront.account.dashboard') ? 'active' : '' }}">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
                    </svg>
                    <span>Özet Panel</span>
                </a>
                <a href="{{ route('storefront.account.orders') }}" class="account-nav-item {{ request()->routeIs('storefront.account.orders*') ? 'active' : '' }}">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" />
                    </svg>
                    <span>Siparişlerim</span>
                </a>
                <a href="{{ route('storefront.account.wishlist') }}" class="account-nav-item {{ request()->routeIs('storefront.account.wishlist') ? 'active' : '' }}">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
                    </svg>
                    <span>Favorilerim</span>
                </a>
                <a href="{{ route('storefront.account.addresses') }}" class="account-nav-item {{ request()->routeIs('storefront.account.addresses*') ? 'active' : '' }}">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    <span>Adreslerim</span>
                </a>
                <a href="{{ route('storefront.account.tickets') }}" class="account-nav-item {{ request()->routeIs('storefront.account.tickets*') ? 'active' : '' }}">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
                    </svg>
                    <span>Destek / İade Taleplerim</span>
                </a>
                @if(module_can_use('return_exchange_management'))
                    <a href="{{ route('customer.returns.index') }}" class="account-nav-item {{ request()->routeIs('customer.returns*') ? 'active' : '' }}">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M16 15v-1a4 4 0 00-4-4H8m0 0l3 3m-3-3l3-3m9 14V5a2 2 0 00-2-2H6a2 2 0 00-2 2v16l4-2 4 2 4-2 4 2z" />
                        </svg>
                        <span>Gelişmiş İade / Değişim</span>
                    </a>
                @endif
                @if(module_can_use('loyalty_points'))
                    <a href="{{ route('customer.loyalty.index') }}" class="account-nav-item {{ request()->routeIs('customer.loyalty*') ? 'active' : '' }}">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818.879-.659A2.25 2.25 0 0 1 11.25 12V6.75m2.75-.486.879.659a2.25 2.25 0 0 1 .659 1.34V12m.75-1.25h-5.5m.75 3.5h4" />
                        </svg>
                        <span>Puanlarım</span>
                    </a>
                @endif
                <a href="{{ route('storefront.account.profile') }}" class="account-nav-item {{ request()->routeIs('storefront.account.profile') ? 'active' : '' }}">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
                    </svg>
                    <span>Profil Bilgileri</span>
                </a>
                <a href="{{ route('storefront.account.password') }}" class="account-nav-item {{ request()->routeIs('storefront.account.password') ? 'active' : '' }}">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
                    </svg>
                    <span>Şifre Değiştir</span>
                </a>
                
                <hr class="sf-dropdown-divider" style="margin: var(--space-2) 0;">
                
                <form action="{{ route('storefront.auth.logout') }}" method="POST" style="margin: 0;">
                    @csrf
                    <button type="submit" class="account-nav-item text-danger" style="background: none; border: none; width: 100%; text-align: left; cursor: pointer;">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
                        </svg>
                        <span>Çıkış Yap</span>
                    </button>
                </form>
            </nav>
        </aside>

        {{-- Sağ İçerik --}}
        <section class="account-content">
            @yield('account_content')
        </section>
    </div>
</div>
@endsection