% layout 'index';
<div class="module listmodule" id="listmodule">
<style type="text/css">
    .list-group {
        padding-top: 10px;
        padding-left: 30px;
        padding-right: 80px;
    }
    .list-group .list-group-item{
        padding-bottom: 30px;
    }
    .liaction{
        margin-top: -5px;
    }

</style>



<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">Add/Edit/Delete List</h1>
    </div>
</div>


<div class="row" id="listmoduleform" style="display:block;">
<!--     <form class="form-horizontal form-clmapp" action="" cols="2" formoff="form-never" formon="form-always" id="customerform" method="POST" name="customerform" onsubmit="javascript: return false;" title="">
    <fieldset>     -->
    <div class="col-xs-12">


        <div class="form-group ordersystem">
          <label class="col-md-2 control-label" for="ordersystem">Order System</label>  
          <div class="col-md-4 form-element">
            <span class="form-always">
            <select class="input-md form-control ordersystem" id="ordersystem" name="ordersystem">
            <option value=""></option>
% foreach my $os (@$ordersystems){            
              <option value="<%= $os->{id} %>"><%= $os->{systemname} %></option>
% }              

            </select>
            </span>
            <span class="form-never">
            GOV
            </span>
          </div>
          <div class="col-lg-2 text-right">
                <button class="btn btn-success licreate" id="licreate" name="licreate" type="button"><i class="fa fa-plus"></i> Add</button>
          </div>
        </div>
        <div class="col-lg-12" id="licontentaddwrapper">

        </div>
<!--     </fieldset>
</form>  -->       
        <div class="col-lg-12" class="" id="">
            <ul class="list-group licontentlist" id="licontentlist">
                <li class="list-group-item hide" id="listitemtmpl">
                    <input type="hidden" class="licmetadata" name="licmetadata" id="licmetadata" value="">
                    <div class="col-md-2" id="licsystem"><b>System</b></div>
                    <div class="col-md-6" id="licsettings">Value... Value... Value...</div>
                    <div class="col-md-4 text-right liaction" style="padding-bottom: 20px;" id="licaction">
                        <button class="btn btn-warning liedit" id="liedit" name="liedit" type="button"><i class="fa fa-pencil"></i></button>
                        <button class="btn btn-danger lidelete" id="lidelete" name="lidelete" type="button"><i class="fa fa-close"></i></button>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

</div>