  <script src="https://cdn.ckeditor.com/4.7.1/standard/ckeditor.js"></script>
  
        <section class="content-header">

      <h1>

        Admin Users 

      </h1>

      <ol class="breadcrumb">

        <li><a href="<?php echo base_url().'admin';?>"><i class="fa fa-dashboard"></i> Home</a></li>

        <li><a href="<?php echo base_url('admin/administrator');?>">Administrator</a></li>

        <li class="active"> Add</li>

      </ol>

    </section>

    

    <section class="content">

      <div class="row">

      <?php echo $this->utility->showMsg();?>

        <div class="col-md-12">

        <div class="loader" style="display:none;"><img src='<?php echo base_url();?>assets/images/loading.gif' alt='loading' /></div>

          <!-- Horizontal Form -->

          <div class="box box-info">

            <div class="box-header with-border">

              <h3 class="box-title">Add </h3>

            </div>

            <!-- /.box-header -->

            <!-- form start -->

            <form id="add_frm" name="add_frm" class="form-horizontal" method="post" action="" enctype="multipart/form-data">

              <div class="box-body">

                <div class="form-group">

                  <label class="col-sm-2 control-label">Email</label>

                  <div class="col-sm-6">

                    <input type="text" class="form-control" id="email" name="useremail" value="" placeholder="Please enter email">

                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Username</label>

                  <div class="col-sm-6">

                    <input type="text" class="form-control" id="username" name="userusername" value="" placeholder="Please enter username">

                  </div>

                </div>
                <div class="form-group">

                  <label class="col-sm-2 control-label">Password</label>

                  <div class="col-sm-6">

                    <input type="text" class="form-control" id="password" name="userpassword" value="" placeholder="Please enter password">
                    <!-- <span class="toggle">Show</span> -->
                  </div>

                </div>
                

              </div>
             

              <!-- /.box-body -->

              <div class="box-footer">

                <button type="button" onclick="return_back()"class="btn btn-default  margin-left  " >Cancel</button>

                <input type="submit" class="btn btn-info " value="Add" id="add">

              </div>

              <input type="hidden" name="frmSecurity" value="<?php echo $this->utility->getSecurity();?>"/>

              <!-- /.box-footer -->

            </form>

          </div>

          <!-- /.box -->

         

          <!-- /.box -->

        </div>

        <!--/.col (right) -->

      </div>

      <!-- /.row -->

    </section>

    <style type="text/css">

    .loader{

      position: fixed;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      width: 100%;

      height: 100%;

      background-color: rgba(0, 0, 0, 0.60);

      z-index: 9999;

      text-align: center;

    }

    .loader img{

      z-index: 99999;

      margin-top: 10%;

    }
    input#password {
        -webkit-text-security: disc;
        -moz-text-security: disc;
    }

    </style>
  <script type='text/javascript'>
      $("#add_frm").validate({
        rules: {
          useremail: {
            required: true,
            email:true
          },
          userusername:{
            required: true,
          },
          userpassword:{
            required:true
          }
        }
      });
  </script>

  <script type="text/javascript">
    function return_back()
    {
      var back_url='<?php echo base_url()?>admin/administrator';
      window.location=back_url;
    }
  </script>