@extends('layouts.handa')
	@section('content')
		<link rel="stylesheet" href="{{ asset('extensions/chosen/chosen.css') }}" type="text/css">
		<link rel="stylesheet" href="{{ asset('extensions/chosen/chosen-bootstrap.css') }}" type="text/css">
		<script src="{{ asset('extensions/chosen/chosen.jquery.min.js') }}"></script>
		{!! Form::open(['url' => 'backdoor/bulletins/save', 'class' => 'form-horizontal', 'autocomplete' => 'off']) !!}
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="float-left">
						<h3><strong><a href="{{ url('backdoor/bulletins') }}">Bulletins</a> | {{ $option }}</strong></h3>
					</div>
				</div>
			</div>
			<div class="card">
				<div class="card-body">
					<div class="row">
						<div class="col-md-12">
							<div class="form-group row">
								<div class="col-12">
									<label class="col-form-label">Send Mode: <span class="text-danger">*</span></label>
									{!! Form::select('send_mode', array('Individual', 'Group', 'All'), NULL, ['class' => 'form-control', 'id' => 'send_mode']) !!}
								</div>
							</div>
							<div class="form-group row" id="recipients-container">
								<div class="col-12">
									<label class="col-form-label">Recipients: <span class="text-danger">*</span></label>
									<span class="text-danger"><small><strong> {{ $errors->first('recipients') }}</strong></small></span>
									{!! Form::select('recipients[]', $recipients, NULL, ['id' => 'recipients', 'class' => 'form-control chosen-select', 'multiple']) !!}
								</div>
							</div>
							<div class="form-group row">
								<div class="col-12">
									<label class="col-form-label">Bulletin Type: <span class="text-danger">*</span></label>
									{!! Form::select('bt_id', $type, NULL, ['class' => 'form-control']) !!}
								</div>
							</div>
							<div class="form-group row">
								<div class="col-12">
									<label class="col-form-label">Message: <span class="text-danger">*</span></label>
									<span class="text-danger"><small><strong> {{ $errors->first('bl_message') }}</strong></small></span>
									{!! Form::textarea('bl_message', NULL, ['class' => 'form-control', 'size' => '10x5']) !!}
								</div>
							</div>
							<div class="form-group row mb-0">
								<div class="col-12">
									<div class="pb-2">{!! Form::button('<span class="fa fa-check"></span> Save', ['class' => 'btn btn-primary btn-block', 'type' => 'submit']) !!}</div>
									<div><a href="{{ url('backdoor/bulletins') }}" class="btn btn-danger btn-block"><span class="fa fa-arrow-left"></span> Cancel</a></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		{!! Form::close() !!}
		<script type="text/javascript">
			if($(".chosen-select").length) {
				$(".chosen-select").chosen();
			}
			$('#send_mode').change(function() {
				var send_mode = $('#send_mode :selected').text();
				$.ajax({
					url: "{{ url('backdoor/bulletins/send') }}",
					type: "get",
					data: { send_mode: send_mode },
					success: function(data) {
						var opts = $.parseJSON(data);
						$('#recipients').empty();
						if(opts['send_mode'] == 'All') {
							var newOption = '<option value="" selected></option>';
							$('#recipients').append(newOption);
							$('#recipients').trigger('chosen:updated');
							$('#recipients-container').hide();
						}
						else if(opts['send_mode'] == 'Individual') {
							$.each(opts['individual'], function(i, e) {
								var newOption = $('<option value="'+i+'">'+e+'</option>');
								$('#recipients').append(newOption);
								$('#recipients').attr('data-placeholder', 'Individual Mode');
								$('#recipients').trigger('chosen:updated');
								$('#recipients-container').show();
							});
						}
						else if(opts['send_mode'] == 'Group') {
							$.each(opts['group'], function(i, e) {
								var newOption = $('<option value="'+i+'">'+e+'</option>');
								$('#recipients').append(newOption);
								$('#recipients').attr('data-placeholder', 'Group Mode');
								$('#recipients').trigger('chosen:updated');
								$('#recipients-container').show();
							});
						}
					}
				})
			});
		</script>
	@stop