{{-- Customer dashboard: overview of the customer's own Sale/Purchase tickets. --}}
@extends('layouts.users.main')

@section('content')
    <div class="content-wrapper">
        <div class="container-xxl flex-grow-1 container-p-y">

            {{-- Greeting + quick actions --}}
            <div class="row g-6 mb-6">
                <div class="col-12">
                    <div class="card bg-label-primary border-0 shadow-none">
                        <div class="card-body d-flex flex-wrap justify-content-between align-items-center gap-3">
                            <div>
                                <h5 class="mb-1 text-primary">{{ __('Welcome') }}, {{ auth()->user()->name }} 👋</h5>
                                <p class="mb-0 text-muted">{{ __('Here is a summary of your tickets.') }}</p>
                            </div>
                            <div class="d-flex flex-wrap gap-2">
                                <a href="{{ route('sale-tickets.create') }}" class="btn btn-primary">
                                    <i class="ti tabler-plus me-1"></i>{{ __('Create sale ticket') }}
                                </a>
                                <a href="{{ route('purchase-tickets.create') }}" class="btn btn-outline-primary">
                                    <i class="ti tabler-plus me-1"></i>{{ __('Create purchase ticket') }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Stat cards --}}
            <div class="row g-6 mb-6">
                <div class="col-md-4 col-12">
                    <div class="card card-border-shadow-primary h-100 border-0">
                        <div class="card-body">
                            <div class="d-flex align-items-center mb-2">
                                <div class="avatar me-3"><span class="avatar-initial rounded bg-label-primary"><i class="ti tabler-tag"></i></span></div>
                                <h4 class="mb-0">{{ $saleTotal }}</h4>
                            </div>
                            <p class="mb-0">{{ __('My sale tickets') }}</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="card card-border-shadow-info h-100 border-0">
                        <div class="card-body">
                            <div class="d-flex align-items-center mb-2">
                                <div class="avatar me-3"><span class="avatar-initial rounded bg-label-info"><i class="ti tabler-shopping-cart"></i></span></div>
                                <h4 class="mb-0">{{ $purchaseTotal }}</h4>
                            </div>
                            <p class="mb-0">{{ __('My purchase tickets') }}</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="card card-border-shadow-warning h-100 border-0">
                        <div class="card-body">
                            <div class="d-flex align-items-center mb-2">
                                <div class="avatar me-3"><span class="avatar-initial rounded bg-label-warning"><i class="ti tabler-alert-triangle"></i></span></div>
                                <h4 class="mb-0">{{ $saleReturned + $purchaseReturned }}</h4>
                            </div>
                            <p class="mb-0">{{ __('Returned for correction') }}</p>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Recent tickets + status breakdown --}}
            <div class="row g-6">
                {{-- Sale --}}
                <div class="col-lg-6 col-12">
                    <div class="card h-100">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h5 class="mb-0">{{ __('Recent sale tickets') }}</h5>
                            <a href="{{ route('sale-tickets.index-own') }}" class="btn btn-sm btn-outline-primary">{{ __('View all') }}</a>
                        </div>
                        <div class="card-body">
                            @if ($saleByStatus->isNotEmpty())
                                <div class="d-flex flex-wrap gap-2 mb-4">
                                    @foreach ($saleByStatus as $status => $count)
                                        <span class="badge bg-label-primary">{{ \App\Enums\SaleTicketStatusEnum::tryFrom($status)?->label() ?? $status }}: {{ $count }}</span>
                                    @endforeach
                                </div>
                            @endif

                            @forelse ($recentSale as $ticket)
                                <div class="d-flex justify-content-between align-items-center py-2 border-bottom">
                                    <div>
                                        <a href="{{ route('sale-tickets.edit-own', $ticket) }}" class="fw-medium">#{{ $ticket->id }}</a>
                                        <div class="text-muted small">{{ $ticket->created_at?->format('d/m/Y') }}</div>
                                    </div>
                                    <span class="badge bg-label-secondary">{{ $ticket->status?->label() }}</span>
                                </div>
                            @empty
                                <p class="text-muted mb-0">{{ __('You have no sale tickets yet.') }}</p>
                            @endforelse
                        </div>
                    </div>
                </div>

                {{-- Purchase --}}
                <div class="col-lg-6 col-12">
                    <div class="card h-100">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h5 class="mb-0">{{ __('Recent purchase tickets') }}</h5>
                            <a href="{{ route('purchase-tickets.index-own') }}" class="btn btn-sm btn-outline-primary">{{ __('View all') }}</a>
                        </div>
                        <div class="card-body">
                            @if ($purchaseByStatus->isNotEmpty())
                                <div class="d-flex flex-wrap gap-2 mb-4">
                                    @foreach ($purchaseByStatus as $status => $count)
                                        <span class="badge bg-label-info">{{ \App\Enums\PurchaseTicketStatusEnum::tryFrom($status)?->label() ?? $status }}: {{ $count }}</span>
                                    @endforeach
                                </div>
                            @endif

                            @forelse ($recentPurchase as $ticket)
                                <div class="d-flex justify-content-between align-items-center py-2 border-bottom">
                                    <div>
                                        <a href="{{ route('purchase-tickets.edit-own', $ticket) }}" class="fw-medium">#{{ $ticket->id }}</a>
                                        <div class="text-muted small">{{ $ticket->created_at?->format('d/m/Y') }}</div>
                                    </div>
                                    <span class="badge bg-label-secondary">{{ $ticket->status?->label() }}</span>
                                </div>
                            @empty
                                <p class="text-muted mb-0">{{ __('You have no purchase tickets yet.') }}</p>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection