@extends('admin.layouts.content')
	@section('content')
		<div class="card mb-4">
			@include('components.card_header', ['title' => 'Bulletin Updates', 'route' => route('Bulletin Updates')])
			<div class="card-body">
				<form action="{{ route('Submit Bulletin', ['id' => $id]) }}" method="POST" autocomplete="off" id="bulletin_form">
					<div id="route" hidden>{!! route('Select Send Mode') !!}</div>
					{{ csrf_field() }}
					<div class="form-group">
						<label for="send_mode">Send Mode <span class="text-danger">*</span></label>
						<select name="send_mode" id="send_mode" class="form-control form-control-sm">
							<option value="Individual">Individual</option>
							<option value="Group">Group</option>
							<option value="All">All</option>
						</select>
					</div>
					<div class="form-group" id="recipient_container">
						<label for="recipients">Recipients <span class="text-danger">*</span> <i class="text-danger font-weight-bold">{{ $errors->first('recipients') }}</i></label>
						<select name="recipients[]" id="recipients" class="chosen-select form-control" multiple>
							@foreach($contacts as $contact)
								<option value="{{ $contact->id }}" {{ collect(old('recipients', $bulletin->bulletin_recipients->pluck('id') ?? []))->contains($contact->id) ? 'selected' : '' }}>{!! $contact->full_name !!}</option>
							@endforeach
						</select>
					</div>
					<div class="form-group">
						<label for="bulletin_type_id">Bulletin Type <span class="text-danger">*</span></label>
						<select name="bulletin_type_id" class="form-control form-control-sm">
							@foreach($types as $type)
								<option value="{{ $type->id }}">{!! $type->name !!}</option>
							@endforeach
						</select>
					</div>
					<div class="form-group">
						<label for="message">Message <span class="text-danger">*</span> <i class="text-danger font-weight-bold">{{ $errors->first('message') }}</i></label>
						<textarea name="message" class="form-control form-control-sm" rows="4"></textarea>
					</div>
					<div class="form-group mb-0">
	                    <input type="submit" name="Save" class="btn btn-primary btn-sm btn-block">
	                </div>
				</form>
			</div>
		</div>
	@endsection