<div class="modal fade" id="compose" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Compose Text</h4>
</div>
<div class="modal-body" id="additemsdiv">
<form role="form" id="add-items">
    <div id='sms-alert'></div>
<div class="form-group">
              <label for="itemname">SMS Message</label>
             <textarea class="form-control" rows="5" id="smstext" name="smstext"></textarea>
</div>
<div class="form-group">
              <label for="itemname">Target Ward<small>(Leave Blank for All)</small></label>
              <select class="form-control" id="wardlist" name='wardlist'> </select>
</div>
<button type="button" class="btn btn-default btn-success" id='sendsms' name='sendsms'><span class="glyphicon glyphicon-send"></span> Send SMS</button>

</form>

</div>
<div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>

</div>
</div>
</div>
