<% layout('../layouts/main') -%>

<% script('https://cdn.ckeditor.com/4.11.1/full-all/ckeditor.js') %>

<% block('custom_style', `
<style>
    textarea {
        resize: none;
    }
</style>
`) %>

<% block('custom_scripts', `
<script>
  function goBack() {
    window.history.back();
  }
  $(function () {
      //Initialize Select2 Elements
      // $('.select2').select2()

      CKEDITOR.replace('business_message');
      CKEDITOR.replace('item_message');
  })
</script>
`) %>

<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    Add Message
    <!--<small>Preview</small>-->
  </h1>
  <ol class="breadcrumb">
    <li><a href="/dashboard"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Add Message</li>
  </ol>
</section>

<!-- Main content -->
<section class="content">
  <div class="box box-primary">
    <form role="form" class="has-validation-callback" method="POST">
      <div class="box-header with-border">
        <h3 class="box-title">New Message</h3>

        <!--<div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
            <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button>
        </div>-->
      </div>
      <!-- /.box-header -->
      <div class="box-body">
        <div class="row">
          <div class="col-md-12">
            <div class="form-group col-md-12">
              <label>Important Business Message</label>
              <textarea name="business_message" id="business_message" class="form-control" rows="8"><%= flash.data_business_message || '' %></textarea>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group col-md-12">
              <label>Important Item Message</label>
              <textarea name="item_message" id="item_message" class="form-control" rows="8"><%= flash.data_item_message  || '' %></textarea>
            </div>
          </div>
        </div>
      </div>
      <!-- /.row -->
      <div class="box-footer">
        <div class="pull-left">
          <p class="text-success">
          </p>
        </div>
        <div class="pull-right">
          <a onclick="goBack();" class="btn btn-primary" role="button">Cancel</a>
          <input name="submit" value="Submit" class="btn btn-primary" type="submit">
        </div>
      </div>
      <!--<div class="box-footer">
          Visit <a href="https://select2.github.io/">Select2 documentation</a> for more examples and information about
          the plugin.
      </div>-->
    </form>
  </div>
  <!-- /.box -->
</section>
<!-- /.content -->