@if($bulletins->count() > 0)
    @foreach($bulletins as $bulletin)
        <div class="d-flex mb-3 border-bottom">
            <div class="flex-shrink-0">
                <img src="{{ $bulletin->getPhotoUrl() }}" alt="{{ $bulletin->subject }}" class="img-fluid" style="max-width:150px;" />
            </div>
            <div class="flex-grow-1 ms-3">
                {{-- <h5>{{ $bulletin->subject }} <small class="text-muted"><i>{{ $bulletin->published_at->format('m/d/Y') }}</i></small></h5>
                <p>Excellent feature! I love it. One day I'm definitely going to put this Bootstrap component into use and I'll let you know once I do. <a href="">View</a></p> --}}

                <h5>
                    <a href="{{ route('bulletins.show', $bulletin->id) }}">{{ $bulletin->subject }}</a>
                </h5>

                <small class="text-muted">
                    <em>{{ $bulletin->published_at->format('m/d/Y') }}</em>
                </small>
                {{-- {!! \Illuminate\Support\Str::limit($bulletin->body, 100) !!} --}}
            </div>
        </div>
    @endforeach
    <p>{{ $bulletins->links() }}</p>
@else
    <div class="alert alert-info text-center rounded-0">
        There are currently no bulletins for this state.
    </div>
@endif