Mini Shell

<% include ../partials/header %>

<!-- ////////////////////////////////////////////////////////////////////////////-->

<% include ../partials/sidebar %>
<style>
    .form-container{
        padding-top: 60px;
        width: 100%;
        height: 100%;
    }
    
    h1{
      margin-bottom: 50px;
    }

    select{
      padding-left: 40px !important;
    }

    .btn-div{
      /*
      display: flex;
      justify-content: center;
      */
    }

</style>

<div class="container container-fluid form-container">
  <h1 class="offset-md-1 offset-sm-3">Add Stucture</h1>


      <form class="form form-horizontal">
        <div class="form-body">
          <div class="form-group row">
            <label class=" offset-sm-3 col-sm-2 form-control-label" for="inputName1">Structure Type</label>
            <div class="col-sm-5">
              <div class="position-relative has-icon-left">
                <select class="custom-select" id="inputName1">
                  <option value="unit">Unit</option>
                  <option value="group">Group</option>
                  <option value="department">Department</option>
                  
                </select>
                <div class="form-control-position pl-1"><i class="la la-institution"></i></div>
              </div>
            </div>
          </div>
          <div class="form-group row">
            <label class="offset-sm-3 col-sm-2 " for="inputEmail1">Parent Structure</label>
            <div class="col-sm-5">
              <div class="position-relative has-icon-left">
              <select class="custom-select" id="inputName1">
                <option value="unit">Select a Type first</option>
                
            </select>                
            <div class="form-control-position pl-1"><i class="la la-male"></i></div>
              </div>
            </div>
          </div>
          <div class="form-group row">
            <label class="offset-sm-3 col-sm-2 form-control-label" for="inputMessage1">Structure Name</label>
            <div class="col-sm-5">
              <div class="position-relative has-icon-left">
              <input class="form-control" type="text" placeholder="Name" />
                <div class="form-control-position pl-1"><i class="la la-commenting-o"></i></div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-12 row mb-1 btn-div">
              <button class="btn btn-success offset-md-6 col-md-2" type="button"> Submit <i style="margin-left:5px;" class="la la-paper-plane-o"></i> </button>
            </div>
          </div>
        </div>
      </form>
</div>


  

<% include ../partials/footer %>