@extends('admin.layouts.app')

@section('title', 'User Details')
@section('page_title', 'User Details')

@section('content')

<div class="page-heading">
    <div>
        <h2>{{ $user->name }}</h2>
        <p>{{ $user->email }}</p>
    </div>

    <div class="action-row">
        <form method="POST" action="{{ route('admin.users.toggle-block', $user) }}">
            @csrf
            @method('PATCH')

            <button type="submit"
                    class="button {{ $user->is_blocked ? 'button-primary' : 'button-warning' }}">
                {{ $user->is_blocked ? 'Unblock user' : 'Block user' }}
            </button>
        </form>

        <form method="POST"
              action="{{ route('admin.users.destroy', $user) }}"
              onsubmit="return confirmDelete('Delete this user permanently?')">
            @csrf
            @method('DELETE')
            <button type="submit" class="button button-danger">Delete user</button>
        </form>
    </div>
</div>

<div class="detail-card" style="margin-bottom:22px">
    <div class="detail-list">
        <div class="detail-item">
            <span>Name</span>
            {{ $user->name }}
        </div>

        <div class="detail-item">
            <span>Email</span>
            {{ $user->email }}
        </div>

        <div class="detail-item">
            <span>Status</span>
            <span class="badge {{ $user->is_blocked ? 'badge-danger' : 'badge-success' }}">
                {{ $user->is_blocked ? 'Blocked' : 'Active' }}
            </span>
        </div>

        <div class="detail-item">
            <span>Email verified</span>
            {{ $user->email_verified_at ? 'Yes' : 'No' }}
        </div>

        <div class="detail-item">
            <span>Joined</span>
            {{ optional($user->created_at)->format('M d, Y H:i') }}
        </div>

        <div class="detail-item">
            <span>Total products</span>
            {{ $user->products->count() }}
        </div>
    </div>
</div>

<section class="panel-card">
    <div class="panel-header">
        <h3>User products</h3>
    </div>

    <div class="table-wrapper">
        <table class="admin-table">
            <thead>
            <tr>
                <th>Product</th>
                <th>Category</th>
                <th>Price</th>
                <th>Approval</th>
                <th>Status</th>
                <th>Action</th>
            </tr>
            </thead>

            <tbody>
            @forelse($user->products as $product)
                <tr>
                    <td>{{ $product->title }}</td>
                    <td>{{ $product->category }}</td>
                    <td>${{ number_format($product->discount_price ?: $product->price, 2) }}</td>
                    <td>
                        <span class="badge {{ $product->is_approved ? 'badge-success' : 'badge-warning' }}">
                            {{ $product->is_approved ? 'Approved' : 'Pending' }}
                        </span>
                    </td>
                    <td>
                        <span class="badge {{ $product->status === 'sold' ? 'badge-danger' : 'badge-success' }}">
                            {{ ucfirst($product->status ?: 'available') }}
                        </span>
                    </td>
                    <td>
                        <a href="{{ route('admin.products.show', $product) }}"
                           class="button button-secondary">
                            View
                        </a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="empty-state">This user has no products.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</section>

@endsection