@extends('backend.app')
@push('style')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        .badge {
            font-size: 0.85em;
            padding: 0.5em 0.75em;
            border-radius: 0.25rem;
        }

        .avatar-img {
            object-fit: cover;
            border: 2px solid #ddd;
        }
    </style>
@endpush
@section('title', 'User Details')
@section('content')
    <div class="app-content content">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">User Details - {{ $user->name ?? 'N/A' }}</h3>
                <a href="{{ route('user.list') }}" class="btn btn-primary float-end">Back to Users</a>
            </div>
            <div class="card-body">
                @if (session()->has('message'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        {{ session('message') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
                @if (session()->has('error'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        {{ session('error') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

                <div class="row p-4">
                    <div class="col-md-12">
                        <h4>User Information</h4>
                        <table class="table table-bordered">
                            <tr>
                                <th>Avatar</th>
                                <td>
                                    @if($user->avatar)
                                        <img src="{{ isset($user->avatar) ? asset($user->avatar) : 'backend/app-assets/images/portrait/small/profile-avatar.png' }}"
                                            alt="User Avatar" class="avatar-img"
                                            style="width: 50px; height: 50px; border-radius: 50%;">
                                    @else
                                        <img src=" {{ asset('backend/app-assets/images/portrait/small/profile-avatar.png') }}"
                                            alt="User Avatar" class="avatar-img"
                                            style="width: 50px; height: 50px; border-radius: 50%;">

                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>Name</th>
                                <td>{{ $user->name ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Email</th>
                                <td>{{ $user->email ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Phone</th>
                                <td>{{ $user->phone ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th>Address</th>
                                <td>
                                    {{ $user->address ?
        ($user->address . ', ' . ($user->city ?? '') . ', ' .
            ($user->state ?? '') . ', ' . ($user->country ?? '') . ' ' .
            ($user->zip_code ?? '')) : 'N/A' }}
                                </td>
                            </tr>
                            <tr>
                                <th>Status</th>
                                <td>
                                    <span
                                        class="badge {{ $user->status === 'active' ? 'bg-success' : 'bg-warning text-dark' }}">
                                        {{ ucfirst($user->status ?? 'inactive') }}
                                    </span>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-md-12 mt-3">
                        <h4>Bids</h4>
                        @if(!$user->bids || $user->bids->isEmpty())
                            <p>No bids found.</p>
                        @else
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Product</th>
                                        <th>Amount</th>
                                        <th>Is Winner</th>
                                        <th>Bid At</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($user->bids as $bid)
                                        <tr>
                                            <td>{{ $bid->product ? $bid->product->title : 'N/A' }}</td>
                                            <td>${{ number_format($bid->amount, 2) }}</td>
                                            <td>
                                                <span class="badge {{ $bid->is_winner ? 'bg-success' : 'bg-secondary' }}">
                                                    {{ $bid->is_winner ? 'Yes' : 'No' }}
                                                </span>
                                            </td>
                                            <td>{{ $bid->created_at->format('Y-m-d H:i') }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        @endif
                    </div>
                    <div class="col-md-12 mt-3">
                        <h4>Orders</h4>
                        @if(!$user->orders || $user->orders->isEmpty())
                            <p>No orders found.</p>
                        @else
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Order Number</th>
                                        <th>Total Amount</th>
                                        <th>Status</th>
                                        <th>Ordered At</th>
                                        <th>Items</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($user->orders as $order)
                                                            <tr>
                                                                <td>
                                                                    <a href="{{ route('order.view', $order->id) }}">{{ $order->order_number }}</a>
                                                                </td>
                                                                <td>${{ number_format($order->total_amount, 2) }}</td>
                                                                <td>
                                                                    <span class="badge {{ (function () use ($order) {
                                            return match (strtolower($order->status ?? 'unknown')) {
                                                'pending' => 'bg-warning text-dark',
                                                'processing' => 'bg-info text-dark',
                                                'shipped' => 'bg-primary',
                                                'delivered' => 'bg-success',
                                                'confirmed' => 'bg-success',
                                                'cancelled' => 'bg-danger',
                                                default => 'bg-secondary'
                                            };
                                        })() }}">{{ ucfirst($order->status ?? 'unknown') }}</span>
                                                                </td>
                                                                <td>{{ $order->ordered_at ? $order->ordered_at->format('Y-m-d H:i') : 'N/A' }}</td>
                                                                <td>{{ $order->orderItems->count() }}</td>
                                                            </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @push('script')
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
        <script>
            // Auto-dismiss alerts after 5 seconds
            setTimeout(() => {
                const alerts = document.querySelectorAll('.alert');
                alerts.forEach(alert => {
                    const bsAlert = new bootstrap.Alert(alert);
                    bsAlert.close();
                });
            }, 5000);
        </script>
    @endpush
@endsection