@extends('layouts.master')
@section('page_title', 'Announcements')
@section('content')

    <div class="card">
        <div class="card-header header-elements-inline">
            <h5 class="card-title"><i class="icon-megaphone mr-2"></i> Announcements</h5>
            {!! Qs::getPanelOptions() !!}
        </div>

        <div class="card-body">
            @forelse($announcements as $a)
                <div class="media border-bottom pb-3 mb-3">
                    <div class="media-body">
                        <div class="d-flex justify-content-between align-items-start">
                            <h6 class="mb-1">
                                @if($a->pinned)<i class="icon-pin text-warning mr-1" title="Pinned"></i>@endif
                                {{ $a->title }}
                            </h6>
                            <span class="text-muted font-size-sm">{{ date('jS M, Y', strtotime($a->publish_date)) }}</span>
                        </div>
                        <p class="mb-1" style="white-space: pre-line;">{{ $a->body }}</p>
                        <span class="text-muted font-size-sm">
                            {{ $a->audience == 'class' ? 'For '.optional($a->my_class)->name : 'For '.ucfirst($a->audience) }}
                            @if(optional($a->poster)->name) &middot; Posted by {{ $a->poster->name }} @endif
                        </span>
                    </div>
                </div>
            @empty
                <p class="text-muted text-center mb-0">No announcements right now. Check back later.</p>
            @endforelse
        </div>
    </div>

@endsection