@extends('layouts.main')

@section('content')
<div class="bg-[#b4bf9f] min-h-screen pt-32 pb-12">
    <div class="container mx-auto px-4">
        <div class="flex flex-col md:flex-row gap-6">
            <!-- Sidebar -->
            <div class="w-full md:w-64">
                <div class="bg-[#DBDBBC] rounded-xl shadow-lg p-6">
                    <div class="mb-6">
                        <h2 class="text-lg font-semibold text-gray-800">{{ auth()->user()->first_name }} {{ auth()->user()->last_name }}</h2>
                        <p class="text-sm text-gray-600">{{ auth()->user()->email }}</p>
                    </div>
                    
                    <nav class="space-y-2">
                        <a href="{{ route('customer.orders.index') }}" 
                           class="block px-4 py-2 rounded-lg {{ request()->routeIs('customer.orders.*') ? 'bg-[#105B2E] text-white' : 'text-gray-700 hover:bg-[#105B2E] hover:text-white' }} transition-colors duration-200">
                            <i class="fas fa-shopping-bag mr-2"></i>
                            Siparişlerim
                        </a>
                        <a href="{{ route('customer.profile') }}" 
                           class="block px-4 py-2 rounded-lg {{ request()->routeIs('customer.profile') ? 'bg-[#105B2E] text-white' : 'text-gray-700 hover:bg-[#105B2E] hover:text-white' }} transition-colors duration-200">
                            <i class="fas fa-user mr-2"></i>
                            Kullanıcı Bilgilerim
                        </a>
                        <a href="{{ route('customer.addresses.index') }}" 
                           class="block px-4 py-2 rounded-lg {{ request()->routeIs('customer.addresses.*') ? 'bg-[#105B2E] text-white' : 'text-gray-700 hover:bg-[#105B2E] hover:text-white' }} transition-colors duration-200">
                            <i class="fas fa-map-marker-alt mr-2"></i>
                            Adreslerim
                        </a>
                        <a href="{{ route('customer.password.edit') }}" 
                           class="block px-4 py-2 rounded-lg {{ request()->routeIs('customer.password.edit') ? 'bg-[#105B2E] text-white' : 'text-gray-700 hover:bg-[#105B2E] hover:text-white' }} transition-colors duration-200">
                            <i class="fas fa-lock mr-2"></i>
                            Şifre Değiştir
                        </a>
                        <form method="POST" action="{{ route('customer.logout') }}" class="mt-4">
                            @csrf
                            <button type="submit" 
                                class="w-full text-left px-4 py-2 rounded-lg text-red-600 hover:bg-red-50 transition-colors duration-200">
                                <i class="fas fa-sign-out-alt mr-2"></i>
                                Çıkış Yap
                            </button>
                        </form>
                    </nav>
                </div>
            </div>

            <!-- Main Content -->
            <div class="flex-1">
                <div class="bg-[#DBDBBC] rounded-xl shadow-lg p-6">
                    @yield('customer_content')
                </div>
            </div>
        </div>
    </div>
</div>
@endsection