@include('includes.admin.header')
@include('includes.admin.sidebar')
<script>
    $(document).ready(function(){
        $('#notifications-menu').addClass('active');
    });
</script>

      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
           Notification
            <small>From Notification</small>
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Notification</a></li>
            <li class="active">Send Notifications</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-md-12">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">Send Notifications</h3>
                    </div><!-- /.box-header -->
                    <form class="form-horizontal" id="notification-form">
                        <div class="error" style="display: none">
                            
                        </div>
                        <div class="box-body">
                            
                            <div class="form-group">
                                <label for="description" class="col-sm-2 control-label">Notification Text</label>
                                <div class="col-sm-9">
                                    <textarea class="form-control" rows="3" id="description" name="description" placeholder="Notification Text"></textarea>
                                </div>
                            </div>
                                
                                <div class="box-footer">
                                    <button type="reset" class="btn btn-default">Cancel</button>
                                    <button type="submit" class="btn btn-info pull-right" id="btn-submit">Submit</button>
                                </div><!-- /.box-footer -->
                            
                            </div><!-- /.box -->
                        </form>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </section><!-- /.content -->
        </div><!-- /.content-wrapper -->
        
        <script>
            $(document).ready(function(){
                $('#notification-form').submit(function(e){
                    var description = $('#description').val();
                    $.post('/admin/notifications/send', {description:description}, function(){
                        
                    })
                });
            })
            </script>
       
@include('includes.admin.footer')