@extends('admin.layouts.content')
	@section('content')
		<div class="card">
			@include('components.card_header', ['title' => 'Bulletin Updates', 'create_title' => 'New Bulletin', 'create' => route('New Bulletin')])
			<div class="card-body">
				<div class="d-flex align-items-center">
                    <form action="{{ route('Bulletin Updates') }}" class="form-inline float-left mx-auto w-100" method="GET" autocomplete="off">
                        <div class="input-group input-group-sm">
                            <div class="input-group-prepend">
                                <span class="input-group-text rounded-0">Type</span>
                            </div>
                            <select name="type" class="form-control form-control-sm rounded-0">
                                @foreach($types as $t)
                                    <option value="{!! $t !!}" {{ $type == $t ? 'selected' : (old('type') == $t ? 'selected' : '') }}>{!! $t !!}</option>
                                @endforeach
                            </select>
                        </div>
                    	<div class="input-group input-group-sm ml-2">
                            <div class="input-group-prepend">
                                <span class="input-group-text rounded-0"><i class="fa fa-calendar"></i></span>
                            </div>
                            <input type="date" name="date" value="{{ old('date', $date) }}" class="form-control form-control-sm rounded-0 mr-2">
                            <input type="Submit" class="btn btn-primary btn-sm rounded-0">
                        </div>
                    </form>
                </div>
			</div>
            <div class="table-responsive">
                <table class="table table-hover pb-0 mb-0">
                    <thead>
                        <tr>
                            <th class="text-nowrap">#</th>
                            <th class="text-nowrap">Bulletin Type</th>
                            <th class="text-nowrap">Message</th>
                            <th class="text-nowrap">Created At</th>
                            <th class="text-right text-nowrap">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    @forelse($bulletins as $bulletin)
                        <tr>
                            <td class="text-nowrap">{!! $bulletin->id !!}</td>
                            <td>{!! optional($bulletin->header)->name !!}</td>
                            <td width="50%">{!! nl2br($bulletin->message) !!}</td>
                            <td>{!! $bulletin->created_at->format('F d, Y h:i A') !!}</td>
                            <td class="text-right">
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7">
                                <small class="font-weight-bold text-danger"><i class="fa fa-exclamation-circle"></i> No record(s) found.</small>
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            @if($bulletins->hasPages())
            <div class="card-footer">
                {!! $bulletins->appends(Request::only('search'))->links() !!}
            </div>
            @endif
        </div>
        <br>
    @endsection