@extends('admin.layout')

@section('content')
<div class="page-header">
    <div>
        <a href="{{ route('admin.users') }}" class="back-link">← Back to Users</a>
        <div class="page-title" style="margin-top:8px">{{ $user->name }}</div>
    </div>
    <div style="display:flex;gap:8px">
        @if(!$user->is_lender)
            <form method="POST" action="{{ route('admin.users.toggleLender', $user->id) }}">
                @csrf @method('PATCH')
                <button class="btn btn-green">Enable Lender</button>
            </form>
        @else
            <form method="POST" action="{{ route('admin.users.toggleLender', $user->id) }}">
                @csrf @method('PATCH')
                <button class="btn btn-grey">Disable Lender</button>
            </form>
        @endif
        @if(!$user->is_brand)
            <form method="POST" action="{{ route('admin.users.toggleBrand', $user->id) }}">
                @csrf @method('PATCH')
                <button class="btn btn-black">Enable Brand</button>
            </form>
        @else
            <form method="POST" action="{{ route('admin.users.toggleBrand', $user->id) }}">
                @csrf @method('PATCH')
                <button class="btn btn-grey">Disable Brand</button>
            </form>
        @endif
        @if($user->is_banned)
            <form method="POST" action="{{ route('admin.users.unban', $user->id) }}">
                @csrf @method('PATCH')
                <button class="btn btn-green">Unban</button>
            </form>
        @else
            <form method="POST" action="{{ route('admin.users.ban', $user->id) }}">
                @csrf @method('PATCH')
                <button class="btn btn-red">Ban User</button>
            </form>
        @endif
    </div>
</div>

<div class="detail-grid">
    <div>
        <div class="card">
            <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">Profile</h3>
            <div class="info-row"><span class="info-label">Name</span><span>{{ $user->name }}</span></div>
            <div class="info-row"><span class="info-label">Email</span><span>{{ $user->email }}</span></div>
            <div class="info-row"><span class="info-label">Phone</span><span>{{ $user->phone ?? '—' }}</span></div>
            <div class="info-row"><span class="info-label">Joined</span><span>{{ $user->created_at->format('d M Y') }}</span></div>
            <div class="info-row">
                <span class="info-label">ID Verified</span>
                <span>
                    @if($user->didit_verified)
                        <span class="badge badge-blue">Verified</span>
                        <form method="POST" action="{{ route('admin.users.unverify', $user->id) }}" style="display:inline">
                            @csrf @method('PATCH')
                            <button class="btn btn-grey btn-sm">Remove</button>
                        </form>
                    @else
                        <span class="badge badge-grey">Not Verified</span>
                        <form method="POST" action="{{ route('admin.users.verify', $user->id) }}" style="display:inline">
                            @csrf @method('PATCH')
                            <button class="btn btn-blue btn-sm">Verify</button>
                        </form>
                    @endif
                </span>
            </div>
            <div class="info-row">
                <span class="info-label">Status</span>
                <span>
                    @if($user->is_banned) <span class="badge badge-red">Banned</span>
                    @elseif($user->is_suspended) <span class="badge badge-orange">Suspended</span>
                    @else <span class="badge badge-green">Active</span>
                    @endif
                </span>
            </div>
            <div class="info-row">
                <span class="info-label">Role</span>
                <span>
                    @if($user->is_lender) <span class="badge badge-gold">Lender</span>
                    @else <span class="badge badge-grey">Renter</span>
                    @endif
                    @if($user->is_brand) <span class="badge badge-blue">Brand</span> @endif
                </span>
            </div>
            <div class="info-row"><span class="info-label">Stripe Account</span><span>{{ $user->stripe_account_id ?? '—' }}</span></div>
        </div>

        <div class="card">
            <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">Stats</h3>
            <div class="info-row"><span class="info-label">Total Earnings</span><span>£{{ number_format($totalEarnings, 2) }}</span></div>
            <div class="info-row"><span class="info-label">Total Rentals</span><span>{{ $totalRentals }}</span></div>
            <div class="info-row"><span class="info-label">Total Listings</span><span>{{ $totalListings }}</span></div>
        </div>
    </div>

    <div>
        <div class="card">
            <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">Badges</h3>
            <div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px">
                @forelse($user->badges as $badge)
                    <div style="display:flex;align-items:center;gap:6px;background:#f5f5f5;padding:6px 12px;border-radius:20px">
                        <span>{{ $badge->icon }}</span>
                        <span style="font-size:12px;font-weight:600">{{ $badge->name }}</span>
                        <form method="POST" action="{{ route('admin.users.removeBadge', [$user->id, $badge->id]) }}" style="display:inline">
                            @csrf @method('DELETE')
                            <button style="background:none;border:none;cursor:pointer;color:#888;font-size:14px">×</button>
                        </form>
                    </div>
                @empty
                    <p style="color:#888;font-size:13px">No badges assigned</p>
                @endforelse
            </div>
            <form method="POST" action="{{ route('admin.users.assignBadge', $user->id) }}" style="display:flex;gap:8px">
                @csrf
                <select name="badge_id" style="flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px">
                    <option value="">Select badge...</option>
                    @foreach($badges as $badge)
                        <option value="{{ $badge->id }}">{{ $badge->icon }} {{ $badge->name }}</option>
                    @endforeach
                </select>
                <button class="btn btn-black">Assign</button>
            </form>
        </div>

        <div class="card">
            <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">Admin Notes</h3>
            <form method="POST" action="{{ route('admin.users.notes', $user->id) }}">
                @csrf @method('PATCH')
                <textarea name="admin_notes" style="width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:13px;min-height:100px;resize:vertical">{{ $user->admin_notes }}</textarea>
                <button class="btn btn-black" style="margin-top:8px">Save Notes</button>
            </form>
        </div>

        @if($user->listings->count() > 0)
        <div class="card">
            <h3 style="margin-bottom:16px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#888">Listings ({{ $user->listings->count() }})</h3>
            @foreach($user->listings->take(5) as $listing)
                <div class="info-row">
                    <span>{{ $listing->title }}</span>
                    <span>
                        <span class="badge {{ $listing->status === 'active' ? 'badge-green' : 'badge-grey' }}">{{ $listing->status }}</span>
                        <a href="{{ route('admin.listings.show', $listing->id) }}" class="btn btn-grey btn-sm">View</a>
                    </span>
                </div>
            @endforeach
        </div>
        @endif
    </div>
</div>
@endsection