@extends('admin.layout.master')

@section('content-header')
    <section class="content-header">
      <h1>
        Add Role
        <!-- <small>Preview</small> -->
      </h1>
     <!--  <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Forms</a></li>
        <li class="active">General Elements</li>
      </ol> -->
    </section>
@stop

@section('content')
<!-- Main content -->
    <section class="content">
      <div class="row">
        <!-- left column -->
        <div class="col-md-6">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <!-- <h3 class="box-title">Add User</h3> -->
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form role="form" action="" method="POST" enctype="multipart/form-data">
            	{{ csrf_field() }}
              <div class="box-body">
                <div class="form-group">
                  <label for="role_name">Role Name</label>
                  <input type="text" class="form-control" id="role_name" name="role_name" placeholder="Enter Domain Name" data-validation="required" data-validation-error-msg="Please enter full name">
                  <span class="help-block"></span>
                </div>               
              </div>
              <!-- /.box-body -->

              <div class="box-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </form>
          </div>
          <!-- /.box -->
        </div>
        <!--/.col (left) -->
        <!-- right column -->

      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
@stop

@section('javascript')
    <script type="text/javascript">
        (function () {
            //validator
            $.validate();
        })();
    </script>
@stop