@extends('storefront.account.layout')

@section('title', 'Hesabım | ' . setting('general.site_name', 'Mağaza'))

@section('account_content')
<div class="account-card">
    <div class="account-card-header">
        <h2 class="account-card-title">Hesap Özeti</h2>
        <a href="{{ route('storefront.account.profile') }}" class="btn btn-secondary btn-sm" style="min-height: auto; padding: var(--space-1) var(--space-3); font-size: var(--font-size-xs);">Düzenle</a>
    </div>
    <div class="account-card-body">
        <div class="account-profile-summary">
            <div class="account-profile-item">
                <span class="account-profile-label">Ad Soyad</span>
                <span class="account-profile-value">{{ $user->name }}</span>
            </div>
            <div class="account-profile-item">
                <span class="account-profile-label">E-posta Adresi</span>
                <span class="account-profile-value">{{ $user->email }}</span>
            </div>
            <div class="account-profile-item">
                <span class="account-profile-label">Telefon</span>
                <span class="account-profile-value">{{ $user->phone ?? 'Belirtilmemiş' }}</span>
            </div>
        </div>
    </div>
</div>

<div class="account-card">
    <div class="account-card-header">
        <h2 class="account-card-title">Favori Ürünlerim</h2>
        <a href="{{ route('storefront.account.wishlist') }}" class="btn btn-secondary btn-sm">Tümünü Gör</a>
    </div>
    <div class="account-card-body">
        <div class="account-profile-summary">
            <div class="account-profile-item">
                <span class="account-profile-label">Toplam Favori Ürün</span>
                <span class="account-profile-value fw-bold text-primary">{{ $user->wishlistItems()->count() }} Adet</span>
            </div>
        </div>
    </div>
</div>

<div class="account-card">
    <div class="account-card-header">
        <h2 class="account-card-title">Destek ve İade Taleplerim</h2>
        <div class="d-flex gap-2">
            <a href="{{ route('storefront.account.tickets.create') }}" class="btn btn-primary btn-sm" style="min-height: auto; padding: var(--space-1) var(--space-3); font-size: var(--font-size-xs);">Talep Oluştur</a>
            <a href="{{ route('storefront.account.tickets') }}" class="btn btn-secondary btn-sm" style="min-height: auto; padding: var(--space-1) var(--space-3); font-size: var(--font-size-xs);">Tümünü Gör</a>
        </div>
    </div>
    <div class="account-card-body">
        <div class="account-profile-summary">
            <div class="account-profile-item">
                <span class="account-profile-label">Toplam Talep Sayısı</span>
                <span class="account-profile-value fw-bold text-primary">{{ $user->supportTickets()->count() }} Adet</span>
            </div>
            <div class="account-profile-item">
                <span class="account-profile-label">Açık Talepler</span>
                <span class="account-profile-value fw-bold text-warning">{{ $user->supportTickets()->whereIn('status', ['open', 'pending', 'answered'])->count() }} Adet</span>
            </div>
        </div>
    </div>
</div>

<div class="account-card">
    <div class="account-card-header">
        <h2 class="account-card-title">Son Siparişlerim</h2>
        <a href="{{ route('storefront.account.orders') }}" class="btn btn-secondary btn-sm" style="min-height: auto; padding: var(--space-1) var(--space-3); font-size: var(--font-size-xs);">Tümünü Gör</a>
    </div>
    <div class="account-card-body" style="padding: 0;">
        @if($recentOrders->isEmpty())
            <div style="padding: var(--space-6); text-align: center; color: var(--color-text-secondary);">
                Henüz bir siparişiniz bulunmuyor.
            </div>
        @else
            <div class="table-wrapper" style="margin: 0; border: none; border-radius: 0;">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Sipariş Kodu</th>
                            <th>Tarih</th>
                            <th>Toplam Tutar</th>
                            <th>Ödeme Durumu</th>
                            <th>Sipariş Durumu</th>
                            <th>İşlem</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($recentOrders as $order)
                            <tr>
                                <td class="fw-semibold">#{{ $order->order_number }}</td>
                                <td>{{ $order->created_at->format('d.m.Y H:i') }}</td>
                                <td class="fw-semibold">{{ number_format($order->grand_total, 2) }} TL</td>
                                <td>
                                    <span class="badge-status status-{{ $order->payment_status }}">
                                        {{ $order->payment_status_label }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge-status status-{{ $order->order_status }}">
                                        {{ $order->order_status_label }}
                                    </span>
                                </td>
                                <td>
                                    <a href="{{ route('storefront.account.orders.show', $order->order_number) }}" class="btn btn-secondary btn-sm" style="min-height: auto; padding: 2px var(--space-2); font-size: var(--font-size-xs);">
                                        Detay
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>
@endsection