@extends('layouts.admin')

@section('title', 'Detail Pengguna: ' . $user->name)

@section('styles')
<style>
    .avatar-large {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 1.75rem;
    }
    .badge-status {
        font-size: .75rem;
        padding: .35em .75em;
        border-radius: .5rem;
        font-weight: 600;
    }
</style>
@endsection

@section('content')

{{-- Breadcrumb --}}
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}" class="text-decoration-none">Dashboard</a></li>
        <li class="breadcrumb-item"><a href="{{ route('admin.users.index') }}" class="text-decoration-none">Pengguna</a></li>
        <li class="breadcrumb-item active">{{ $user->name }}</li>
    </ol>
</nav>

<div class="row g-4">
    {{-- Profil Pengguna --}}
    <div class="col-lg-4">
        <div class="card card-custom p-4 text-center mb-4">
            <div class="avatar-large mx-auto mb-3 {{ $user->isAdmin() ? 'bg-warning text-dark' : 'bg-primary text-white' }}">
                {{ strtoupper(substr($user->name, 0, 1)) }}
            </div>
            <h4 class="fw-bold mb-1">{{ $user->name }}</h4>
            <p class="text-muted small mb-2">{{ $user->email }}</p>
            <div>
                @if ($user->isAdmin())
                    <span class="badge bg-warning bg-opacity-25 text-warning-emphasis border border-warning px-3 py-1">
                        <i class="bi bi-shield-check me-1"></i> Administrator
                    </span>
                @else
                    <span class="badge bg-success bg-opacity-10 text-success border border-success px-3 py-1">
                        <i class="bi bi-person me-1"></i> Pembeli (Buyer)
                    </span>
                @endif
            </div>

            <hr class="my-4">

            <div class="text-start">
                <div class="mb-3">
                    <span class="text-muted small d-block">ID Akun</span>
                    <span class="fw-semibold text-dark">#{{ $user->id }}</span>
                </div>
                <div class="mb-3">
                    <span class="text-muted small d-block">Tanggal Bergabung</span>
                    <span class="fw-semibold text-dark">{{ $user->created_at->format('d F Y, H:i') }}</span>
                </div>
                <div>
                    <span class="text-muted small d-block">Total Akumulasi Belanja</span>
                    <span class="fw-bold fs-5 text-success">Rp {{ number_format($userStats['total_spent'], 0, ',', '.') }}</span>
                </div>
            </div>
        </div>

        <div class="card card-custom p-3">
            <div class="d-flex justify-content-between align-items-center mb-2">
                <span class="text-muted small">Total Pesanan</span>
                <span class="fw-bold">{{ $userStats['total_orders'] }}</span>
            </div>
            <div class="d-flex justify-content-between align-items-center">
                <span class="text-muted small">Pesanan Selesai</span>
                <span class="badge bg-success-subtle text-success">{{ $userStats['completed_orders'] }} Selesai</span>
            </div>
        </div>
    </div>

    {{-- Riwayat Pesanan Pengguna --}}
    <div class="col-lg-8">
        <div class="card card-custom">
            <div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
                <h5 class="fw-bold mb-0">Riwayat Pesanan Pelanggan</h5>
                <span class="text-muted small">{{ $orders->total() }} Transaksi</span>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th class="ps-4">No. Pesanan</th>
                                <th>Tanggal</th>
                                <th>Total</th>
                                <th class="text-center">Status</th>
                                <th class="text-center pe-4">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($orders as $order)
                                <tr>
                                    <td class="ps-4 font-monospace fw-semibold">
                                        <a href="{{ route('admin.orders.show', $order->id) }}" class="text-decoration-none text-dark hover-warning">
                                            #{{ $order->order_number }}
                                        </a>
                                    </td>
                                    <td class="text-muted small">
                                        {{ $order->created_at->format('d M Y, H:i') }}
                                    </td>
                                    <td class="fw-bold text-dark">
                                        Rp {{ number_format($order->total, 0, ',', '.') }}
                                    </td>
                                    <td class="text-center">
                                        @php
                                            $badges = [
                                                'pending' => ['bg-warning text-dark', 'Menunggu'],
                                                'processing' => ['bg-info text-dark', 'Diproses'],
                                                'shipped' => ['bg-primary text-white', 'Dikirim'],
                                                'completed' => ['bg-success text-white', 'Selesai'],
                                                'cancelled' => ['bg-danger text-white', 'Dibatalkan'],
                                            ];
                                            $b = $badges[$order->status] ?? ['bg-secondary text-white', $order->status];
                                        @endphp
                                        <span class="badge-status {{ $b[0] }}">
                                            {{ $b[1] }}
                                        </span>
                                    </td>
                                    <td class="text-center pe-4">
                                        <a href="{{ route('admin.orders.show', $order->id) }}" class="btn btn-sm btn-outline-warning text-dark rounded-pill px-3">
                                            <i class="bi bi-eye"></i> Detail
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="text-center py-5 text-muted">
                                        Pelanggan ini belum pernah melakukan pemesanan.
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            @if ($orders->hasPages())
                <div class="card-footer bg-white border-0 py-3">
                    {{ $orders->links() }}
                </div>
            @endif
        </div>
    </div>
</div>

@endsection