@extends('layouts.student')
@section('title','Grievances')
@section('breadcrumb')<li class="breadcrumb-item active">Grievances</li>@endsection
@section('student-content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="fw-bold mb-0" style="color:#1e3a5f"><i class="fas fa-exclamation-circle me-2 text-warning"></i>My Grievances</h4>
    <a href="{{ route('student.grievances.create') }}" class="btn btn-primary"><i class="fas fa-plus me-1"></i>Submit Grievance</a>
</div>
<div class="card"><div class="card-body p-0">
<table class="table table-hover mb-0">
<thead><tr><th>#</th><th>Subject</th><th>Status</th><th>Date</th><th>Responses</th><th>Action</th></tr></thead>
<tbody>
@forelse($grievances as $g)
<tr>
    <td>{{ $loop->iteration }}</td>
    <td>{{ $g->subject }}</td>
    <td><span class="badge {{ $g->status==='resolved'?'bg-success':($g->status==='in_review'?'bg-warning text-dark':($g->status==='rejected'?'bg-danger':'bg-secondary')) }}">{{ ucfirst(str_replace('_',' ',$g->status)) }}</span></td>
    <td>{{ $g->created_at->format('d M Y') }}</td>
    <td><span class="badge bg-info text-dark">{{ $g->responses->count() }}</span></td>
    <td><a href="{{ route('student.grievances.show', $g) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-eye"></i></a></td>
</tr>
@empty
<tr><td colspan="6" class="text-center py-4 text-muted">No grievances submitted yet.</td></tr>
@endforelse
</tbody></table>
</div></div>
<div class="mt-3">{{ $grievances->links() }}</div>
@endsection