@extends('layouts.app')

@section('title', "User Profile - {$user->name}")

@section('content')
<div class="container py-5">

  {{-- Info Card --}}
  <div class="row mb-4">
    <div class="col-md-4">
      <div class="card shadow-sm">
        <div class="card-body text-center">
          @if($user->avatar)
            <img
              src="{{ asset('storage/' . $user->avatar) }}"
              alt="Avatar"
              class="rounded-circle mb-3"
              width="100" height="100">
          @else
            <div 
              class="rounded-circle bg-secondary text-white d-inline-flex align-items-center justify-content-center mb-3"
              style="width: 100px; height: 100px; font-size: 2rem;">
              {{ strtoupper(substr($user->name, 0, 1)) }}
            </div>
          @endif

          <h4 class="mb-1">{{ $user->name }}</h4>
          <p class="text-muted mb-2">{{ $user->email }}</p>

          @if($user->bio)
            <p class="mb-2">{{ $user->bio }}</p>
          @endif

          {{-- زر للرجوع لصفحة كل اليوزرز --}}
          <a href="{{ route('users') }}" class="btn btn-sm btn-outline-secondary mt-2">
            ← Back to Users
          </a>

          {{-- زر Ban User (لسه هنوصلّه بعدين) --}}
          {{-- 
          <form action="{{ route('admin.users.ban', $user->id) }}" method="POST" class="mt-2">
            @csrf
            <button type="submit" class="btn btn-sm btn-outline-danger">
              Ban User
            </button>
          </form>
          --}}
        </div>
      </div>
    </div>

    {{-- Posts --}}
    <div class="col-md-8">
      <h5 class="mb-3">User Posts</h5>

      @forelse($posts as $post)
        <div class="card mb-3 shadow-sm">
          <div class="card-body">
            <h5 class="card-title mb-1">{{ $post->title }}</h5>
            <p class="text-muted mb-1">{{ $post->created_at->diffForHumans() }}</p>
            <p class="mb-2">{{ \Illuminate\Support\Str::limit($post->content, 200) }}</p>

            {{-- الأدمن يقدر يحذف البوست من هنا برضه --}}
            <form action="{{ route('posts.destroy', $post->id) }}" method="POST"
                  onsubmit="return confirm('Delete this post?');">
              @csrf
              @method('DELETE')
              <button type="submit" class="btn btn-sm btn-outline-danger">
                Delete Post
              </button>
            </form>
          </div>
        </div>
      @empty
        <p class="text-muted">This user has no posts.</p>
      @endforelse
    </div>
  </div>
</div>
@endsection