<section ng-controller="InfrastructureRequestsController" ng-init="findOne()">

    <div class="page-header">
        <h2>Edit Feature Mapper Item</h2>
    </div>
    <form name="infrastructureRequestForm" class="form-inline" ng-submit="update(infrastructureRequestForm.$valid)" novalidate>
        <fieldset>
            <!-- Bootstrap Grid System with Panels-->
            <!-- Infrastructure Request Details -->
            <div class ="panel panel-group panel-primary">
                <div class="row">
                    <div class="panel-title" >
                        <div class="col-lg-10">
                            <kbd>Infrastructure Request Details</kbd>
                        </div>
                        <div class="col-lg-2 text-right" >
                            <div class="form-group">
                                <button type="submit" class="btn btn-primary">
                                    <i class="glyphicon glyphicon-save"></i>
                                </button>
                            </div>
                            <div ng-show="error" class="text-danger">
                                <strong ng-bind="error"></strong>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End of Line -->

                <div class="row">
                    <div class="col-lg-3">
                        <span class="label label-info" >Request Source:<br></span>
                        <input name="requestSource" type="text" ng-model="infrastructureRequest.requestSource" id="requestSource" class="form-control">
                    </div>
                    <div class="col-lg-3">
                        <span class="label label-info" >Request Source:<br></span>
                        <input name="requestID" type="text" ng-model="infrastructureRequest.requestID" id="requestID" class="form-control">
                    </div>
                    <div class="col-lg-6">
                        <span class="label label-info" >Request Notes:<br></span>
                        <input name="note" type="text" ng-model="infrastructureRequest.note" id="note" class="form-control">
                    </div>
                    <!-- End of Line -->
                </div>
            </div>

            <div class ="panel panel-group panel-default">
                <div class ="panel panel-group">
                    <div class="panel-body">
                        <div class="row">
                            <a class="btn btn-primary" ng-click="addHosting(infrastructureRequest.hostings);">
                                <i class="glyphicon glyphicon-plus"></i>
                                <kbd>Hosting Request</kbd>
                            </a>
                        </div>
                        <!-- End of Line -->

                        <div ng-repeat="hosting in infrastructureRequest.hostings track by $index" ng-init="hostingsIndex = $index">
                            <div class="row">
                                <a class="btn btn-primary" ng-show="hostingsIndex > -1" ng-click="newHostingsIndex = removeMember(infrastructureRequest.hostings, hostingsIndex);">
                                    <i class="glyphicon glyphicon-trash"></i>
                                    <kbd>-> Hosting Requests {{hostingsIndex + 1}} of {{infrastructureRequest.hostings.length}}</kbd>
                                </a>
                            </div>
                            <!-- End of Line -->

                            <!-- New Hostings -->
                            <div class ="panel panel-group panel-info">
                                <div class="panel-body">
                                    <div class="row">
                                        <a class="btn btn-primary" ng-click="addNewHosting(infrastructureRequest.hostings[hostingsIndex].newHostings);">
                                            <i class="glyphicon glyphicon-plus"></i>
                                            <kbd>New Hosting Request </kbd>
                                        </a>
                                    </div>
                                    <!-- End of Line -->

                                    <div ng-repeat="newHosting in infrastructureRequest.hostings[hostingsIndex].newHostings track by $index" ng-init="newHostingsIndex = $index">
                                        <div class="row">
                                            <a class="btn btn-primary" ng-show="newHostingsIndex > -1" ng-click="newHostingsIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings, newHostingsIndex);">
                                                <i class="glyphicon glyphicon-trash"></i>
                                                <kbd>--> New Hosting Request {{newHostingsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings.length}}</kbd>
                                            </a>
                                        </div>
                                        <!-- End of Line -->

                                        <!-- Related Applications -->
                                        <div class="row">
                                            <a class="btn btn-primary" ng-click="addRelatedApplication(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].relatedApplications);">
                                                <i class="glyphicon glyphicon-plus"></i>
                                                <kbd>Related Application </kbd>
                                            </a>
                                        </div>
                                        <!-- End of Line -->

                                        <div ng-repeat="relatedApplication in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].relatedApplications| filter:'' track by $index" ng-init="relatedApplicationsIndex = $index">
                                            <div class="row">
                                                <a class="btn btn-primary" ng-show="relatedApplicationsIndex > -1" ng-click="relatedApplicationsIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].relatedApplications, relatedApplicationsIndex);">
                                                    <i class="glyphicon glyphicon-trash"></i>
                                                    <kbd>---> Related Application {{relatedApplicationsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].relatedApplications.length}}</kbd>
                                                </a>
                                            </div>
                                            <!-- End of Line -->

                                            <div class="row">
                                                <div class="col-lg-3">
                                                    <span class="label label-info" >#: MOTS ID:<br></span>
                                                    {{relatedApplicationsIndex + 1}}:
                                                    <input name="MOTSID" type="text" ng-model="relatedApplication.MOTSID" id="MOTSID" class="form-control">
                                                </div>
                                                <div class="col-lg-3">
                                                    <span class="label label-info" >MOTS Acronym:<br></span>
                                                    <input name="MOTSAcronym" type="text" ng-model="relatedApplication.MOTSAcronym" id="MOTSAcronym" class="form-control">
                                                </div>
                                                <div class="col-lg-4">
                                                    <span class="label label-info" >MOST Name:<br></span>
                                                    <input name="MOTSName" type="text" ng-model="relatedApplication.MOTSName" id="MOTSName" class="form-control">
                                                </div>
                                                <div class="col-lg-2 text-right">
                                                    <a class="btn btn-primary" ng-click="saveMember(relatedApplication, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].relatedApplications, relatedApplicationsIndex);">
                                                        <i class="glyphicon glyphicon-save"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <!-- End of Line -->
                                        </div>

                                        <!-- Packages -->
                                        <div class="row">
                                            <a class="btn btn-primary" ng-click="addPackage(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].packages);">
                                                <i class="glyphicon glyphicon-plus"></i>
                                                <kbd>Package</kbd>
                                            </a>
                                        </div>
                                        <!-- End of Line -->

                                        <div ng-repeat="package in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].packages| filter:'' track by $index" ng-init="packagesIndex = $index">
                                            <div class="row">
                                                <a class="btn btn-primary" ng-show="packagesIndex > -1" ng-click="packagesIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].packages, packagesIndex);">
                                                    <i class="glyphicon glyphicon-trash"></i>
                                                    <kbd>---> Package {{packagesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].packages.length}}</kbd>
                                                </a>
                                            </div>
                                            <!-- End of Line -->

                                            <div class="row">
                                                <div class="col-lg-3">
                                                    <span class="label label-info" >#: Offering Name:<br></span>
                                                    {{packagesIndex + 1}}:
                                                    <input name="offeringName" type="text" ng-model="package.offeringName" id="offeringName" class="form-control">
                                                </div>
                                                <div class="col-lg-7">
                                                    <span class="label label-info" >Offering version:<br></span>
                                                    <input name="offeringVersion" type="text" ng-model="package.offeringVersion" id="offeringVersion" class="form-control">
                                                </div>
                                                <div class="col-lg-2 text-right">

                                                    <a class="btn btn-primary" ng-click="saveMember(package, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].packages, packagesIndex);">
                                                        <i class="glyphicon glyphicon-save"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <!-- End of Line -->
                                        </div>

                                        <!-- Environments -->
                                        <div class="row">
                                            <a class="btn btn-primary" ng-click="addEnvironment(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments);">
                                                <i class="glyphicon glyphicon-plus"></i>
                                                <kbd>Environment</kbd>
                                            </a>
                                        </div>
                                        <!-- End of Line -->

                                        <div ng-repeat="environment in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments| filter:'' track by $index" ng-init="environmentsIndex = $index">
                                            <div class ="panel panel-group panel-info">
                                                <div class="panel-body">
                                                    <div class="row">
                                                        <a class="btn btn-primary" ng-click="environmentsIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments, environmentsIndex);">
                                                            <i class="glyphicon glyphicon-trash"></i>
                                                            <kbd>---> Environment {{environmentsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments.length}}</kbd>
                                                        </a>
                                                    </div>
                                                    <!-- End of Line -->

                                                    <div class="row">
                                                        <div class="col-lg-3">
                                                            <span class="label label-info" >#: Support Class:<br></span>
                                                            {{environmentsIndex + 1}}:
                                                            <input name="supportClass" type="text" ng-model="environment.supportClass" id="supportClass" class="form-control">
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <span class="label label-info" >Name:<br></span>
                                                            <input name="name" type="text" ng-model="environment.name" id="name" class="form-control">
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <span class="label label-info" >Description:<br></span>
                                                            <input name="description" type="text" ng-model="environment.description" id="description" class="form-control">
                                                        </div>
                                                        <div class="col-lg-2 text-right">
                                                            <a class="btn btn-primary" ng-click="saveMember(environment, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments, environmentsIndex);">
                                                                <i class="glyphicon glyphicon-save"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <!-- End of Line -->

                                                    <!-- Tenant / Quota -->

                                                    <div class="row">
                                                        <a class="btn btn-primary" ng-click="addTenantQuota(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas);">
                                                            <i class="glyphicon glyphicon-plus"></i>
                                                            <kbd>Tenant / Quota</kbd>
                                                        </a>
                                                    </div>
                                                    <!-- End of Line -->

                                                    <div ng-repeat="tenantQuota in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas| filter:'' track by $index" ng-init="tenantQuotasIndex = $index">
                                                        <div class="row">
                                                            <a class="btn btn-primary" ng-click="tenantQuotasIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas, tenantQuotasIndex);">
                                                                <i class="glyphicon glyphicon-trash"></i>
                                                                <kbd>----> Tenant / Quota {{tenantQuotasIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas.length}}</kbd>
                                                            </a>
                                                        </div>
                                                        <!-- End of Line -->

                                                        <div class="row">
                                                            <div class="col-lg-3">
                                                                <span class="label label-info" >#: Name:<br></span>
                                                                {{tenantQuotasIndex + 1}}:
                                                                <input name="name" type="text" ng-model="tenantQuota.name" id="name" class="form-control">
                                                            </div>
                                                            <div class="col-lg-3">
                                                                <span class="label label-info" >Description:<br></span>
                                                                <input name="description" type="text" ng-model="tenantQuota.description" id="description" class="form-control">
                                                            </div>
                                                            <div class="col-lg-2">
                                                                <span class="label label-info" >Flavor:<br></span>
                                                                <input name="flavor" type="text" ng-model="tenantQuota.flavor" id="flavor" class="form-control">
                                                            </div>
                                                            <div class="col-lg-2">
                                                                <span class="label label-info" >Type:<br></span>
                                                                <input name="type" type="text" ng-model="tenantQuota.type" id="type" class="form-control">
                                                            </div>
                                                            <div class="col-lg-2 text-right">
                                                                <a class="btn btn-primary" ng-click="saveMember(tenantQuota, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas, tenantQuotasIndex);">
                                                                    <i class="glyphicon glyphicon-save"></i>
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <!-- End of Line -->

                                                        <!-- Site -->
                                                        <div class="row">
                                                            <a class="btn btn-primary" ng-click="addSite(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].sites);">
                                                                <i class="glyphicon glyphicon-plus"></i>
                                                                <kbd>Site</kbd>
                                                            </a>
                                                        </div>
                                                        <!-- End of Line -->

                                                        <div ng-repeat="site in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].sites| filter:'' track by $index" ng-init="sitesIndex = $index">
                                                            <div class="row">
                                                                <a class="btn btn-primary" ng-click="sitesIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].sites, sitesIndex);">
                                                                    <i class="glyphicon glyphicon-trash"></i>
                                                                    <kbd>-----> Site {{sitesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].sites.length}}</kbd>
                                                                </a>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div class="row">
                                                                <div class="col-lg-3">
                                                                    <span class="label label-info" >#: Zone:<br></span>
                                                                    {{sitesIndex + 1}}:
                                                                    <input name="siteZone" type="text" ng-model="site.zone" id="siteZone" class="form-control"ng-style="{width: 200 + 'px'}">
                                                                </div>
                                                                <div class="col-lg-2">
                                                                    <span class="label label-info" >#: Zone:<br></span>
                                                                    <input name="siteCluster" type="text" ng-model="site.cluster" id="siteCluster" class="form-control" ng-style="{width: 200 + 'px'}">
                                                                </div>
                                                                <div class="col-lg-3">
                                                                    <span class="label label-info" >Description:<br></span>
                                                                    <input name="siteDescription" type="text" ng-model="site.description" id="siteDescription" class="form-control">
                                                                </div>
                                                                <div class="col-lg-4">
                                                                    <span class="label label-info" >Type:<br></span>
                                                                    <input name="siteType" type="text" ng-model="site.type" id="siteType" class="form-control">
                                                                </div>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div class="row">
                                                                <div class="col-lg-3">
                                                                    <span class="label label-info" >Common Name:<br></span>
                                                                    <input name="addressCommonName" type="text" ng-model="site.address.commonName" id="addressCommonName" class="form-control">
                                                                </div>
                                                                <div class="col-lg-3">
                                                                    <span class="label label-info" >Street1:<br></span>
                                                                    <input name="addressStreet1" type="text" ng-model="site.address.street1" id="addressStreet1" class="form-control">
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <span class="label label-info" >Street2:<br></span>
                                                                    <input name="addressStreet2" type="text" ng-model="site.address.street2" id="addressStreet1" class="form-control">
                                                                </div>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div class="row">
                                                                <div class="col-lg-3">
                                                                    <span class="label label-info" >City:<br></span>
                                                                    <input name="addressCity" type="text" ng-model="site.address.city" id="addressCity" class="form-control">
                                                                </div>
                                                                <div class="col-lg-3">
                                                                    <span class="label label-info" >State:<br></span>
                                                                    <input name="addressState" type="text" ng-model="site.address.state" id="addressState" class="form-control" ng-style="{width: 150 + 'px'}">
                                                                </div>
                                                                <div class="col-lg-2">
                                                                    <span class="label label-info" >Postal Code2:<br></span>
                                                                    <input name="addressPostalCode" type="text" ng-model="site.address.postalCode" id="addressPostalCode" class="form-control" ng-style="{width: 150 + 'px'}">
                                                                </div>
                                                                <div class="col-lg-4">
                                                                    <span class="label label-info" >Country:<br></span>
                                                                    <input name="addressCountry" type="text" ng-model="site.address.country" id="addressCountry" class="form-control" ng-style="{width: 150 + 'px'}">
                                                                </div>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div class="row">
                                                                <div class="col-lg-3">
                                                                    <span class="label label-info" >Floor:<br></span>
                                                                    <input name="addressFloor" type="text" ng-model="site.address.floor" id="addressFloor" class="form-control">
                                                                </div>
                                                                <div class="col-lg-3">
                                                                    <span class="label label-info" >Section:<br></span>
                                                                    <input name="addressSection" type="text" ng-model="site.address.section" id="addressSection" class="form-control">
                                                                </div>
                                                                <div class="col-lg-4">
                                                                    <span class="label label-info" >CLLI:<br></span>
                                                                    <input name="addressCLLI" type="text" ng-model="site.address.clli" id="addressCLLI" class="form-control">
                                                                </div>
                                                                <div class="col-lg-2 text-right">
                                                                    <a class="btn btn-primary" ng-click="saveMember(site, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].sites, sitesIndex);">
                                                                        <i class="glyphicon glyphicon-save"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <!-- Dependencies -->
                                                            <div class="row">
                                                                <a class="btn btn-primary" ng-click="addDependency(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].sites[sitesIndex].dependencies);">
                                                                    <i class="glyphicon glyphicon-plus"></i>
                                                                    <kbd>Dependency</kbd>
                                                                </a>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div ng-repeat="dependency in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].sites[sitesIndex].dependencies| filter:'' track by $index" ng-init="dependenciesIndex = $index">
                                                                <div class="row">
                                                                    <a class="btn btn-primary" ng-click="dependenciesIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].sites[sitesIndex].dependencies, dependenciesIndex);">
                                                                        <i class="glyphicon glyphicon-trash"></i>
                                                                        <kbd>------> Dependency {{dependenciesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].dependencies.length}}</kbd>
                                                                    </a>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <div class="row">
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >#: Reason:<br></span>
                                                                        {{dependenciesIndex + 1}}:
                                                                        <input name="dependencyReason" type="text" ng-model="dependency.reason" id="dependencyReason" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >Type:<br></span>
                                                                        <input name="dependencyType" type="text" ng-model="dependency.type" id="dependencyType" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <span class="label label-info" >Note:<br></span>
                                                                        <input name="dependencyNote" type="text" ng-model="dependency.note" id="dependencyNote" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-2 text-right">
                                                                        <a class="btn btn-primary" ng-click="saveMember(mgtModel, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].sites[sitesIndex].dependencies, dependenciesIndex);">
                                                                            <i class="glyphicon glyphicon-save"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                <!-- End of Line -->
                                                            </div>
                                                        </div>

                                                        <!-- Compute -->
                                                        <div class="row">
                                                            <a class="btn btn-primary" ng-click="addCompute(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].computes);">
                                                                <i class="glyphicon glyphicon-plus"></i>
                                                                <kbd>Compute</kbd>
                                                            </a>
                                                        </div>
                                                        <!-- End of Line -->

                                                        <div ng-repeat="compute in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].computes| filter:'' track by $index" ng-init="computesIndex = $index">
                                                            <div class="row">
                                                                <a class="btn btn-primary" ng-click="computesIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].computes, computesIndex);">
                                                                    <i class="glyphicon glyphicon-trash"></i>
                                                                    <kbd>-----> Compute {{computesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].computes.length}}</kbd>
                                                                </a>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div class="row">
                                                                <div class="col-lg-3">
                                                                    <span class="label label-info" >vCPU:<br></span>
                                                                    {{computesIndex + 1}}:
                                                                    <input name="vCPU" type="text" ng-model="compute.vCPU" id="vCPU" class="form-control">
                                                                </div>
                                                                <div class="col-lg-1">
                                                                    <span class="label label-info" >vCPU:<br></span>
                                                                    <input name="CPU" type="text" ng-model="compute.CPU" id="CPU" class="form-control">
                                                                </div>
                                                                <div class="col-lg-1">
                                                                    <span class="label label-info" >vCPU:<br></span>
                                                                    <input name="RAM" type="text" ng-model="compute.RAM" id="RAM" class="form-control">
                                                                </div>
                                                                <div class="col-lg-2">
                                                                    <span class="label label-info" >RAM:<br></span>
                                                                    <input name="certOS" type="text" ng-model="compute.certOS" id="certOS" class="form-control">
                                                                </div>
                                                                <div class="col-lg-2">
                                                                    <span class="label label-info" >Certified OS:<br></span>
                                                                    <input name="certOSVer" type="text" ng-model="compute.certOSVer" id="certOSVer" class="form-control">
                                                                </div>
                                                                <div class="col-lg-3 text-right">
                                                                    <a class="btn btn-primary" ng-click="saveMember(compute, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].computes, computesIndex);">
                                                                        <i class="glyphicon glyphicon-save"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <!-- End of Line -->
                                                        </div>

                                                        <!-- Storage -->
                                                        <div class="row">
                                                            <a class="btn btn-primary" ng-click="addStorage(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].storages);">
                                                                <i class="glyphicon glyphicon-plus"></i>
                                                                <kbd>Storage</kbd>
                                                            </a>
                                                        </div>
                                                        <!-- End of Line -->

                                                        <div ng-repeat="storage in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].storages| filter:'' track by $index" ng-init="storagesIndex = $index">
                                                            <div class="row">
                                                                <a class="btn btn-primary" ng-click="storagesIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].storages, storagesIndex);">
                                                                    <i class="glyphicon glyphicon-trash"></i>
                                                                    <kbd>-----> Storage {{storagesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].storages.length}}</kbd>
                                                                </a>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div class="row">
                                                                <div class="col-lg-3">
                                                                    <span class="label label-info" >#: Type:<br></span>
                                                                    {{storagesIndex + 1}}:
                                                                    <input name="type" type="text" ng-model="storage.type" id="type" class="form-control">
                                                                </div>
                                                                <div class="col-lg-2">
                                                                    <span class="label label-info" >Megabytes:<br></span>
                                                                    <input name="mgAmount" type="text" ng-model="storage.mgAmount" id="mgAmount" class="form-control">
                                                                </div>
                                                                <div class="col-lg-5">
                                                                    <span class="label label-info" >File System Path:<br></span>
                                                                    <input name="fileSystemPath" type="text" ng-model="compute.fileSystemPath" id="fileSystemPath" class="form-control">
                                                                </div>
                                                                <div class="col-lg-2 text-right">
                                                                    <a class="btn btn-primary" ng-click="saveMember(storage, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].storages, storagesIndex);">
                                                                        <i class="glyphicon glyphicon-save"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <!-- End of Line -->
                                                        </div>
                                                    </div>

                                                    <!-- Workload -->
                                                    <div class="row">
                                                        <a class="btn btn-primary" ng-click="addWorkload(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads);">
                                                            <i class="glyphicon glyphicon-plus"></i>
                                                            <kbd>Workload</kbd>
                                                        </a>
                                                    </div>
                                                    <!-- End of Line -->

                                                    <div ng-repeat="workload in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads| filter:'' track by $index" ng-init="workloadsIndex = $index">
                                                        <div class="row">
                                                            <a class="btn btn-primary" ng-click="workloadsIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads, workloadsIndex);">
                                                                <i class="glyphicon glyphicon-trash"></i>
                                                                <kbd>---> Workload {{workloadsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads.length}}</kbd>
                                                            </a>
                                                        </div>
                                                        <!-- End of Line -->

                                                        <div class="row">
                                                            <div class="col-lg-2">
                                                                <span class="label label-info" >#: Count:<br></span>
                                                                {{workloadsIndex + 1}}:
                                                                <input name ="instanceCount" type="number" ng-model="workload.instanceCount" id="instanceCount" class="form-control" min="1" max='999' ng-style="{width: 75 + 'px'}">
                                                            </div>
                                                            <div class="col-lg-2">
                                                                <span class="label label-info" >Description:<br></span>
                                                                <input name="description" type="text" ng-model="workload.description" id="description" class="form-control">
                                                            </div>
                                                            <div class="col-lg-2 text-right">
                                                                <span class="label label-info" >BML Req:<br></span>
                                                                <input name="BMLRequired" type="radio" ng-model="workload.BMLRequired" id="BMLRequired" class="form-control" value="Bare Metal Required">
                                                            </div>
                                                            <div class="col-lg-2">
                                                                <span class="label label-info" >Hypervisor:<br></span>
                                                                <input name="hypervisor" type="text" ng-model="workload.hypervisor" id="hypervisor" class="form-control" ng-style="{width: 150 + 'px'}">
                                                            </div>
                                                            <div class="col-lg-2">
                                                                <span class="label label-info" >KIOPS:<br></span>
                                                                <input name="IOPSMaxRequired" type="number" ng-model="workload.IOPSMaxRequired" id="IOPSMaxRequired" class="form-control" min="10" max='999' ng-style="{width: 75 + 'px'}">
                                                            </div>
                                                            <div class="col-lg-2 text-right">
                                                                <a class="btn btn-primary" ng-click="saveMember(workload, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads, workloadsIndex);">
                                                                    <i class="glyphicon glyphicon-save"></i>
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <!-- End of Line -->

                                                        <!-- Payloads -->
                                                        <div class="row">
                                                            <a class="btn btn-primary" ng-click="addMgtModel(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].payloads);">
                                                                <i class="glyphicon glyphicon-plus"></i>
                                                                <kbd>Payload</kbd>
                                                            </a>
                                                        </div>
                                                        <!-- End of Line -->

                                                        <div ng-repeat="payload in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].payloads| filter:'' track by $index" ng-init="payloadsIndex = $index">
                                                            <div class="row">
                                                                <a class="btn btn-primary" ng-click="payloadsIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].payloads, payloadsIndex);">
                                                                    <i class="glyphicon glyphicon-trash"></i>
                                                                    <kbd>----> Payload {{payloadsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].payloads.length}}</kbd>
                                                                </a>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div class="row">
                                                                <div class="col-lg-3">
                                                                    <span class="label label-info" >#:Container SW:<br></span>
                                                                    {{payloadsIndex + 1}}:
                                                                    <input name="payloadContainerSW" type="text" ng-model="payload.containerSW" id="payloadContainerSW" class="form-control" ng-style="{width: 200 + 'px'}">
                                                                </div>
                                                                <div class="col-lg-2">
                                                                    <span class="label label-info" >Container SW Ver:<br></span>
                                                                    <input name="payloadContainerSWVer" type="text" ng-model="payload.containerSWVer" id="payloadContainerSWVer" class="form-control" ng-style="{width: 150 + 'px'}">
                                                                </div>
                                                                <div class="col-lg-2">
                                                                    <span class="label label-info" >NLSCharSet:<br></span>
                                                                    <input name="payloadNLSCharSet" type="text" ng-model="payload.NLSCharSet" id="payloadNLSCharSet" class="form-control" ng-style="{width: 150 + 'px'}">
                                                                </div>
                                                                <div class="col-lg-2">
                                                                    <span class="label label-info" >NLS NChar Set:<br></span>
                                                                    <input name="payloadNLSNCharCharSet" type="text" ng-model="payload.NLSNCharCharSet" id="payloadNLSNCharCharSet" class="form-control" ng-style="{width: 150 + 'px'}">
                                                                </div>
                                                                <div class="col-lg-2">
                                                                    <span class="label label-info" >Note:<br></span>
                                                                    <input name="payloadNote" type="text" ng-model="payload.note" id="payloadNote" class="form-control">
                                                                </div>
                                                                <div class="col-lg-1 text-right">
                                                                    <a class="btn btn-primary" ng-click="saveMember(payload, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].payloads, payloadsIndex);">
                                                                        <i class="glyphicon glyphicon-save"></i>
                                                                    </a>
                                                                </div>
                                                                <!-- End of Line -->
                                                            </div>

                                                            <!-- Mgt Models -->
                                                            <div class="row">
                                                                <a class="btn btn-primary" ng-click="addMgtModel(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].mgtModels);">
                                                                    <i class="glyphicon glyphicon-plus"></i>
                                                                    <kbd>Management Model</kbd>
                                                                </a>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div ng-repeat="mgtModel in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].mgtModels| filter:'' track by $index" ng-init="mgtModelsIndex = $index">
                                                                <div class="row">
                                                                    <a class="btn btn-primary" ng-click="mgtModelsIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].mgtModels, mgtModelsIndex);">
                                                                        <i class="glyphicon glyphicon-trash"></i>
                                                                        <kbd>----> Management Model {{mgtModelsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].mgtModels.length}}</kbd>
                                                                    </a>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <div class="row">
                                                                    <div class="col-lg-4">
                                                                        <span class="label label-info" >#: Type:<br></span>
                                                                        {{mgtModelsIndex + 1}}:
                                                                        <input name="mgtModelType" type="text" ng-model="mgtModel.type" id="mgtModelType" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-6">
                                                                        <span class="label label-info" >Note:<br></span>
                                                                        <input name="mgtModelNote" type="text" ng-model="mgtModel.note" id="mgtModelNote" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-2 text-right">
                                                                        <a class="btn btn-primary" ng-click="saveMember(mgtModel, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].mgtModels, mgtModelsIndex);">
                                                                            <i class="glyphicon glyphicon-save"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                <!-- End of Line -->
                                                            </div>

                                                            <!-- Network Gateways -->
                                                            <div class="row">
                                                                <a class="btn btn-primary" ng-click="addNetworkGateway(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].networkGateways);">
                                                                    <i class="glyphicon glyphicon-plus"></i>
                                                                    <kbd>Network Gateway</kbd>
                                                                </a>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div ng-repeat="networkGateway in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].networkGateways| filter:'' track by $index" ng-init="networkGatewaysIndex = $index">
                                                                <div class="row">
                                                                    <a class="btn btn-primary" ng-click="networkGatewaysIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].networkGateways, networkGatewaysIndex);">
                                                                        <i class="glyphicon glyphicon-trash"></i>
                                                                        <kbd>----> Network Gateway {{networkGatewaysIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].networkGateways.length}}</kbd>
                                                                    </a>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <div class="row">
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >#: Type:<br></span>
                                                                        {{networkGatewaysIndex + 1}}:
                                                                        <input name="networkGatewayType" type="text" ng-model="networkGateway.type" id="networkGatewayType" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <span class="label label-info" >Name:<br></span>
                                                                        <input name="networkGatewayName" type="text" ng-model="networkGateway.name" id="networkGatewayName" class="form-control" ng-style="{width: 150 + 'px'}">
                                                                    </div>
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >Description:<br></span>
                                                                        <input name="networkGatewayDescription" type="text" ng-model="networkGateway.description" id="networkGatewayDescription" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >Note:<br></span>
                                                                        <input name="networkGatewayNote" type="text" ng-model="networkGateway.note" id="networkGatewayNote" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-1 text-right">
                                                                        <a class="btn btn-primary" ng-click="saveMember(networkGateway, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].networkGateways, networkGatewaysIndex);">
                                                                            <i class="glyphicon glyphicon-save"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                <!-- End of Line -->
                                                            </div>

                                                            <!-- Security -->
                                                            <div class="row">
                                                                <a class="btn btn-primary" ng-click="addSecurity(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].securitys);">
                                                                    <i class="glyphicon glyphicon-plus"></i>
                                                                    <kbd>Security</kbd>
                                                                </a>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div ng-repeat="security in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].securitys| filter:'' track by $index" ng-init="securitysIndex = $index">
                                                                <div class="row">
                                                                    <a class="btn btn-primary" ng-click="securitysIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].securitys, securitysIndex);">
                                                                        <i class="glyphicon glyphicon-trash"></i>
                                                                        <kbd>----> Security {{securitysIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].securitys.length}}</kbd>
                                                                    </a>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <div class="row">
                                                                    <div class="col-lg-4">
                                                                        <span class="label label-info" >#: Handles:<br></span>
                                                                        {{securitysIndex + 1}}:
                                                                        <input name="securityHandles" type="text" ng-model="security.handles" id="securityHandles" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >Stores:<br></span>
                                                                        <input name="securityStores" type="text" ng-model="security.stores" id="securityStores" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >Other:<br></span>
                                                                        <input name="securityOther" type="text" ng-model="security.other" id="securityOther" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-2 text-right">
                                                                        <a class="btn btn-primary" ng-click="saveMember(security, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].securitys, securitysIndex);">
                                                                            <i class="glyphicon glyphicon-save"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                <!-- End of Line -->
                                                            </div>

                                                            <!-- Site -->
                                                            <div class="row">
                                                                <a class="btn btn-primary" ng-click="addSite(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites);">
                                                                    <i class="glyphicon glyphicon-plus"></i>
                                                                    <kbd>Site</kbd>
                                                                </a>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div ng-repeat="site in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites| filter:'' track by $index" ng-init="sitesIndex = $index">
                                                                <div class="row">
                                                                    <a class="btn btn-primary" ng-click="sitesIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites, sitesIndex);">
                                                                        <i class="glyphicon glyphicon-trash"></i>
                                                                        <kbd>----> Site {{sitesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites.length}}</kbd>
                                                                    </a>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <div class="row">
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >#: Zone:<br></span>
                                                                        {{sitesIndex + 1}}:
                                                                        <input name="siteZone" type="text" ng-model="site.zone" id="siteZone" class="form-control" ng-style="{width: 200 + 'px'}">
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <span class="label label-info" >Cluster:<br></span>
                                                                        <input name="siteCluster" type="text" ng-model="site.cluster" id="siteCluster" class="form-control" ng-style="{width: 200 + 'px'}">
                                                                    </div>
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >Description:<br></span>
                                                                        <input name="siteDescription" type="text" ng-model="site.description" id="siteDescription" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <span class="label label-info" >Type:<br></span>
                                                                        <input name="siteType" type="text" ng-model="site.type" id="siteType" class="form-control">
                                                                    </div>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <div class="row">
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >Common Name:<br></span>
                                                                        <input name="addressCommonName" type="text" ng-model="site.address.commonName" id="addressCommonName" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >Street1:<br></span>
                                                                        <input name="addressStreet1" type="text" ng-model="site.address.street1" id="addressStreet1" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-6">
                                                                        <span class="label label-info" >Street2:<br></span>
                                                                        <input name="addressStreet2" type="text" ng-model="site.address.street2" id="addressStreet1" class="form-control">
                                                                    </div>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <div class="row">
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >City:<br></span>
                                                                        <input name="addressCity" type="text" ng-model="site.address.city" id="addressCity" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >State:<br></span>
                                                                        <input name="addressState" type="text" ng-model="site.address.state" id="addressState" class="form-control" ng-style="{width: 150 + 'px'}">
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <span class="label label-info" >Postal Code:<br></span>
                                                                        <input name="addressPostalCode" type="text" ng-model="site.address.postalCode" id="addressPostalCode" class="form-control" ng-style="{width: 150 + 'px'}">
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <span class="label label-info" >Common Name:<br></span>
                                                                        <input name="addressCountry" type="text" ng-model="site.address.country" id="addressCountry" class="form-control" ng-style="{width: 150 + 'px'}">
                                                                    </div>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <div class="row">
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >Floor:<br></span>
                                                                        <input name="addressFloor" type="text" ng-model="site.address.floor" id="addressFloor" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >Section:<br></span>
                                                                        <input name="addressSection" type="text" ng-model="site.address.section" id="addressSection" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <span class="label label-info" >CLLI:<br></span>
                                                                        <input name="addressCLLI" type="text" ng-model="site.address.clli" id="addressCLLI" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-2 text-right">
                                                                        <a class="btn btn-primary" ng-click="saveMember(site, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites, sitesIndex);">
                                                                            <i class="glyphicon glyphicon-save"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <!-- Dependencies -->
                                                                <div class="row">
                                                                    <a class="btn btn-primary" ng-click="addDependency(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites[sitesIndex].dependencies);">
                                                                        <i class="glyphicon glyphicon-plus"></i>
                                                                        <kbd>Dependency</kbd>
                                                                    </a>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <div ng-repeat="dependency in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites[sitesIndex].dependencies| filter:'' track by $index" ng-init="dependenciesIndex = $index">
                                                                    <div class="row">
                                                                        <a class="btn btn-primary" ng-click="dependenciesIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites[sitesIndex].dependencies, dependenciesIndex);">
                                                                            <i class="glyphicon glyphicon-trash"></i>
                                                                            <kbd>-----> Dependency {{dependenciesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites[sitesIndex].dependencies.length}}</kbd>
                                                                        </a>
                                                                    </div>
                                                                    <!-- End of Line -->

                                                                    <div class="row">
                                                                        <div class="col-lg-3">
                                                                            <span class="label label-info" >#: Reason:<br></span>
                                                                            {{dependenciesIndex + 1}}:
                                                                            <input name="dependencyReason" type="text" ng-model="dependency.reason" id="dependencyReason" class="form-control">
                                                                        </div>
                                                                        <div class="col-lg-3">
                                                                            <span class="label label-info" >Type:<br></span>
                                                                            <input name="dependencyType" type="text" ng-model="dependency.type" id="dependencyType" class="form-control">
                                                                        </div>
                                                                        <div class="col-lg-4">
                                                                            <span class="label label-info" >Note:<br></span>
                                                                            <input name="dependencyNote" type="text" ng-model="dependency.note" id="dependencyNote" class="form-control">
                                                                        </div>
                                                                        <div class="col-lg-2 text-right">
                                                                            <a class="btn btn-primary" ng-click="saveMember(mgtModel, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites[sitesIndex].dependencies, dependenciesIndex);">
                                                                                <i class="glyphicon glyphicon-save"></i>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <!-- End of Line -->
                                                                </div>
                                                            </div>

                                                            <!-- Compute -->
                                                            <div class="row">
                                                                <a class="btn btn-primary" ng-click="addCompute(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].computes);">
                                                                    <i class="glyphicon glyphicon-plus"></i>
                                                                    <kbd>Compute</kbd>
                                                                </a>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div ng-repeat="compute in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].computes| filter:'' track by $index" ng-init="computesIndex = $index">
                                                                <div class="row">
                                                                    <a class="btn btn-primary" ng-click="computesIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].computes, computesIndex);">
                                                                        <i class="glyphicon glyphicon-trash"></i>
                                                                        <kbd>----> Compute {{computesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].computes.length}}</kbd>
                                                                    </a>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <div class="row">
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >#: vCPU:<br></span>
                                                                        {{computesIndex + 1}}:
                                                                        <input name="vCPU" type="text" ng-model="compute.vCPU" id="vCPU" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-1">
                                                                        <span class="label label-info" >CPU:<br></span>
                                                                        <input name="CPU" type="text" ng-model="compute.CPU" id="CPU" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-1">
                                                                        <span class="label label-info" >RAM:<br></span>
                                                                        <input name="RAM" type="text" ng-model="compute.RAM" id="RAM" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <span class="label label-info" >Certified OS:<br></span>
                                                                        <input name="certOS" type="text" ng-model="compute.certOS" id="certOS" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <span class="label label-info" >OS Version:<br></span>
                                                                        <input name="certOSVer" type="text" ng-model="compute.certOSVer" id="certOSVer" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-3 text-right">
                                                                        <a class="btn btn-primary" ng-click="saveMember(compute, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].computes, computesIndex);">
                                                                            <i class="glyphicon glyphicon-save"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                <!-- End of Line -->
                                                            </div>

                                                            <!-- Storage -->
                                                            <div class="row">
                                                                <a class="btn btn-primary" ng-click="addStorage(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].storages);">
                                                                    <i class="glyphicon glyphicon-plus"></i>
                                                                    <kbd>Storage</kbd>
                                                                </a>
                                                            </div>
                                                            <!-- End of Line -->

                                                            <div ng-repeat="storage in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].storages| filter:'' track by $index" ng-init="storagesIndex = $index">
                                                                <div class="row">
                                                                    <a class="btn btn-primary" ng-click="storagesIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].storages, storagesIndex);">
                                                                        <i class="glyphicon glyphicon-trash"></i>
                                                                        <kbd>----> Storage {{storagesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].storages.length}}</kbd>
                                                                    </a>
                                                                </div>
                                                                <!-- End of Line -->

                                                                <div class="row">
                                                                    <div class="col-lg-3">
                                                                        <span class="label label-info" >#: Type:<br></span>
                                                                        {{storagesIndex + 1}}:
                                                                        <input name="type" type="text" ng-model="storage.type" id="type" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <span class="label label-info" >Megabytes:<br></span>
                                                                        <input name="mgAmount" type="text" ng-model="storage.mgAmount" id="mgAmount" class="form-control" ng-style="{width: 150 + 'px'}">
                                                                    </div>
                                                                    <div class="col-lg-5">
                                                                        <span class="label label-info" >File System Path:<br></span>
                                                                        <input name="fileSystemPath" type="text" ng-model="compute.fileSystemPath" id="fileSystemPath" class="form-control">
                                                                    </div>
                                                                    <div class="col-lg-2 text-right">
                                                                        <a class="btn btn-primary" ng-click="saveMember(storage, infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].storages, storagesIndex);">
                                                                            <i class="glyphicon glyphicon-save"></i>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                <!-- End of Line -->
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Modify Hostings -->
                                <div class ="panel panel-group panel-info">
                                    <div class="panel-body">
                                        <div class="row">
                                            <a class="btn btn-primary" ng-click="modifyHostingsIndex = addModifyHosting(infrastructureRequest.hostings[hostingsIndex].modifyHostings);">
                                                <i class="glyphicon glyphicon-plus"></i>
                                                <kbd>Modify Hosting Request</kbd>
                                            </a>
                                        </div>
                                        <!-- End of Line -->

                                        <div ng-repeat="modifyHosting in infrastructureRequest.hostings[hostingsIndex].modifyHostings track by $index" ng-init="modifyHostingsIndex = $index">
                                            <div class="row">
                                                <a class="btn btn-primary" ng-click="modifyHostingsIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].modifyHostings, modifyHostingsIndex);">
                                                    <i class="glyphicon glyphicon-trash"></i>
                                                    <kbd>Modify Host {{modifyHostingsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].modifyHostings.length}}</kbd>
                                                </a>
                                            </div>
                                            <!-- End of Line -->

                                            <div class="row">
                                                <span class="label label-info" >Target Host:<br></span>
                                                <input name="targetName" type="text" ng-model="modifyHosting.targetName" id="targetName" class="form-control">
                                            </div>
                                            <!-- End of Line -->

                                            <!-- Compute -->
                                            <div class="row">
                                                <a class="btn btn-primary" ng-click="addCompute(infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].computes);">
                                                    <i class="glyphicon glyphicon-plus"></i>
                                                    <kbd>Compute</kbd>
                                                </a>
                                            </div>
                                            <!-- End of Line -->

                                            <div ng-repeat="compute in infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].computes| filter:'' track by $index" ng-init="computesIndex = $index">
                                                <div class="row">
                                                    <a class="btn btn-primary" ng-click="computesIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].computes, computesIndex);">
                                                        <i class="glyphicon glyphicon-trash"></i>
                                                        <kbd>---> Compute {{computesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].computes.length}}</kbd>
                                                    </a>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >#: vCPU:<br></span>
                                                        {{computesIndex + 1}}:
                                                        <input name="vCPU" type="text" ng-model="compute.vCPU" id="vCPU" class="form-control">
                                                    </div>
                                                    <div class="col-lg-1">
                                                        <span class="label label-info" >RAM:<br></span>
                                                        <input name="CPU" type="text" ng-model="compute.CPU" id="CPU" class="form-control">
                                                    </div>
                                                    <div class="col-lg-1">
                                                        <span class="label label-info" >Certified OS:<br></span>
                                                        <input name="RAM" type="text" ng-model="compute.RAM" id="RAM" class="form-control">
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Certified OS:<br></span>
                                                        <input name="certOS" type="text" ng-model="compute.certOS" id="certOS" class="form-control">
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >OS Version:<br></span>
                                                        <input name="certOSVer" type="text" ng-model="compute.certOSVer" id="certOSVer" class="form-control">
                                                    </div>
                                                    <div class="col-lg-3 text-right">
                                                        <a class="btn btn-primary" ng-click="saveMember(compute, infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].computes, computesIndex);">
                                                            <i class="glyphicon glyphicon-save"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <!-- End of Line -->
                                            </div>

                                            <!-- Storage -->
                                            <div class="row">
                                                <a class="btn btn-primary" ng-click="addStorage(infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].storages);">
                                                    <i class="glyphicon glyphicon-plus"></i>
                                                    <kbd>Storage</kbd>
                                                </a>
                                            </div>
                                            <!-- End of Line -->

                                            <div ng-repeat="storage in infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].storages| filter:'' track by $index" ng-init="storagesIndex = $index">
                                                <div class="row">
                                                    <a class="btn btn-primary" ng-click="storagesIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].storages, storagesIndex);">
                                                        <i class="glyphicon glyphicon-trash"></i>
                                                        <kbd>---> Storage {{storagesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].storages.length}}</kbd>
                                                    </a>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >#: Type:<br></span>
                                                        {{storagesIndex + 1}}:
                                                        <input name="type" type="text" ng-model="storage.type" id="type" class="form-control">
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Megabytes:<br></span>
                                                        <input name="mgAmount" type="text" ng-model="storage.mgAmount" id="mgAmount" class="form-control" ng-style="{width: 150 + 'px'}">
                                                    </div>
                                                    <div class="col-lg-5">
                                                        <span class="label label-info" >File System Path:<br></span>
                                                        <input name="fileSystemPath" type="text" ng-model="compute.fileSystemPath" id="fileSystemPath" class="form-control">
                                                    </div>
                                                    <div class="col-lg-2 text-right">
                                                        <a class="btn btn-primary" ng-click="saveMember(storage, infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].storages, storagesIndex);">
                                                            <i class="glyphicon glyphicon-save"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <!-- End of Line -->
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Decomm Hostings -->
                                <div class ="panel panel-group panel-info">
                                    <div class="panel-body">
                                        <div class="row">
                                            <a class="btn btn-primary" ng-click="addDecommHosting(infrastructureRequest.hostings[hostingsIndex].decommHostings);">
                                                <i class="glyphicon glyphicon-plus"></i>
                                                <kbd>Decomm Hosting Request</kbd>
                                            </a>
                                        </div>
                                        <!-- End of Line -->

                                        <div ng-repeat="decommHosting in infrastructureRequest.hostings[hostingsIndex].decommHostings track by $index" ng-init="decommHostingsIndex = $index">
                                            <div class="row">
                                                <a class="btn btn-primary" ng-click="decommHostingsIndex = removeMember(infrastructureRequest.hostings[hostingsIndex].decommHostings, decommHostingsIndex);">
                                                    <i class="glyphicon glyphicon-trash"></i>
                                                    <kbd>Decomm Host {{decommHostingsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].decommHostings.length}}</kbd>
                                                </a>
                                            </div>
                                            <!-- End of Line -->

                                            <div class="row">
                                                <div class="col-lg-3">
                                                    <span class="label label-info" >Target Name:<br></span>
                                                    <input name="targetName" type="text" ng-model="decommHosting.targetName" id="targetName" class="form-control">
                                                </div>
                                                <div class="col-lg-9">
                                                    <span class="label label-info" >Note:<br></span>
                                                    <input name="note" type="text" ng-model="decommHosting.note" id="note" class="form-control">
                                                </div>
                                            </div>
                                            <!-- End of Line -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- All Other Requests -->
                    <div class ="panel panel-group">
                        <div class="panel-body">
                            <div class="row">
                                <a class="btn btn-primary" ng-click="addOtherRequest(infrastructureRequest.otherRequests);">
                                    <i class="glyphicon glyphicon-plus"></i>
                                    <kbd>Other Request</kbd>
                                </a>
                            </div>
                            <!-- End of Line -->

                            <div ng-repeat="otherRequest in infrastructureRequest.otherRequests track by $index" ng-init="otherRequestsIndex = $index">
                                <div class="row">
                                    <a class="btn btn-primary" ng-show="otherRequestsIndex > -1" ng-click="newHostingsIndex = removeMember(infrastructureRequest.otherRequests, otherRequestsIndex);">
                                        <i class="glyphicon glyphicon-trash"></i>
                                        <kbd>-> Other Requests {{otherRequestsIndex + 1}} of {{infrastructureRequest.otherRequests.length}}</kbd>
                                    </a>
                                </div>
                                <!-- End of Line -->

                                <div class ="panel panel-group panel-info">
                                    <div class="panel-body">
                                        <!-- Equipment Requests -->
                                        <div class="row">
                                            <a class="btn btn-primary" ng-click="addEquipment(infrastructureRequest.otherRequests[otherRequestsIndex].equipments);">
                                                <i class="glyphicon glyphicon-plus"></i>
                                                <kbd>Equipment Request</kbd>
                                            </a>
                                        </div>
                                        <!-- End of Line -->

                                        <div ng-repeat="equipment in infrastructureRequest.otherRequests[otherRequestsIndex].equipments| filter:'' track by $index" ng-init="equipmentsIndex = $index">
                                            <div class="row">
                                                <a class="btn btn-primary" ng-click="equipmentsIndex = removeMember(infrastructureRequest.otherRequests[otherRequestsIndex].equipments, equipmentsIndex);">
                                                    <i class="glyphicon glyphicon-trash"></i>
                                                    <kbd>Equipment Requests {{equipmentsIndex + 1}} of {{infrastructureRequest.otherRequests[otherRequestsIndex].equipments.length}}</kbd>
                                                </a>
                                            </div>
                                            <!-- End of Line -->

                                            <div class="row"><div class="col-lg-3">
                                                    <span class="label label-info" ># Instance Count:<br></span>
                                                    {{equipmentsIndex + 1}}:
                                                    <input name ="instanceCount" type="number" ng-model="equipment.instanceCount" id="instanceCount" class="form-control" min="1" max='999' ng-style="{width: 75 + 'px'}">
                                                </div>
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >Name:<br></span>
                                                    <input name="name" type="text" ng-model="equipment.name" id="name" class="form-control">
                                                </div>
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >ALM ID:<br></span>
                                                    <input name="ALMID" type="text" ng-model="equipment.ALMID" id="ALMID" class="form-control">
                                                </div>
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >Note:<br></span>
                                                    <input name="note" type="text" ng-model="equipment.note" id="note" class="form-control">
                                                </div>
                                                <div class="col-lg-3 text-right">
                                                    <a class="btn btn-primary" ng-click="saveMember(equipment, infrastructureRequest.otherRequests[otherRequestsIndex].equipments, equipmentsIndex);">
                                                        <i class="glyphicon glyphicon-save"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <!-- End of Line -->
                                        </div>
                                    </div>
                                </div>

                                <!-- Feature Requests -->
                                <div class ="panel panel-group panel-info">
                                    <div class="panel-body">
                                        <div class="row">
                                            <a class="btn btn-primary" ng-click="addFeature(infrastructureRequest.otherRequests[otherRequestsIndex].features);">
                                                <i class="glyphicon glyphicon-plus"></i>
                                                <kbd>Feature Request</kbd>
                                            </a>
                                        </div>
                                        <!-- End of Line -->

                                        <div ng-repeat="feature in infrastructureRequest.otherRequests[otherRequestsIndex].features| filter:'' track by $index" ng-init="featuresIndex = $index">
                                            <div class="row">
                                                <a class="btn btn-primary" ng-click="featuresIndex = removeMember(infrastructureRequest.otherRequests[otherRequestsIndex].features, featuresIndex);">
                                                    <i class="glyphicon glyphicon-trash"></i>
                                                    <kbd>Feature Requests {{equipmentsIndex + 1}} of {{infrastructureRequest.otherRequests[otherRequestsIndex].equipments.length}}</kbd>
                                                </a>
                                            </div>
                                            <!-- End of Line -->

                                            <div class="row">
                                                <div class="col-lg-3">
                                                    <span class="label label-info" ># Name:<br></span>
                                                    {{featuresIndex + 1}}:
                                                    <input name="name" type="text" ng-model="feature.name" id="name" class="form-control">
                                                </div>
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >Action:<br></span>
                                                    <input name="action" type="text" ng-model="feature.action" id="action" class="form-control">
                                                </div>

                                                <div class="col-lg-2">
                                                    <span class="label label-info" >Description:<br></span>
                                                    <input name="description" type="text" ng-model="feature.description" id="description" class="form-control">
                                                </div>
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >Note:<br></span>
                                                    <input name="note" type="text" ng-model="feature.note" id="note" class="form-control">
                                                </div>
                                                <div class="col-lg-3 text-right">
                                                    <a class="btn btn-primary" ng-click="saveMember(feature, infrastructureRequest.otherRequests[otherRequestsIndex].features, featuresIndex);">
                                                        <i class="glyphicon glyphicon-save"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <!-- End of Line -->
                                        </div>
                                    </div>
                                </div>

                                <!-- Process Requests -->
                                <div class ="panel panel-group panel-info">
                                    <div class="panel-body">
                                        <div class="row">
                                            <a class="btn btn-primary" ng-click="addProcess(infrastructureRequest.otherRequests[otherRequestsIndex].processes);">
                                                <i class="glyphicon glyphicon-plus"></i>
                                                <kbd>Process Request</kbd>
                                            </a>
                                        </div>
                                        <!-- End of Line -->

                                        <div ng-repeat="process in infrastructureRequest.otherRequests[otherRequestsIndex].processes| filter:'' track by $index" ng-init="processesIndex = $index">
                                            <div class="row">
                                                <a class="btn btn-primary" ng-click="processesIndex = removeMember(infrastructureRequest.otherRequests[otherRequestsIndex].processes, processesIndex);">
                                                    <i class="glyphicon glyphicon-trash"></i>
                                                    <kbd>Process Requests {{processesIndex + 1}} of {{infrastructureRequest.otherRequests[otherRequestsIndex].processes.length}}</kbd>
                                                </a>
                                            </div>
                                            <!-- End of Line -->

                                            <div class="row">
                                                <div class="col-lg-3">
                                                    <span class="label label-info" ># Name:<br></span>
                                                    {{processesIndex + 1}}:
                                                    <input name="name" type="text" ng-model="process.name" id="name" class="form-control">
                                                </div>
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >Handler:<br></span>
                                                    <input name="handler" type="text" ng-model="process.handler" id="action" class="form-control">
                                                </div>

                                                <div class="col-lg-2">
                                                    <span class="label label-info" >ALM Task:<br></span>
                                                    <input name="ALMTask" type="text" ng-model="process.ALMTask" id="ALMTask" class="form-control">
                                                </div>
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >Note:<br></span>
                                                    <input name="note" type="text" ng-model="process.note" id="note" class="form-control">
                                                </div>
                                                <div class="col-lg-3 text-right">
                                                    <a class="btn btn-primary" ng-click="saveMember(process, infrastructureRequest.otherRequests[otherRequestsIndex].processes, processesIndex);">
                                                        <i class="glyphicon glyphicon-save"></i>
                                                    </a>
                                                </div>
                                            </div>
                                            <!-- End of Line -->

                                            <!-- Argument List -->
                                            <div class="row">
                                                <a class="btn btn-primary" ng-click="addArgumentList(infrastructureRequest.otherRequests[otherRequestsIndex].processes[processesIndex].argumentLists);">
                                                    <i class="glyphicon glyphicon-plus"></i>
                                                    <kbd>Argument List</kbd>
                                                </a>
                                            </div>
                                            <!-- End of Line -->

                                            <div ng-repeat="argumentList in infrastructureRequest.otherRequests[otherRequestsIndex].processes[processesIndex].argumentLists| filter:'' track by $index" ng-init="argumentListsIndex = $index">
                                                <div class="row">
                                                    <a class="btn btn-primary" ng-click="argumentListsIndex = removeMember(infrastructureRequest.otherRequests[otherRequestsIndex].processes[processesIndex].argumentLists, argumentListsIndex);">
                                                        <i class="glyphicon glyphicon-trash"></i>
                                                        <kbd>Argument {{argumentListsIndex + 1}} of {{infrastructureRequest.otherRequests[otherRequestsIndex].processes[processesIndex].argumentLists.length}}</kbd>
                                                    </a>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >UID:<br></span>
                                                        {{argumentListIndex + 1}}:
                                                        <input name="UID" type="text" ng-model="argumentList.UID" id="UID" class="form-control">
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Host Name:<br></span>
                                                        <input name="hostName" type="text" ng-model="argumentList.hostName" id="hostName" class="form-control">
                                                    </div>
                                                    <div class="col-lg-7 text-right">
                                                        <a class="btn btn-primary" ng-click="saveMember(argumentList, infrastructureRequest.otherRequests[otherRequestsIndex].processes[processesIndex].argumentLists, argumentListsIndex);">
                                                            <i class="glyphicon glyphicon-save"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                <!-- End of Line -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </fieldset>
    </form>
</section>
