@extends('layouts.admin')
@section('title','Grievance Detail')
@section('breadcrumb')<li class="breadcrumb-item"><a href="{{ route('admin.grievances.index') }}">Grievances</a></li><li class="breadcrumb-item active">#{{ $grievance->id }}</li>@endsection
@section('admin-content')
<div class="row g-3">
<div class="col-xl-8">
<div class="card mb-3"><div class="card-header d-flex justify-content-between align-items-center">
    <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 by <strong>{{ optional($grievance->student)->name }}</strong> on {{ $grievance->created_at->format('d M Y h:i A') }}</small>
</div></div>
@foreach($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>
@endforeach
<div class="card"><div class="card-header"><h6 class="mb-0 fw-bold">Add Response</h6></div>
<div class="card-body">
<form method="POST" action="{{ route('admin.grievances.respond', $grievance) }}">
@csrf
<div class="row g-3">
    <div class="col-12"><label class="form-label">Response *</label><textarea name="response" class="form-control" rows="4" required></textarea></div>
    <div class="col-md-4"><label class="form-label">Update Status</label>
        <select name="status" class="form-select">
            @foreach(['pending','in_review','resolved','rejected'] as $st)
            <option value="{{ $st }}" {{ $grievance->status === $st ? 'selected' : '' }}>{{ ucfirst(str_replace('_',' ',$st)) }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-12"><button type="submit" class="btn btn-primary"><i class="fas fa-reply me-1"></i>Send Response</button></div>
</div>
</form>
</div></div>
</div>
<div class="col-xl-4">
<div class="card"><div class="card-header"><h6 class="mb-0 fw-bold">Student Info</h6></div>
<div class="card-body">
    @php $s = $grievance->student; @endphp
    <dl class="row small mb-0">
        <dt class="col-5">Name</dt><dd class="col-7">{{ optional($s)->name }}</dd>
        <dt class="col-5">Enrollment</dt><dd class="col-7">{{ optional($s)->enrollment_no }}</dd>
        <dt class="col-5">Course</dt><dd class="col-7">{{ optional(optional($s)->course)->name }}</dd>
        <dt class="col-5">Phone</dt><dd class="col-7">{{ optional($s)->phone ?? '-' }}</dd>
    </dl>
</div></div>
</div>
</div>
@endsection