<div class="container">
  <div class="row justify-content-between">
    <div class="col-5">
      <form class="form-horizontal" role="form" ng-submit="addModule()">
        <div class="form-group">
          <label class="col-md-2 control-label">Module Name:</label>
          <div class="col-md-4">
            <input type="text" class="form-control" name="module_name" ng-model="module_name" />
          </div>
        </div>
        <div class="form-group">
          <label class="col-md-2 control-label">Module Website:</label>
          <div class="col-md-4">
            <input type="text" class="form-control" name="module_address" ng-model="module_address" />
          </div>
        </div>
        <div class="form-group">
          <div style="padding-left:110px">
            <input type="submit" value="Submit" class="btn btn-primary"/>
          </div>
        </div>
      </form>
    </div>

<!-- PATIYU ONE -->

    <div class="col-6" ng-repeat="modules in module track by $index">
        <div class="panel panel-primary">
          <div class="panel-heading">{{modules.module_name}}</div>
          <div class="panel-body">
            <div >
              <table class="table">
              <thead>
                <tr>
                  <th>First Name</th>
                  <th>Last Name</th>
                  <th>Email Id</th>
                </tr>
              </thead>
              <tbody ng-repeat="modules in module track by $index">
                <tr>
                  <td>{{modules.members[0].firstN}}</td>
                  <td>{{modules.members[0].lastN}}</td>
                  <td>{{modules.members[0].email}}</td>
                </tr>
              </tbody>
            </table>
            </div>
          <div class="form-group">
            <div align="right">
              <button type="submit" class="btn btn-primary" ng-click ='del($index)'>REMOVE</button>
            </div>
           </div>
          </div>
        </div>
    </div>


<!--
    <div class="col-6" >
        <div class="panel panel-primary" ng-repeat="users in user"
            ng-if="users.drop1 != users.ln">
          <div class="panel-heading">{{users.ln}}</div>
          <div class="panel-body">
            <table class="table" ng-repeat="usert in user">
              <thead>
                <tr>
                  <th>First Name</th>
                  <th>Last Name</th>
                  <th>Emailid</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>{{usert.fn1}}</td>
                  <td>{{usert.ln1}}</td>
                  <td>{{usert.email}}</td>
                </tr>
              </tbody>
            </table>
          <div class="form-group">
            <div align="right">
              <button type="submit" class="btn btn-primary" ng-click ='del($index)'>REMOVE</button>
            </div>
           </div>
          </div>
        </div>
    </div> -->

<!-- END OF PATYU -->

  </div>
  <div class="row justify-content-start">
    <div class="col-5">
      <form class="form-horizontal" role="form" ng-submit="addUsers()">
        <div class="form-group">
          <label class="col-md-2 control-label">FirstName:</label>
          <div class="col-md-4">
            <input type="text" class="form-control" name="fn" ng-model="fn" />
          </div>
        </div>
        <div class="form-group">
          <label class="col-md-2 control-label">LastName:</label>
          <div class="col-md-4">
            <input type="text" class="form-control" name="ln" ng-model="ln" />

          </div>
        </div>
        <div class="form-group">
          <label class="col-md-2 control-label">Email id:</label>
          <div class="col-md-4">
            <input type="text" class="form-control" name="email" ng-model="email" />
          </div>
        </div>
        <div>
          <select name="users" ng-model="dropdown_value">
            <option value="">--Select Module--</option>
            <option ng-repeat="modules in moduleArr" value="{{modules}}">{{modules}}</option>
          </select>
        </div>
        <!-- <div class="dropdown">
          <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Dropdown button
          </button>
          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" >
            <div ng-repeat="users in user">
              <a class="dropdown-item" name="drop1" ng-model="drop1">{{users.ln}}</a>
            </div>
          </div>
        </div> -->

        <div class="form-group">
          <div style="padding-left:110px">
            <input type="submit" value="send" class="btn btn-primary" />
          </div>
        </div>
      </form>
    </div>
  </div>





</div>