@extends('layouts.admin')
@section('content')
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/js/select2.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/plugins/tinymce4.1/tinymce.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/js/moment.min.js') }}"></script>

<style>
	.pageheader {
		min-height: 50px;
	}

	.breadcrumb li {
		font-size: 15px;
	}
</style>
		
<div class="pageheader">
	<div class="media">
		<div class="media-body">
			<ul class="breadcrumb">
				<li><a href="{{url('admin/dashboard')}}"><i class="glyphicon glyphicon-home"></i> Admin</a></li>
				<li><a href="{{url('admin/email-notifications')}}">Email Notifications</a></li>
				<li><a href="javascript:;">Send New Email Notification</a></li>
			</ul>
		</div>
	</div>
</div>

<div class="contentpanel">
	<ul class="nav nav-tabs"></ul>
	{!!Form::open(array('url' => 'send_email', 'method' => 'post','class'=>'tab-form attribute_form','files' => true));!!} 
		<div class="tab-content mb30">
			<div class="tab-pane active" id="home3">

				<div class="form-group hidden">
					<label class="col-sm-2 control-label">@lang('messages.User Type') <span class="asterisk">*</span></label>
					<div class="col-sm-10">
						<select name="entity_type" class="form-control" id="entity_type">
							<option value="1" selected>@lang('messages.All Customers')</option>
						</select>
					</div>
				</div>

				<div class="form-group">
					<label class="col-sm-2 control-label ">@lang('messages.User') <span class="asterisk">*</span></label>
					<div class="col-sm-10">                                
						<select id="user_id" name="users[]" data-placeholder="@lang('messages.Select Users')" multiple style="width:100%" class="width300 select2-chosen-2">    
						</select>
						<label class="control-label ">@lang('messages.Select All')</label>  
						<input type="checkbox" id="checkbox" >
					</div> 
				</div>
						
				<div class="form-group">
					<label class="col-sm-2 control-label">@lang('messages.Subject') <span class="asterisk">*</span></label>
					<div class="col-sm-10">
						<input type="text" maxlength="100" name="subject" id="" placeholder="@lang('messages.Subject')" class="form-control" value="{!! old('subject') !!}" />
					</div>
				</div>

				<div class="form-group">
					<label class="col-sm-2 control-label">@lang('messages.Message') <span class="asterisk">*</span></label>
					<div class="col-sm-10">
						<textarea type="text" class="content" rows="7"  name="message" >{!! old('message') !!}</textarea> 
					</div>
				</div>
			<div class="panel-footer">
				<button class="btn btn-primary mr5" title="Send">@lang('messages.Send')</button>
				<button type="reset" title="Cancel" class="btn btn-default" onclick="window.location='{{ url('admin/') }}'">@lang('messages.Cancel')</button>
			</div>
		</div>
	{!!Form::close();!!} 
</div>


<script type="text/javascript">
	$(window).load(function(){
		tinymce.init({
			menubar : false,statusbar : true,plugins: [
				"advlist autolink lists link image charmap print preview hr anchor pagebreak code",
				"emoticons template paste textcolor colorpicker textpattern"
			],
			toolbar1: "code | insertfile undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image preview | forecolor backcolor | fontsizeselect",
			height:'450px',
			selector: "textarea.content"
		 });
	});
	$(document).ready(function() {
		$("#entity_type").change(function(){
			var entitytype = $(this).val(); 
			var token, url, data;
			token = $('input[name=_token]').val();
			if (entitytype == 1)
			{
				url = '{{url('list/all_customers')}}';
			}	

			if (entitytype == 1 )
			{
				var html = '';
				$.ajax({
					url: url,
					headers: {'X-CSRF-TOKEN': token},
					type: 'POST',
					data: {entity_type : entitytype},
					datatype: 'JSON',
					success: function(res) { 
						$("#user_id").select2("val", "");
						if(res.data!='')
						{ 
							{
								$.each(res.data, function(key, value) {
									html +='<option value='+value["email"]+'>'+ value["email"]+'</option>'; 
								});
							}
						}
						else {
							$('.select2-chosen-2').html('No Matches Found');
						}
						$("#user_id").html(html);
					}
				});


			}

			$("#checkbox").click(function(){
				if($("#checkbox").is(':checked') )
				{
					$("#user_id > option").prop("selected","selected");
					$("#user_id").trigger("change");
				}
				else {
					$("#user_id > option").removeAttr("selected");
					$("#user_id").trigger("change");
				}
			});

		});
		$("#entity_type").change(); 
		$('#user_id').select2();
	});
</script>
@endsection