@extends('layouts.default')
@section('content')

<!-- page content -->
<style type="text/css">
.form-control{
	height: 34px;
}
.form-horizontal .control-label{
  	padding-top: 8px;
}
.select2{
	width: 100% !important;
}
</style>
<div class="right_col" role="main">
  	<div class="">
	    <div class="page-title">
	      	<div class="title_left">
	        	<h3>Send Sms</h3>
	      	</div>
	    </div>
    	<div class="clearfix"></div>
	    <div class="row">
	      	<div class="col-md-12 col-sm-12 col-xs-12">
	      		{{ Userdefined::showMessage() }}
		        <div class="x_panel">
		          	<div class="x_content">
			            <form id="send_sms_form" class="form-horizontal form-label-left" method="post" action="{!!url('sendsms')!!}" data-toggle="validator" role="form" autocomplete="off">
			              	<div class="row">
				                <div class="row">
					                <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
					                  	<label class="control-label col-md-2 col-sm-2 col-xs-12">User Type<i class="mandatory">*</i></label>
					                  	<div class="col-md-9 col-sm-9 col-xs-12">
					                    	<select id="user_type" class="form-control" required>
					                    		<option value="">Select User Type</option>
					                    		@foreach($user_types as $user_type)
					                    		<option value="{{ $user_type->id }}">{{ $user_type->display_name }}</option>
					                    		@endforeach
					                    	</select>
					                    	<div class="help-block with-errors"></div>
					                  	</div>
					                </div>
					                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
					                  	<label class="control-label col-md-3 col-sm-3 col-xs-12">Select Users<i class="mandatory">*</i></label>
					                  	<div class="col-md-9 col-sm-9 col-xs-12">
					                    	<select id="users" name="users[]" class="form-control select2" multiple required>
					                    		<option value="">Select Users</option>
					                    	</select>
					                    	<div class="help-block with-errors" id="users_error"></div>
					                  	</div>
					                </div>
				                </div>
				                <div class="row">
					                <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
					                  	<label class="control-label col-md-1 col-sm-1 col-xs-12">Content<i class="mandatory">*</i></label>
					                  	<div class="col-md-11 col-sm-11 col-xs-12">
					                    	<textarea name="content" id="content" rows="10" cols="80" class="form-control" required></textarea>
					                    	<div class="help-block with-errors"></div>
					                  	</div>
					                </div>
				                </div>
			              	</div>
			              	<div class="ln_solid"></div>
			              	<div class="form-group">
				                <div class="col-md-12 col-sm-12 col-xs-12 text-right">
				                  	<button class="btn btn-primary btn-sm" type="reset">Reset</button>
				                  	<button type="submit" class="btn btn-success btn-sm" id="send_sms" name="send_sms" value="1">Submit</button>
				                </div>
			              	</div>
			              	{{ csrf_field() }}
			            </form>
		          	</div>
		        </div>
	      	</div>
	    </div>
  	</div>
</div>
<!-- /page content -->
<script type="text/javascript">
$(document).ready(function(){
	$("#user_type").change(function(){
		var user_type = $("#user_type").val();
		$("#users").empty();
		$.ajax({
			url: '