@extends('layouts.admin')

@section('title', 'View User - ' . $user->name)
@section('page_title', 'View User')

@section('content')
<div class="row">
    <div class="col-md-8">
        <!-- User Info Card -->
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-light border-bottom">
                <h5 class="mb-0">User Information</h5>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label text-muted">Name</label>
                        <p class="h6">{{ $user->name }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label text-muted">Email</label>
                        <p class="h6"><a href="mailto:{{ $user->email }}">{{ $user->email }}</a></p>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label text-muted">Phone</label>
                        <p class="h6">{{ $user->phone ?? 'Not provided' }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label text-muted">City</label>
                        <p class="h6">{{ $user->city ?? 'Not provided' }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label text-muted">State</label>
                        <p class="h6">{{ $user->state ?? 'Not provided' }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label text-muted">ZIP Code</label>
                        <p class="h6">{{ $user->zip ?? 'Not provided' }}</p>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-12">
                        <label class="form-label text-muted">Address</label>
                        <p class="h6">{{ $user->address ?? 'Not provided' }}</p>
                    </div>
                </div>
                <div class="row mb-0">
                    <div class="col-md-6">
                        <label class="form-label text-muted">Country</label>
                        <p class="h6">{{ $user->country ?? 'Not provided' }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label text-muted">Member Since</label>
                        <p class="h6">{{ $user->created_at->format('M d, Y') }}</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- User Orders -->
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-light border-bottom">
                <h5 class="mb-0">Order History</h5>
            </div>
            <div class="card-body">
                @if($user->orders->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-sm table-hover">
                            <thead class="table-light">
                                <tr>
                                    <th>Order #</th>
                                    <th>Date</th>
                                    <th>Items</th>
                                    <th>Total</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($user->orders as $order)
                                    <tr>
                                        <td><strong>#{{ str_pad($order->id, 6, '0', STR_PAD_LEFT) }}</strong></td>
                                        <td>{{ $order->created_at->format('M d, Y') }}</td>
                                        <td>{{ $order->order_items->count() }}</td>
                                        <td>{{ \App\Support\Currency::symbol() }}{{ number_format($order->total_amount, 2) }}</td>
                                        <td>
                                            @switch($order->status)
                                                @case('pending')
                                                    <span class="badge bg-warning">Pending</span>
                                                    @break
                                                @case('processing')
                                                    <span class="badge bg-info">Processing</span>
                                                    @break
                                                @case('shipped')
                                                    <span class="badge bg-primary">Shipped</span>
                                                    @break
                                                @case('delivered')
                                                    <span class="badge bg-success">Delivered</span>
                                                    @break
                                                @case('cancelled')
                                                    <span class="badge bg-danger">Cancelled</span>
                                                    @break
                                                @default
                                                    <span class="badge bg-secondary">{{ ucfirst($order->status) }}</span>
                                            @endswitch
                                        </td>
                                        <td>
                                            <a href="{{ route('admin.orders.show', $order) }}" class="btn btn-sm btn-outline-info">
                                                <i class="bi bi-eye"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <p class="text-muted text-center py-3">No orders placed yet</p>
                @endif
            </div>
        </div>
    </div>

    <!-- Sidebar -->
    <div class="col-md-4">
        <!-- Status Card -->
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-light border-bottom">
                <h6 class="mb-0">Account Status</h6>
            </div>
            <div class="card-body">
                @if($user->is_active)
                    <span class="badge bg-success mb-3">Active</span>
                @else
                    <span class="badge bg-danger mb-3">Inactive</span>
                @endif
                <form action="{{ route('admin.users.toggle-status', $user) }}" method="POST" class="mt-2">
                    @csrf
                    <button type="submit" class="btn btn-sm w-100 {{ $user->is_active ? 'btn-outline-danger' : 'btn-outline-success' }}">
                        {{ $user->is_active ? 'Deactivate User' : 'Activate User' }}
                    </button>
                </form>
            </div>
        </div>

        <!-- Stats Card -->
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-light border-bottom">
                <h6 class="mb-0">Statistics</h6>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <small class="text-muted">Total Orders</small>
                    <p class="h5 mb-0">{{ $user->orders->count() }}</p>
                </div>
                <div class="mb-3">
                    <small class="text-muted">Total Spent</small>
                    <p class="h5 mb-0">{{ \App\Support\Currency::symbol() }}{{ number_format($user->orders->sum('total_amount'), 2) }}</p>
                </div>
                <div>
                    <small class="text-muted">Last Order</small>
                    <p class="h6 mb-0">{{ $user->orders->sortByDesc('created_at')->first()?->created_at?->format('M d, Y') ?? 'Never' }}</p>
                </div>
            </div>
        </div>

        <!-- Actions -->
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-light border-bottom">
                <h6 class="mb-0">Actions</h6>
            </div>
            <div class="card-body">
                <a href="{{ route('admin.users.edit', $user) }}" class="btn btn-sm btn-warning w-100 mb-2">
                    <i class="bi bi-pencil"></i> Edit User
                </a>
                <button type="button" class="btn btn-sm btn-outline-secondary w-100" onclick="history.back()">
                    <i class="bi bi-arrow-left"></i> Back
                </button>
            </div>
        </div>
    </div>
</div>
@endsection