@extends('layouts.student')
@section('title','Notices')
@section('breadcrumb')<li class="breadcrumb-item active">Notices</li>@endsection
@section('student-content')
<h4 class="fw-bold mb-4" style="color:#1e3a5f"><i class="fas fa-bullhorn me-2 text-warning"></i>Notices</h4>
@forelse($notices as $notice)
<div class="card mb-3">
<div class="card-header d-flex justify-content-between align-items-center py-2">
    <h6 class="mb-0 fw-bold">{{ $notice->title }}</h6>
    <div class="d-flex align-items-center gap-2">
        <span class="badge bg-info text-dark">{{ ucfirst($notice->visible_to) }}</span>
        <small class="text-muted">{{ $notice->created_at->diffForHumans() }}</small>
    </div>
</div>
<div class="card-body">
    <p class="mb-1">{{ $notice->content }}</p>
    @if($notice->expires_at)<small class="text-muted"><i class="fas fa-clock me-1"></i>Expires: {{ $notice->expires_at->format('d M Y') }}</small>@endif
</div></div>
@empty
<div class="text-center py-5 text-muted">
    <i class="fas fa-bullhorn fa-3x mb-3 opacity-25"></i>
    <h5>No notices available.</h5>
</div>
@endforelse
{{ $notices->links() }}
@endsection