@extends('layouts.app')

@section('title', 'Admin Dashboard')

@section('content')
<div class="container py-5">
  <h2 class="mb-4 fw-bold">Your Dashboard</h2>

  @if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
  @endif

  @forelse($posts as $post)
    <div class="card mb-3 shadow-sm">
      <div class="card-body d-flex align-items-start">
        {{-- صورة المستخدم --}}
        <div class="me-3">
          @if($post->user->avatar)
            <img 
              src="{{ asset('storage/' . $post->user->avatar) }}" 
              alt="{{ $post->user->name }}" 
              class="rounded-circle border" 
              width="50" height="50"
              style="object-fit: cover;"
            >
          @else
            <img 
              src="https:
              alt="{{ $post->user->name }}" 
              class="rounded-circle border" 
              width="50" height="50"
              style="object-fit: cover;"
            >
          @endif
        </div>

        {{-- محتوى البوست --}}
        <div class="flex-grow-1">
          <h5 class="fw-bold mb-1">{{ $post->title }}</h5>
          <p class="text-muted small mb-2">
            By {{ $post->user->name }} • {{ $post->created_at->diffForHumans() }}
          </p>
          <p class="mb-3">{{ $post->content }}</p>

          <div class="d-flex gap-2">
            <form action="{{ route('posts.destroy', $post->id) }}" method="POST">
              @csrf
              @method('DELETE')
              <button type="submit" class="btn btn-outline-danger btn-sm">Delete</button>
            </form>

            {{-- زر الحظر يظهر فقط لو الأدمن هو اللي داخل --}}
            @if(auth()->user()->role === 'admin')
              <form action="{{ route('admin.users.ban', $post->user->id) }}" method="POST">
                @csrf
                <button type="submit" class="btn btn-outline-warning btn-sm">Ban User</button>
              </form>
            @endif
          </div>
        </div>
      </div>
    </div>
  @empty
    <p class="text-muted">No posts found.</p>
  @endforelse
</div>
@endsection