@extends('layouts.student')
@section('title','Submit Grievance')
@section('breadcrumb')<li class="breadcrumb-item"><a href="{{ route('student.grievances.index') }}">Grievances</a></li><li class="breadcrumb-item active">Submit</li>@endsection
@section('student-content')
<div class="row justify-content-center"><div class="col-xl-7">
<div class="card"><div class="card-header"><h5 class="mb-0 fw-bold"><i class="fas fa-exclamation-circle me-2 text-primary"></i>Submit a Grievance</h5></div>
<div class="card-body">
<form method="POST" action="{{ route('student.grievances.store') }}">
@csrf
<div class="row g-3">
    <div class="col-12"><label class="form-label">Subject *</label><input type="text" name="subject" class="form-control" value="{{ old('subject') }}" required placeholder="Brief title of your complaint/query"></div>
    <div class="col-12"><label class="form-label">Description *</label><textarea name="description" class="form-control" rows="6" required placeholder="Describe your issue in detail...">{{ old('description') }}</textarea></div>
</div>
<div class="mt-4 d-flex gap-2"><button type="submit" class="btn btn-primary"><i class="fas fa-paper-plane me-1"></i>Submit Grievance</button><a href="{{ route('student.grievances.index') }}" class="btn btn-light">Cancel</a></div>
</form>
</div></div>
</div></div>
@endsection