@extends('layouts.student')
@section('title','Grievance Detail')
@section('breadcrumb')<li class="breadcrumb-item"><a href="{{ route('student.grievances.index') }}">Grievances</a></li><li class="breadcrumb-item active">#{{ $grievance->id }}</li>@endsection
@section('student-content')
<div class="row justify-content-center"><div class="col-xl-8">
<div class="card mb-3"><div class="card-header d-flex justify-content-between">
    <h6 class="mb-0 fw-bold">{{ $grievance->subject }}</h6>
    <span class="badge {{ $grievance->status==='resolved'?'bg-success':($grievance->status==='in_review'?'bg-warning text-dark':($grievance->status==='rejected'?'bg-danger':'bg-secondary')) }} fs-6">{{ ucfirst(str_replace('_',' ',$grievance->status)) }}</span>
</div>
<div class="card-body">
    <p>{{ $grievance->description }}</p>
    <small class="text-muted">Submitted on {{ $grievance->created_at->format('d M Y h:i A') }}</small>
</div></div>
@forelse($grievance->responses as $r)
<div class="card mb-2 border-start border-3 border-primary"><div class="card-body py-2">
    <p class="mb-1">{{ $r->response }}</p>
    <small class="text-muted">By <strong>{{ optional($r->respondedBy)->name }}</strong> &mdash; {{ $r->created_at->format('d M Y h:i A') }}</small>
</div></div>
@empty
<div class="alert alert-info"><i class="fas fa-info-circle me-2"></i>No responses yet. Please wait for the admin to respond.</div>
@endforelse
<a href="{{ route('student.grievances.index') }}" class="btn btn-light"><i class="fas fa-arrow-left me-1"></i>Back</a>
</div></div>
@endsection