<section ng-controller="InfrastructureRequestsController" ng-init="findOne()">
    <div class="page-header">
        <h2>View Infrastructure Request</h2>
    </div>

    <!-- Bootstrap Grid System -->
    <div class ="container">
        <div class ="panel panel-group panel-primary">
            <div class="panel-title" >
                <div class="row">
                    <div class="col-lg-10">
                        <kbd>Infrastructure Request Details</kbd>
                    </div>
                    <div class="col-lg-2" ng-show="(authentication.user.roles.indexOf('user') > -1) || (authentication.user.roles.indexOf('admin') > -1)">
                        <a class="btn btn-primary" ui-sref="infrastructureRequests.edit({infrastructureRequestId: infrastructureRequest._id})">
                            <i class="glyphicon glyphicon-edit"></i>
                        </a>
                        <a class="btn btn-primary" ng-click="remove();">
                            <i class="glyphicon glyphicon-trash"></i>
                        </a>
                        <a class="btn btn-primary" ng-click="replicate(infrastructureRequest)">
                            <i class="glyphicon glyphicon-duplicate"></i>
                        </a>
                    </div>
                    <!-- End of Line -->

                    <div class="col-lg-3">
                        <span class="label label-info" >Request Source:<br></span>
                        {{infrastructureRequest.requestSource}}&nbsp;
                    </div>
                    <div class="col-lg-3">
                        <span class="label label-info" >Request Source:<br></span>
                        {{infrastructureRequest.requestID}}&nbsp;
                    </div>
                    <div class="col-lg-6">
                        <span class="label label-info" >Request Notes:<br></span>
                        {{infrastructureRequest.note}}&nbsp;
                    </div>
                </div>
                <!-- End of Line -->
            </div>
        </div>

        <div class ="panel panel-group panel-primary">
            <div class ="panel panel-group">
                <div class="panel-body">
                    <!-- Hosting Requests -->
                    <div ng-repeat="hosting in infrastructureRequest.hostings track by $index" ng-init="hostingsIndex = $index">
                        <div class="row">
                            <strong>-> Hosting Requests {{hostingsIndex + 1}} </strong>
                        </div>
                        <div class ="panel panel-group panel-info">
                            <div class="panel-body">
                                <div ng-repeat="newHosting in infrastructureRequest.hostings[hostingsIndex].newHostings track by $index" ng-init="newHostingsIndex = $index">
                                    <div class="row">
                                        <strong>--> New Host {{newHostingsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings.length}}</strong>
                                    </div>
                                    <!-- End of Line -->

                                    <!-- Related Applications -->
                                    <div ng-repeat="relatedApplication in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].relatedApplications| filter:'' track by $index" ng-init="relatedApplicationsIndex = $index">
                                        <div class="row">
                                            <kbd>---> Related Application {{relatedApplicationsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].relatedApplications.length}}</kbd>
                                        </div>
                                        <!-- End of Line -->

                                        <div class="row">
                                            <div class="col-lg-3">
                                                <span class="label label-info" >#: MOTS ID:<br></span>
                                                {{relatedApplicationsIndex + 1}}:
                                                {{relatedApplication.MOTSID}}&nbsp;
                                            </div>
                                            <div class="col-lg-3">
                                                <span class="label label-info" >MOTS Acronym:<br></span>
                                                {{relatedApplication.MOTSAcronym}}&nbsp;
                                            </div>
                                            <div class="col-lg-6">
                                                <span class="label label-info" >MOST Name:<br></span>
                                                {{relatedApplication.MOTSName}}&nbsp;
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End of Line -->

                                    <!-- Packages -->
                                    <div ng-repeat="package in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].packages| filter:'' track by $index" ng-init="packagesIndex = $index">
                                        <div class="row">
                                            <kbd>---> Package {{packagesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].packages.length}}</kbd>
                                        </div>
                                        <!-- End of Line -->

                                        <div class="row">
                                            <div class="col-lg-3">
                                                <span class="label label-info" >#: Offering Name:<br></span>
                                                {{packagesIndex + 1}}:
                                                {{package.offeringName}}&nbsp;
                                            </div>
                                            <div class="col-lg-9">
                                                <span class="label label-info" >Offering version:<br></span>
                                                {{package.offeringVersion}}&nbsp;
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End of Line -->

                                    <!-- Environments -->
                                    <div ng-repeat="environment in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments| filter:'' track by $index" ng-init="environmentsIndex = $index">
                                        <div class="row">
                                            <kbd>---> Environment {{environmentsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments.length}}</kbd>
                                        </div>
                                        <!-- End of Line -->

                                        <div class="row">
                                            <div class="col-lg-3">
                                                <span class="label label-info" >#: Support Class:<br></span>
                                                {{environmentsIndex + 1}}:
                                                {{environment.supportClass}}&nbsp;
                                            </div>
                                            <div class="col-lg-3">
                                                <span class="label label-info" >Name:<br></span>
                                                {{environment.name}}&nbsp;
                                            </div>
                                            <div class="col-lg-6">
                                                <span class="label label-info" >Description:<br></span>
                                                {{environment.description}}&nbsp;
                                            </div>
                                        </div>
                                        <!-- End of Line -->

                                        <!-- Tenant / Quota -->
                                        <div ng-repeat="tenantQuota in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas| filter:'' track by $index" ng-init="tenantQuotasIndex = $index">
                                            <div class="row">
                                                <kbd>----> Tenant/Quota {{tenantQuotasIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas.length}}</kbd>
                                            </div>
                                            <!-- End of Line -->

                                            <div class="row">
                                                <div class="col-lg-3">
                                                    <span class="label label-info" >#: Name:<br></span>
                                                    {{tenantQuotasIndex + 1}}:
                                                    {{tenantQuota.name}}&nbsp;
                                                </div>
                                                <div class="col-lg-3">
                                                    <span class="label label-info" >Description:<br></span>
                                                    {{tenantQuota.description}}&nbsp;
                                                </div>
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >Flavor:<br></span>
                                                    {{tenantQuota.flavor}}&nbsp;
                                                </div>
                                                <div class="col-lg-4">
                                                    <span class="label label-info" >Type:<br></span>
                                                    {{tenantQuota.type}}&nbsp;
                                                </div>
                                            </div>
                                            <!-- End of Line -->

                                            <!-- Sites -->
                                            <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">
                                                    <kbd>-----> Site {{sitesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].sites.length}}</kbd>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >#: Zone:<br></span>
                                                        {{sitesIndex + 1}}:
                                                        {{site.zone}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Cluster:<br></span>
                                                        {{site.cluster}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Description:<br></span>
                                                        {{site.description}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <span class="label label-info" >Type:<br></span>
                                                        {{site.type}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Common Name:<br></span>
                                                        {{site.address.commonName}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Street1:<br></span>
                                                        {{site.address.street1}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <span class="label label-info" >Street2:<br></span>
                                                        {{site.address.street2}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >City:<br></span>
                                                        {{site.address.city}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >State:<br></span>
                                                        {{site.address.state}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Postal Code2:<br></span>
                                                        {{site.address.postalCode}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <span class="label label-info" >Country:<br></span>
                                                        {{site.address.country}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Floor:<br></span>
                                                        {{site.address.floor}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Section:<br></span>
                                                        {{site.address.section}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <span class="label label-info" >CLLI:<br></span>
                                                        {{site.address.clli}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->

                                                <!-- Dependencies -->
                                                <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">
                                                        <kbd>------> Dependency {{dependenciesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].sites[sitesIndex].dependencies.length}}</kbd>
                                                    </div>
                                                    <!-- End of Line -->

                                                    <div class="row">
                                                        <div class="col-lg-3">
                                                            <span class="label label-info" >#: Reason:<br></span>
                                                            {{dependenciesIndex + 1}}:
                                                            {{dependency.reason}}&nbsp;
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <span class="label label-info" >Type:<br></span>
                                                            {{dependency.type}}&nbsp;
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <span class="label label-info" >Note:<br></span>
                                                            {{dependency.note}}&nbsp;
                                                        </div>
                                                    </div>
                                                    <!-- End of Line -->
                                                </div>
                                            </div>

                                            <!-- Compute -->
                                            <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">
                                                    <kbd>-----> Compute {{computesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].computes.length}}</kbd>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >vCPU:<br></span>
                                                        {{computesIndex + 1}}:
                                                        {{compute.vCPU}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-1">
                                                        <span class="label label-info" >CPU:<br></span>
                                                        {{compute.CPU}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-1">
                                                        <span class="label label-info" >RAM:<br></span>
                                                        {{compute.RAM}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Certified OS:<br></span>
                                                        {{compute.certOS}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-5">
                                                        <span class="label label-info" >OS Version:<br></span>
                                                        {{compute.certOSVer}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->
                                            </div>

                                            <!-- Storage -->
                                            <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">
                                                    <kbd>-----> Storage {{storagesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas[tenantQuotasIndex].storages.length}}</kbd>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >#: Type:<br></span>
                                                        {{storagesIndex + 1}}:
                                                        {{storage.type}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Megabytes:<br></span>
                                                        {{storage.mgAmount}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-7">
                                                        <span class="label label-info" >File System Path:<br></span>
                                                        {{compute.fileSystemPath}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->
                                            </div>
                                        </div>

                                        <!-- Workload -->
                                        <div ng-repeat="workload in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads| filter:'' track by $index" ng-init="workloadsIndex = $index">
                                            <div class="row">
                                                <kbd>----> Workload {{workloadsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads.length}}</kbd>
                                            </div>
                                            <!-- End of Line -->

                                            <div class="row">
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >#: Count:<br></span>
                                                    {{workloadsIndex + 1}}:
                                                    {{workload.instanceCount}}&nbsp;
                                                </div>
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >Description:<br></span>
                                                    {{workload.description}}&nbsp;
                                                </div>
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >BML Req:<br></span>
                                                    {{workload.BMLRequired}}&nbsp;
                                                </div>
                                                <div class="col-lg-2">
                                                    <span class="label label-info" >Hypervisor:<br></span>
                                                    {{workload.hypervisor}}&nbsp;
                                                </div>
                                                <div class="col-lg-4">
                                                    <span class="label label-info" >KIOPS:<br></span>
                                                    {{workload.IOPSMaxRequired}}&nbsp;
                                                </div>
                                            </div>
                                            <!-- End of Line -->

                                            <!-- Payloads -->
                                            <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">
                                                    <kbd>-----> Payload {{payloadsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].payloads.length}}</kbd>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >#:Container SW:<br></span>
                                                        {{payloadsIndex + 1}}:
                                                        {{payload.containerSW}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Container SW Ver:<br></span>
                                                        {{payload.containerSWVer}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >NLSCharSet:<br></span>
                                                        {{payload.NLSCharSet}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >NLS NChar Set:<br></span>
                                                        {{payload.NLSNCharCharSet}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Note:<br></span>
                                                        {{payload.note}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->
                                            </div>

                                            <!-- Mgt Models -->
                                            <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">
                                                    <kbd>-----> Management Model {{mgtModelsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].mgtModels.length}}</kbd>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-4">
                                                        <span class="label label-info" >#: Type:<br></span>
                                                        {{mgtModelsIndex + 1}}:
                                                        {{mgtModel.type}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-8">
                                                        <span class="label label-info" >Note:<br></span>
                                                        {{mgtModel.note}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->
                                            </div>

                                            <!-- Network Gateways -->
                                            <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">
                                                    <kbd>-----> Network Gateway {{networkGatewaysIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].networkGateways.length}}</kbd>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >#: Type:<br></span>
                                                        {{networkGatewaysIndex + 1}}:
                                                        {{networkGateway.type}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Name:<br></span>
                                                        {{networkGateway.name}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Description:<br></span>
                                                        {{networkGateway.description}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <span class="label label-info" >Note:<br></span>
                                                        {{networkGateway.note}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->
                                            </div>

                                            <!-- Security -->
                                            <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">
                                                    <kbd>-----> Security {{securitysIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].securitys.length}}</kbd>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-4">
                                                        <span class="label label-info" >#: Handles:<br></span>
                                                        {{securitysIndex + 1}}:
                                                        {{security.handles}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Stores:<br></span>
                                                        {{security.stores}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-5">
                                                        <span class="label label-info" >Other:<br></span>
                                                        {{security.other}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->
                                            </div>

                                            <!-- Site -->
                                            <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">
                                                    <kbd>-----> Site {{sitesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites.length}}</kbd>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >#: Zone:<br></span>
                                                        {{sitesIndex + 1}}:
                                                        {{site.zone}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Cluster:<br></span>
                                                        {{site.cluster}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Description:<br></span>
                                                        {{site.description}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <span class="label label-info" >Type:<br></span>
                                                        {{site.type}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Common Name:<br></span>
                                                        {{site.address.commonName}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Street1:<br></span>
                                                        {{site.address.street1}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <span class="label label-info" >Street2:<br></span>
                                                        {{site.address.street2}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >City:<br></span>
                                                        {{site.address.city}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >State:<br></span>
                                                        {{site.address.state}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Postal Code:<br></span>
                                                        {{site.address.postalCode}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <span class="label label-info" >Common Name:<br></span>
                                                        {{site.address.country}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Floor:<br></span>
                                                        {{site.address.floor}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >Section:<br></span>
                                                        {{site.address.section}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <span class="label label-info" >CLLI:<br></span>
                                                        {{site.address.clli}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->

                                                <!-- Dependencies -->
                                                <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">
                                                        <kbd>------> Dependency {{dependenciesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].sites[sitesIndex].dependencies.length}}</kbd>
                                                    </div>
                                                    <!-- End of Line -->

                                                    <div class="row">
                                                        <div class="col-lg-3">
                                                            <span class="label label-info" >#: Reason:<br></span>
                                                            {{dependenciesIndex + 1}}:
                                                            {{dependency.reason}}&nbsp;
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <span class="label label-info" >Type:<br></span>
                                                            {{dependency.type}}&nbsp;
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <span class="label label-info" >:<br></span>
                                                            {{dependency.note}}&nbsp;
                                                        </div>
                                                    </div>
                                                    <!-- End of Line -->
                                                </div>
                                            </div>

                                            <!-- Compute -->
                                            <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">
                                                    <kbd>-----> Compute {{computesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].computes.length}}</kbd>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >#: vCPU:<br></span>
                                                        {{computesIndex + 1}}:
                                                        {{compute.vCPU}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-1">
                                                        <span class="label label-info" >CPU:<br></span>
                                                        {{compute.CPU}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-1">
                                                        <span class="label label-info" >RAM:<br></span>
                                                        {{compute.RAM}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Certified OS:<br></span>
                                                        {{compute.certOS}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <span class="label label-info" >OS Version:<br></span>
                                                        {{compute.certOSVer}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->
                                            </div>

                                            <!-- Storage -->
                                            <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">
                                                    <kbd>-----> Storage {{storagesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads[workloadsIndex].storages.length}}</kbd>
                                                </div>
                                                <!-- End of Line -->

                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <span class="label label-info" >#: Type:<br></span>
                                                        {{storagesIndex + 1}}:
                                                        {{storage.type}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <span class="label label-info" >Megabytes:<br></span>
                                                        {{storage.mgAmount}}&nbsp;
                                                    </div>
                                                    <div class="col-lg-7">
                                                        <span class="label label-info" >File System Path:<br></span>
                                                        {{compute.fileSystemPath}}&nbsp;
                                                    </div>
                                                </div>
                                                <!-- End of Line -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class ="panel panel-group panel-info">
                            <div class="panel-body">
                                <!-- Modify Hostings -->
                                <div ng-repeat="modifyHosting in infrastructureRequest.hostings[hostingsIndex].modifyHostings track by $index" ng-init="modifyHostingsIndex = $index">
                                    <div class="row">
                                        <kbd>--> Modify Host {{modifyHostingsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].modifyHostings.length}}</kbd>
                                    </div>
                                    <!-- End of Line -->

                                    <div class="row">
                                        <span class="label label-info" >Target Host:<br></span>
                                        {{modifyHosting.targetName}}&nbsp;
                                    </div>
                                    <!-- End of Line -->

                                    <!-- Compute -->
                                    <div ng-repeat="compute in infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].computes| filter:'' track by $index" ng-init="computesIndex = $index">
                                        <div class="row">
                                            <kbd>---> Compute{{computesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].computes.length}}</kbd>
                                        </div>
                                        <!-- End of Line -->

                                        <div class="col-lg-3">
                                            <span class="label label-info" >#: vCPU:<br></span>
                                            {{computesIndex + 1}}:
                                            {{compute.vCPU}}&nbsp;
                                        </div>
                                        <div class="col-lg-1">
                                            <span class="label label-info" >CPU:<br></span>
                                            {{compute.CPU}}&nbsp;
                                        </div>
                                        <div class="col-lg-1">
                                            <span class="label label-info" >RAM:<br></span>
                                            {{compute.RAM}}&nbsp;
                                        </div>
                                        <div class="col-lg-2">
                                            <span class="label label-info" >Certified OS:<br></span>
                                            {{compute.certOS}}&nbsp;
                                        </div>
                                        <div class="col-lg-4">
                                            <span class="label label-info" >OS Version:<br></span>
                                            {{compute.certOSVer}}&nbsp;
                                        </div>
                                        <!-- End of Line -->
                                    </div>

                                    <!-- Storage -->
                                    <div ng-repeat="storage in infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].storages| filter:'' track by $index" ng-init="storagesIndex = $index">
                                        <div class="row">
                                            <kbd>---> Storage{{storagesIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].storages.length}}</kbd>
                                        </div>
                                        <!-- End of Line -->

                                        <div class="row">
                                            <div class="col-lg-3">
                                                <span class="label label-info" >#: Type:<br></span>
                                                {{storagesIndex + 1}}:
                                                {{storage.type}}&nbsp;
                                            </div>
                                            <div class="col-lg-2">
                                                <span class="label label-info" >Megabytes:<br></span>
                                                {{storage.mgAmount}}&nbsp;
                                            </div>
                                            <div class="col-lg-7">
                                                <span class="label label-info" >File System Path:<br></span>
                                                {{compute.fileSystemPath}}&nbsp;
                                            </div>
                                        </div>
                                        <!-- End of Line -->
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class ="panel panel-group panel-info">
                            <div class="panel-body">
                                <!-- Decomm Hosting -->
                                <div ng-repeat="decommHosting in infrastructureRequest.hostings[hostingsIndex].decommHostings track by $index" ng-init="decommyHostingsIndex = $index">
                                    <div class="row">
                                        <kbd>--> Decomm Hosting Requests {{decommyHostingsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].decommHostings.length}}</kbd>
                                    </div>
                                    <!-- End of Line -->

                                    <div class="row">
                                        <kbd>Decomm Host {{decommHostingsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].decommHostings.length}}</kbd>
                                    </div>
                                    <!-- End of Line -->

                                    <div class="row">
                                        <div class="col-lg-2">
                                            <span class="label label-info" >Target Name:<br></span>
                                            {{decommHosting.targetName}}&nbsp;
                                        </div>
                                        <div class="col-lg-10">
                                            <span class="label label-info" >Note:<br></span>
                                            {{decommHosting.note}}&nbsp;
                                        </div>
                                    </div>
                                    <!-- End of Line -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class ="panel panel-group panel-primary">
            <div class ="panel panel-group">
                <div class="panel-body">
                    <!-- All Other Requests -->

                    <div ng-repeat="otherRequest in infrastructureRequest.otherRequests track by $index" ng-init="otherRequestsIndex = $index">
                        <!-- Equipment Requests -->
                        <div class="row">
                            <strong>-> Other requests {{otherRequestsIndex + 1}} </strong>
                        </div>
                        <!-- End of Line -->

                        <div class="panel-body">
                            <div ng-repeat="equipment in infrastructureRequest.otherRequests[otherRequestsIndex].equipments| filter:'' track by $index" ng-init="equipmentsIndex = $index">
                                <div class="row">
                                    <strong>--> Equipment {{equipmentsIndex + 1}} of {{infrastructureRequest.otherRequests[otherRequestsIndex].equipments.length}}</strong>
                                </div>
                                <!-- End of Line -->

                                <div class="row">
                                    <div class="col-lg-3">
                                        <span class="label label-info" ># Instance Count:<br></span>
                                        {{equipmentsIndex + 1}}:
                                        {{equipment.instanceCount}}&nbsp;
                                    </div>
                                    <div class="col-lg-2">
                                        <span class="label label-info" >Name:<br></span>
                                        {{equipment.name}}&nbsp;
                                    </div>
                                    <div class="col-lg-2">
                                        <span class="label label-info" >ALM ID:<br></span>
                                        {{equipment.ALMID}}&nbsp;
                                    </div>
                                    <div class="col-lg-5">
                                        <span class="label label-info" >Note:<br></span>
                                        {{equipment.note}}&nbsp;
                                    </div>
                                </div>
                                <!-- End of Line -->
                            </div>

                            <!-- Feature Requests -->
                            <div ng-repeat="feature in infrastructureRequest.otherRequests[otherRequestsIndex].features| filter:'' track by $index" ng-init="featuresIndex = $index">
                                <div class="row">
                                    <strong>--> Feature {{featuresIndex + 1}} of {{infrastructureRequest.otherRequests[otherRequestsIndex].features.length}}</strong>
                                </div>
                                <!-- End of Line -->

                                <div class="row">
                                    <div class="col-lg-3">
                                        <span class="label label-info" ># Name:<br></span>
                                        {{featuresIndex + 1}}:
                                        {{feature.name}}&nbsp;
                                    </div>
                                    <div class="col-lg-2">
                                        <span class="label label-info" >Action:<br></span>
                                        {{feature.action}}&nbsp;
                                    </div>
                                    <div class="col-lg-2">
                                        <span class="label label-info" >Description:<br></span>
                                        {{feature.description}}&nbsp;
                                    </div>
                                    <div class="col-lg-5">
                                        <span class="label label-info" >Note:<br></span>
                                        {{feature.note}}&nbsp;
                                    </div>
                                </div>
                                <!-- End of Line -->
                            </div>

                            <!-- Process Requests -->
                            <div ng-repeat="process in infrastructureRequest.otherRequests[otherRequestsIndex].processes| filter:'' track by $index" ng-init="processesIndex = $index">
                                <div class="row">
                                    <strong>--> Process {{processesIndex + 1}} of {{infrastructureRequest.otherRequests[otherRequestsIndex].processes.length}}</strong>
                                </div>
                                <!-- End of Line -->

                                <div class="row">
                                    <div class="col-lg-3">
                                        <span class="label label-info" ># Name:<br></span>
                                        {{processesIndex + 1}}:
                                        {{process.name}}&nbsp;
                                    </div>
                                    <div class="col-lg-2">
                                        <span class="label label-info" >Handler:<br></span>
                                        {{process.handler}}&nbsp;
                                    </div>
                                    <div class="col-lg-2">
                                        <span class="label label-info" >ALM Task:<br></span>
                                        {{process.ALMTask}}&nbsp;
                                    </div>
                                    <div class="col-lg-5">
                                        <span class="label label-info" >Note:<br></span>
                                        {{process.note}}&nbsp;
                                    </div>
                                </div>
                                <!-- End of Line -->

                                <!-- Argument List -->
                                <div ng-repeat="argumentList in infrastructureRequest.otherRequests[otherRequestsIndex].processes[processesIndex].argumentLists| filter:'' track by $index" ng-init="argumentListsIndex = $index">
                                    <div class="row">
                                        <strong>--> Argument {{argumentListsIndex + 1}} of {{infrastructureRequest.otherRequests[otherRequestsIndex].processes[processesIndex].argumentLists.length}}</strong>
                                    </div>
                                    <!-- End of Line -->

                                    <div class="row">
                                        <div class="col-lg-1">. </div>
                                        <div class="col-lg-3">
                                            <span class="label label-info" >UID:<br></span>
                                            {{argumentListIndex + 1}}:
                                            {{argumentList.UID}}&nbsp;
                                        </div>
                                        <div class="col-lg-8">
                                            <span class="label label-info" >Host Name:<br></span>
                                            {{argumentList.hostName}}&nbsp;
                                        </div>
                                    </div>
                                    <!-- End of Line -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>
