@extends('admin.layout')

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

@section('content')
<div class="container-fluid">
    <div class="mb-4">
        <a href="{{ route('admin.users') }}" class="btn btn-outline-secondary btn-sm">
            <i class="icon-base ti tabler-arrow-left"></i> Back to List
        </a>
    </div>

    <div class="row">
        <div class="col-md-4">
            <div class="card shadow-sm mb-4">
                <div class="card-body text-center">
                    {{-- <div class="mb-3">
                        <img src="{{ $user->profile_image}}" 
                             class="rounded-circle shadow-sm" alt="Profile">
                    </div> --}}
                   <div class="mb-3">
    @if(!empty($user->profile_image))
        <img src="{{ asset('storage/' . $user->profile_image) }}" 
             class="rounded-circle shadow-sm" 
             style="width: 150px; height: 150px; object-fit: cover;" 
             alt="Profile">
    @else
        <img src="https://ui-avatars.com/api/?name={{ urlencode($user->name) }}&background=random" 
             class="rounded-circle shadow-sm" 
             style="width: 150px; height: 150px;"
             alt="Default Profile">
    @endif
</div>
                    <h5 class="fw-bold">{{ $user->name ?? 'Unnamed User' }}</h5>
                    <p class="text-muted">{{ $user->email }}</p>
                    <span class="badge {{ $user->is_blocked ? 'bg-danger' : 'bg-success' }}">
                        {{ $user->is_blocked ? 'Blocked' : 'Active' }}
                    </span>
                </div>
            </div>
        </div>

        <div class="col-md-8">
            <div class="card shadow-sm">
                <div class="card-header bg-white">
                    <h5 class="mb-0 py-2">Account Statistics</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-sm-6">
                            <div class="p-3 border rounded">
                                <small class="text-muted d-block">Total Credits</small>
                                <h4 class="mb-0 text-success">{{ number_format($user->user_credit) }}</h4>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="p-3 border rounded">
                                <small class="text-muted d-block">Daily Actions</small>
                                <h4 class="mb-0 text-danger">{{ number_format($user->daily_actions) }}</h4>
                            </div>
                        </div>
                        <div class="col-12">
                            <table class="table table-bordered mt-2">
                                <tr>
                                    <th width="30%">Instagram Username</th>
                                    <td>{{ $user->instagram_username ?: 'Not Connected' }}</td>
                                </tr>
                                <tr>
                                    <th>Account Created</th>
                                    <td>{{ $user->created_at->format('M d, Y H:i') }}</td>
                                </tr>
                                <tr>
                                    <th>Last Updated</th>
                                    <td>{{ $user->updated_at->diffForHumans() }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection