@extends('layouts.admin')

@section('content')
<div class="mb-4">
    <h3 class="fw-bold">Complaints</h3>
    <p class="text-muted">Manage and resolve tenant complaints.</p>
</div>

<div class="row g-4">
    @forelse($complaints as $complaint)
    <div class="col-md-6">
        <div class="card h-100 border-0 shadow-sm">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-start mb-3">
                    <div>
                        <h5 class="fw-bold mb-1">{{ $complaint->title }}</h5>
                        <span class="text-muted small">
                            <i class="bi bi-person me-1"></i>{{ $complaint->user->name ?? 'Unknown' }}
                        </span>
                    </div>
                    <span class="badge px-3 py-2
                        {{ $complaint->status == 'pending' ? 'bg-warning text-dark' :
                           ($complaint->status == 'in_progress' ? 'bg-info' : 'bg-success') }}">
                        {{ ucfirst(str_replace('_', ' ', $complaint->status)) }}
                    </span>
                </div>
                <p class="card-text text-secondary mb-3">{{ $complaint->description }}</p>
                <div class="d-flex justify-content-between align-items-center border-top pt-3">
                    <span class="text-muted small">
                        <i class="bi bi-clock me-1"></i>{{ $complaint->created_at->diffForHumans() }}
                    </span>
                    <div class="d-flex gap-2">
                        @if($complaint->status == 'pending')
                        <form action="/admin/complaints/{{ $complaint->id }}/status" method="POST" class="d-inline">
                            @csrf
                            <input type="hidden" name="status" value="in_progress">
                            <button type="submit" class="btn btn-sm btn-info text-white rounded-pill px-3">
                                <i class="bi bi-arrow-right me-1"></i>In Progress
                            </button>
                        </form>
                        @endif
                        @if($complaint->status != 'resolved')
                        <form action="/admin/complaints/{{ $complaint->id }}/status" method="POST" class="d-inline">
                            @csrf
                            <input type="hidden" name="status" value="resolved">
                            <button type="submit" class="btn btn-sm btn-success rounded-pill px-3">
                                <i class="bi bi-check me-1"></i>Resolve
                            </button>
                        </form>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @empty
    <div class="col-12">
        <div class="card p-5 text-center">
            <i class="bi bi-megaphone text-muted" style="font-size:3rem;"></i>
            <p class="text-muted mt-3 mb-0">No complaints submitted yet</p>
        </div>
    </div>
    @endforelse
</div>
@endsection