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

    <!-- Bootstrap Grid System with Panels-->
    <!-- Request Document Components -->
    <div class ="panel panel-group panel-primary">
        <div class="row">
            <div class="panel-title" >
                <div class="col-lg-10">
                    Infrastructure Request Details
                </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>
            </div>
        </div>

        <div class="panel-heading">
            <div class="row">
                <div class="col-lg-3">
                    Request Source:
                </div>
                <div class="col-lg-3">
                    Request ID:
                </div>
                <div class="col-lg-6">
                    Request Notes:
                </div>
            </div>
        </div>

        <div class="panel-body">
            <div class="row">
                <div class="col-lg-3">
                    {{infrastructureRequest.requestSource}}
                </div>
                <div class="col-lg-3">
                    {{infrastructureRequest.requestID}}
                </div>
                <div class="col-lg-6">
                    {{infrastructureRequest.note}}
                </div>
            </div>
        </div>
    </div>

    <!-- All Hosting -->
    <div class ="panel panel-group panel-default">
        <div class="panel-title">
            <div class="col-lg-12">
                <kbd>Hosting Requests</kbd>
            </div>
        </div>

        <div ng-repeat="hosting in infrastructureRequest.hostings track by $index" ng-init="hostingsIndex = $index">

            <!-- Other Hostings -->
            <div class="panel-heading">
                <div class="row">
                    <div class="col-lg-12">
                        <kbd>Hosting Requests {{hostingsIndex + 1}} </kbd>
                    </div>
                </div>
            </div>

            <div class="panel-body">
                <div ng-repeat="newHosting in infrastructureRequest.hostings[hostingsIndex].newHostings track by $index" ng-init="newHostingsIndex = $index">
                    <div class="col-lg-12">
                        <kbd>New Host {{newHostingsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].newHostings.length}}</kbd>
                    </div>

                    <!-- Related Applications -->
                    <div class="col-lg-12">
                        <kbd>Related Applications</kbd>
                    </div>

                    <div class="col-lg-3">
                        #: MOTS ID
                    </div>
                    <div class="col-lg-3">
                        MOTS Acronym
                    </div>
                    <div class="col-lg-6">
                        MOTS Name
                    </div>

                    <div ng-repeat="relatedApplication in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].relatedApplications| filter:'' track by $index" ng-init="relatedApplicationsIndex = $index">
                        <div class="col-lg-3">
                            {{relatedApplicationsIndex + 1}}:
                            {{relatedApplication.MOTSID}}.
                        </div>
                        <div class="col-lg-3">
                            {{relatedApplication.MOTSAcronym}}.
                        </div>
                        <div class="col-lg-6">
                            {{relatedApplication.MOTSName}}.
                        </div>
                    </div>

                    <!-- Packages -->
                    <div class="col-lg-12">
                        <kbd>Packages</kbd>
                    </div>
                    <div class="col-lg-3">
                        #: Offering Name
                    </div>
                    <div class="col-lg-9">
                        Offering version
                    </div>

                    <div ng-repeat="package in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].packages| filter:'' track by $index" ng-init="packagesIndex = $index">
                        <div class="col-lg-3">
                            {{packagesIndex + 1}}:
                            {{package.offeringName}}.
                        </div>
                        <div class="col-lg-9">
                            {{package.offeringVersion}}.
                        </div>
                    </div>

                    <!-- Environments -->
                    <div class="col-lg-12">
                        <kbd>Environments</kbd>
                    </div>
                    <div class="col-lg-3">
                        #: Support Class
                    </div>
                    <div class="col-lg-3">
                        Name
                    </div>
                    <div class="col-lg-6">
                        Description
                    </div>

                    <div ng-repeat="environment in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments| filter:'' track by $index" ng-init="environmentsIndex = $index">
                        <div class="col-lg-3">
                            {{environmentsIndex + 1}}:
                            {{environment.supportClass}}.
                        </div>
                        <div class="col-lg-3">
                            {{environment.name}}.
                        </div>
                        <div class="col-lg-6">
                            {{environment.description}}.
                        </div>

                        <!-- Tenant / Quota -->
                        <div class="col-lg-12">
                            <kbd>Tenants / Quotas</kbd>
                        </div>
                        <div class="col-lg-3">
                            #: Name
                        </div>
                        <div class="col-lg-3">
                            Description
                        </div>
                        <div class="col-lg-2">
                            Flavor
                        </div>
                        <div class="col-lg-4">
                            Type
                        </div>

                        <div ng-repeat="tenantQuota in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].tenantQuotas| filter:'' track by $index" ng-init="tenantQuotasIndex = $index">
                            <div class="col-lg-3">
                                {{tenantQuotasIndex + 1}}:
                                {{tenantQuota.name}}.
                            </div>
                            <div class="col-lg-3">
                                {{tenantQuota.description}}.
                            </div>
                            <div class="col-lg-2">
                                {{tenantQuota.flavor}}.
                            </div>
                            <div class="col-lg-4">
                                {{tenantQuota.type}}.
                            </div>
                            
                            

                            <!-- Site -->
                            <div class="col-lg-12">
                                <kbd>Site</kbd>
                            </div>
                            <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="col-lg-3">
                                    #: Zone
                                </div>
                                <div class="col-lg-2">
                                    Cluster
                                </div>
                                <div class="col-lg-3">
                                    Description
                                </div>
                                <div class="col-lg-4">
                                    Type
                                </div>

                                <div class="col-lg-3">
                                    {{sitesIndex + 1}}:
                                    {{site.zone}}.
                                </div>
                                <div class="col-lg-2">
                                    {{site.cluster}}.
                                </div>
                                <div class="col-lg-3">
                                    {{site.description}}.
                                </div>
                                <div class="col-lg-4">
                                    {{site.type}}.
                                </div>

                                <div class="col-lg-3">
                                    Common Name
                                </div>
                                <div class="col-lg-3">
                                    Street1
                                </div>
                                <div class="col-lg-6">
                                    Street2
                                </div>

                                <div class="col-lg-3">
                                    {{site.address.commonName}}.
                                </div>
                                <div class="col-lg-3">
                                    {{site.address.street1}}.
                                </div>
                                <div class="col-lg-6">
                                    {{site.address.street2}}.
                                </div>

                                <div class="col-lg-3">
                                    City
                                </div>
                                <div class="col-lg-3">
                                    State
                                </div>
                                <div class="col-lg-2">
                                    Postal Code
                                </div>
                                <div class="col-lg-4">
                                    Country
                                </div>
                                <div class="col-lg-3">
                                    {{site.address.city}}.
                                </div>
                                <div class="col-lg-3">
                                    {{site.address.state}}.
                                </div>
                                <div class="col-lg-2">
                                    {{site.address.postalCode}}.
                                </div>
                                <div class="col-lg-4">
                                    {{site.address.country}}.
                                </div>

                                <div class="col-lg-3">
                                    Floor
                                </div>
                                <div class="col-lg-3">
                                    Section
                                </div>
                                <div class="col-lg-6">
                                    CLLI
                                </div>
                                <div class="col-lg-3">
                                    {{site.address.floor}}.
                                </div>
                                <div class="col-lg-3">
                                    {{site.address.section}}.
                                </div>
                                <div class="col-lg-6">
                                    {{site.address.clli}}.
                                </div>

                                <!-- Dependencies -->
                                <div class="col-lg-12">
                                    <kbd>Dependencies</kbd>
                                </div>
                                <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="col-lg-3">
                                        #: Reason
                                    </div>
                                    <div class="col-lg-3">
                                        Type
                                    </div>
                                    <div class="col-lg-6">
                                        Note
                                    </div>
                                    <div class="col-lg-3">
                                        {{dependenciesIndex + 1}}:
                                        {{dependency.reason}}.
                                    </div>
                                    <div class="col-lg-3">
                                        {{dependency.type}}.
                                    </div>
                                    <div class="col-lg-6">
                                        {{dependency.note}}.
                                    </div>
                                </div>
                            </div>

                            <!-- Compute -->
                            <div class="col-lg-12">
                                <kbd>Compute</kbd>
                            </div>
                            <div class="col-lg-3">
                                #: vCPU
                            </div>
                            <div class="col-lg-1">
                                CPU
                            </div>
                            <div class="col-lg-1">
                                RAM
                            </div>
                            <div class="col-lg-2">
                                Certified OS
                            </div>
                            <div class="col-lg-5">
                                OS Version
                            </div>

                            <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="col-lg-3">
                                    {{computesIndex + 1}}:
                                    {{compute.vCPU}}.
                                </div>
                                <div class="col-lg-1">
                                    {{compute.CPU}}.
                                </div>
                                <div class="col-lg-1">
                                    {{compute.RAM}}.
                                </div>
                                <div class="col-lg-2">
                                    {{compute.certOS}}.
                                </div>
                                <div class="col-lg-5">
                                    {{compute.certOSVer}}.
                                </div>
                            </div>

                            <!-- Storage -->
                            <div class="col-lg-12">
                                <kbd>Storage</kbd>
                            </div>
                            <div class="col-lg-3">
                                #: Type
                            </div>
                            <div class="col-lg-2">
                                Megabytes
                            </div>
                            <div class="col-lg-7">
                                File System Path
                            </div>

                            <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="col-lg-3">
                                    {{storagesIndex + 1}}:
                                    {{storage.type}}.
                                </div>
                                <div class="col-lg-2">
                                    {{storage.mgAmount}}.
                                </div>
                                <div class="col-lg-7">
                                    {{compute.fileSystemPath}}.
                                </div>
                            </div>
                        </div>

                        <!-- Workload -->
                        <div class="col-lg-12">
                            <kbd>Workloads</kbd>
                        </div>

                        <div class="col-lg-2">
                            #: Count
                        </div>
                        <div class="col-lg-2">
                            Description
                        </div>
                        <div class="col-lg-2">
                            BML Req
                        </div>
                        <div class="col-lg-2">
                            Hypervisor
                        </div>
                        <div class="col-lg-4">
                            KIOPS
                        </div>

                        <div ng-repeat="workload in infrastructureRequest.hostings[hostingsIndex].newHostings[newHostingsIndex].environments[environmentsIndex].workloads| filter:'' track by $index" ng-init="workloadsIndex = $index">
                            <div class="col-lg-2">
                                {{workloadsIndex + 1}}:
                                {{workload.instanceCount}}.
                            </div>
                            <div class="col-lg-2">
                                {{workload.description}}.
                            </div>
                            <div class="col-lg-2">
                                {{workload.BMLRequired}}.
                            </div>
                            <div class="col-lg-2">
                                {{workload.hypervisor}}.
                            </div>
                            <div class="col-lg-4">
                                {{workload.IOPSMaxRequired}}.
                            </div>
                           
                            <!-- Payloads -->
                            <div class="col-lg-12">
                                <kbd>Payloads</kbd>
                            </div>
                            <div class="col-lg-3">
                                #:Container SW
                            </div>
                            <div class="col-lg-2">
                                Container SW Ver
                            </div>
                            <div class="col-lg-2">
                                NLSCharSet
                            </div>
                            <div class="col-lg-2">
                                NLS NChar Set
                            </div>
                            <div class="col-lg-2">
                                Note
                            </div>

                            <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="col-lg-3">
                                    {{payloadsIndex + 1}}:
                                    {{payload.containerSW}}.
                                </div>
                                <div class="col-lg-2">
                                    {{payload.containerSWVer}}.
                                </div>
                                <div class="col-lg-2">
                                    {{payload.NLSCharSet}}.
                                </div>
                                <div class="col-lg-2">
                                    {{payload.NLSNCharCharSet}}.
                                </div>
                                <div class="col-lg-3">
                                    {{payload.note}}.
                                </div>
                            </div>
                            
                            <!-- Mgt Models -->
                            <div class="col-lg-12">
                                <kbd>Management Models</kbd>
                            </div>
                            <div class="col-lg-4">
                                #: Type
                            </div>
                            <div class="col-lg-8">
                                Note
                            </div>

                            <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="col-lg-4">
                                    {{mgtModelsIndex + 1}}:
                                    {{mgtModel.type}}.
                                </div>
                                <div class="col-lg-8">
                                    {{mgtModel.note}}.
                                </div>
                            </div>

                            <!-- Network Gateways -->
                            <div class="col-lg-12">
                                <kbd>Network Gateways</kbd>
                            </div>
                            <div class="col-lg-3">
                                #: Type
                            </div>
                            <div class="col-lg-2">
                                Name
                            </div>
                            <div class="col-lg-3">
                                Description
                            </div>
                            <div class="col-lg-4">
                                Note
                            </div>

                            <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="col-lg-3">
                                    {{networkGatewaysIndex + 1}}:
                                    {{networkGateway.type}}.
                                </div>
                                <div class="col-lg-2">
                                    {{networkGateway.name}}.
                                </div>
                                <div class="col-lg-3">
                                    {{networkGateway.description}}.
                                </div>
                                <div class="col-lg-4">
                                    {{networkGateway.note}}.
                                </div>
                            </div>

                            <!-- Security -->
                            <div class="col-lg-12">
                                <kbd>Security</kbd>
                            </div>


                            <div class="col-lg-4">
                                #: Handles
                            </div>
                            <div class="col-lg-3">
                                Stores
                            </div>
                            <div class="col-lg-5">
                                Other
                            </div>

                            <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="col-lg-4">
                                    {{securitysIndex + 1}}:
                                    {{security.handles}}.
                                </div>
                                <div class="col-lg-3">
                                    {{security.stores}}.
                                </div>
                                <div class="col-lg-5">
                                    {{security.other}}.
                                </div>
                            </div>

                            <!-- Site -->
                            <div class="col-lg-12">
                                <kbd>Site</kbd>
                            </div>
                            <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="col-lg-3">
                                    #: Zone
                                </div>
                                <div class="col-lg-2">
                                    Cluster
                                </div>
                                <div class="col-lg-3">
                                    Description
                                </div>
                                <div class="col-lg-4">
                                    Type
                                </div>

                                <div class="col-lg-3">
                                    {{sitesIndex + 1}}:
                                    {{site.zone}}.
                                </div>
                                <div class="col-lg-2">
                                    {{site.cluster}}.
                                </div>
                                <div class="col-lg-3">
                                    {{site.description}}.
                                </div>
                                <div class="col-lg-4">
                                    {{site.type}}.
                                </div>

                                <div class="col-lg-3">
                                    Common Name
                                </div>
                                <div class="col-lg-3">
                                    Street1
                                </div>
                                <div class="col-lg-6">
                                    Street2
                                </div>

                                <div class="col-lg-3">
                                    {{site.address.commonName}}.
                                </div>
                                <div class="col-lg-3">
                                    {{site.address.street1}}.
                                </div>
                                <div class="col-lg-6">
                                    {{site.address.street2}}.
                                </div>

                                <div class="col-lg-3">
                                    City
                                </div>
                                <div class="col-lg-3">
                                    State
                                </div>
                                <div class="col-lg-2">
                                    Postal Code
                                </div>
                                <div class="col-lg-4">
                                    Country
                                </div>
                                <div class="col-lg-3">
                                    {{site.address.city}}.
                                </div>
                                <div class="col-lg-3">
                                    {{site.address.state}}.
                                </div>
                                <div class="col-lg-2">
                                    {{site.address.postalCode}}.
                                </div>
                                <div class="col-lg-4">
                                    {{site.address.country}}.
                                </div>

                                <div class="col-lg-3">
                                    Floor
                                </div>
                                <div class="col-lg-3">
                                    Section
                                </div>
                                <div class="col-lg-6">
                                    CLLI
                                </div>
                                <div class="col-lg-3">
                                    {{site.address.floor}}.
                                </div>
                                <div class="col-lg-3">
                                    {{site.address.section}}.
                                </div>
                                <div class="col-lg-6">
                                    {{site.address.clli}}.
                                </div>

                                <!-- Dependencies -->
                                <div class="col-lg-12">
                                    <kbd>Dependencies</kbd>
                                </div>
                                <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="col-lg-3">
                                        #: Reason
                                    </div>
                                    <div class="col-lg-3">
                                        Type
                                    </div>
                                    <div class="col-lg-6">
                                        Note
                                    </div>
                                    <div class="col-lg-3">
                                        {{dependenciesIndex + 1}}:
                                        {{dependency.reason}}.
                                    </div>
                                    <div class="col-lg-3">
                                        {{dependency.type}}.
                                    </div>
                                    <div class="col-lg-6">
                                        {{dependency.note}}.
                                    </div>
                                </div>
                            </div>

                            <!-- Compute -->
                            <div class="col-lg-12">
                                <kbd>Compute</kbd>
                            </div>

                            <div class="col-lg-3">
                                #: vCPU
                            </div>
                            <div class="col-lg-1">
                                CPU
                            </div>
                            <div class="col-lg-1">
                                RAM
                            </div>
                            <div class="col-lg-2">
                                Certified OS
                            </div>
                            <div class="col-lg-5">
                                OS Version
                            </div>

                            <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="col-lg-3">
                                    {{computesIndex + 1}}:
                                    {{compute.vCPU}}.
                                </div>
                                <div class="col-lg-1">
                                    {{compute.CPU}}.
                                </div>
                                <div class="col-lg-1">
                                    {{compute.RAM}}.
                                </div>
                                <div class="col-lg-2">
                                    {{compute.certOS}}.
                                </div>
                                <div class="col-lg-4">
                                    {{compute.certOSVer}}.
                                </div>
                            </div>

                            <!-- Storage -->
                            <div class="col-lg-12">
                                <kbd>Storage</kbd>
                            </div>
                            <div class="col-lg-3">
                                #: Type
                            </div>
                            <div class="col-lg-2">
                                Megabytes
                            </div>
                            <div class="col-lg-7">
                                File System Path
                            </div>

                            <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="col-lg-3">
                                    {{storagesIndex + 1}}:
                                    {{storage.type}}.
                                </div>
                                <div class="col-lg-2">
                                    {{storage.mgAmount}}.
                                </div>
                                <div class="col-lg-7">
                                    {{compute.fileSystemPath}}.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Modify Hostings -->
            <div class="panel-heading">
                <div class="col-lg-12">
                    <kbd>Modify Hosting Requests</kbd>
                </div>
            </div>

            <div class="panel-body">
                <div ng-repeat="modifyHosting in infrastructureRequest.hostings[hostingsIndex].modifyHostings track by $index" ng-init="modifyHostingsIndex = $index">
                    <div class="col-lg-12">
                        <kbd>Modify Host {{modifyHostingsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].modifyHostings.length}}</kbd>
                    </div>

                    <div class="col-lg-12">
                        {{modifyHosting.targetName}}.
                    </div>
                    <!-- Compute -->
                    <div class="col-lg-12">
                        <kbd>Compute</kbd>
                    </div>

                    <div class="row">
                        <div class="col-lg-3">
                            #: vCPU
                        </div>
                        <div class="col-lg-1">
                            CPU
                        </div>
                        <div class="col-lg-1">
                            RAM
                        </div>
                        <div class="col-lg-2">
                            Certified OS
                        </div>
                        <div class="col-lg-5">
                            OS Version
                        </div>
                    </div>

                    <div ng-repeat="compute in infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].computes| filter:'' track by $index" ng-init="computesIndex = $index">
                        <div class="col-lg-3">
                            {{computesIndex + 1}}:
                            {{compute.vCPU}}.
                        </div>
                        <div class="col-lg-1">
                            {{compute.CPU}}.
                        </div>
                        <div class="col-lg-1">
                            {{compute.RAM}}.
                        </div>
                        <div class="col-lg-2">
                            {{compute.certOS}}.
                        </div>
                        <div class="col-lg-4">
                            {{compute.certOSVer}}.
                        </div>
                    </div>

                    <!-- Storage -->
                    <div class="col-lg-12">
                        <kbd>Storage</kbd>
                    </div>
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-lg-3">
                                #: Type
                            </div>
                            <div class="col-lg-2">
                                Megabytes
                            </div>
                            <div class="col-lg-7">
                                File System Path
                            </div>
                        </div>
                    </div>
                    <div ng-repeat="storage in infrastructureRequest.hostings[hostingsIndex].modifyHostings[modifyHostingsIndex].storages| filter:'' track by $index" ng-init="storagesIndex = $index">
                        <div class="col-lg-3">
                            {{storagesIndex + 1}}:
                            {{storage.type}}.
                        </div>
                        <div class="col-lg-2">
                            {{storage.mgAmount}}.
                        </div>
                        <div class="col-lg-7">
                            {{compute.fileSystemPath}}.
                        </div>
                    </div>
                </div>
            </div>

            <!-- Decomm Hosting -->
            <div class="panel-heading">
                <div class="col-lg-12">
                    <kbd>Decomm Hosting Requests</kbd>
                </div>
            </div>

            <div class="panel-body">
                <div ng-repeat="decommHosting in infrastructureRequest.hostings[hostingsIndex].decommHostings track by $index" ng-init="decommyHostingsIndex = $index">

                    <div class="col-lg-12">
                        <kbd>Decomm Host {{decommHostingsIndex + 1}} of {{infrastructureRequest.hostings[hostingsIndex].decommHostings.length}}</kbd>
                    </div>

                    <div class="row">
                        <div class="col-lg-2">
                            {{decommHosting.targetName}}.
                        </div>
                        <div class="col-lg-10">
                            {{decommHosting.note}}.
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- All Other Requests -->
        <div class ="panel panel-group panel-default">
            <div class ="row">
                <div class="panel-title">
                    <div class="col-lg-12">
                        <kbd>Other Requests</kbd>
                    </div>
                </div>
            </div>

            <div ng-repeat="otherRequest in infrastructureRequest.otherRequests track by $index" ng-init="otherRequestsIndex = $index">
                
                <!-- Equipment Requests -->
                <div class="panel-heading">
                    <div class="col-lg-12">
                        <kbd>Equipment Requests</kbd>
                    </div>
                </div>

                <div class="panel-body">
                    <div ng-repeat="equipment in infrastructureRequest.otherRequests[otherRequestsIndex].equipments| filter:'' track by $index" ng-init="equipmentsIndex = $index">
                        <div class="col-lg-3">
                            {{equipmentsIndex + 1}}:
                            {{equipment.instanceCount}}.
                        </div>
                        <div class="col-lg-2">
                            {{equipment.name}}.
                        </div>
                        <div class="col-lg-2">
                            {{equipment.ALMID}}.
                        </div>
                        <div class="col-lg-5">
                            {{equipment.note}}.
                        </div>
                    </div>
                </div>

                <!-- Feature Requests -->
                <div class="panel-heading">
                    <div class="col-lg-12">
                        <kbd>Feature Requests</kbd>
                    </div>
                </div>

                <div class="panel-body">
                    <div ng-repeat="feature in infrastructureRequest.otherRequests[otherRequestsIndex].features| filter:'' track by $index" ng-init="featuresIndex = $index">
                        <div class="col-lg-3">
                            {{featuresIndex + 1}}:
                            {{feature.name}}.
                        </div>
                        <div class="col-lg-2">
                            {{feature.action}}.
                        </div>
                        <div class="col-lg-2">
                            {{feature.description}}.
                        </div>
                        <div class="col-lg-5">
                            {{feature.note}}.
                        </div>
                    </div>
                </div>

                <!-- Process Requests -->
                <div class="panel-heading">
                    <div class="col-lg-12" >
                        <kbd>Process Requests</kbd>
                    </div>
                </div>

                <div class="panel-body">
                    <div ng-repeat="process in infrastructureRequest.otherRequests[otherRequestsIndex].processes| filter:'' track by $index" ng-init="processesIndex = $index">
                        <div class="col-lg-3">
                            {{processesIndex + 1}}:
                            {{process.name}}.
                        </div>
                        <div class="col-lg-2">
                            {{process.handler}}.
                        </div>
                        <div class="col-lg-2">
                            {{process.ALMTask}}.
                        </div>
                        <div class="col-lg-5">
                            {{process.note}}.
                        </div>

                        <!-- Argument List -->
                        <div class="col-lg-10">
                            <kbd>Argument List - {{infrastructureRequest.otherRequests[otherRequestsIndex].processes[processesIndex].argumentLists.length}}</kbd>
                        </div>

                        <div ng-repeat="argumentList in infrastructureRequest.otherRequests[otherRequestsIndex].processes[processesIndex].argumentLists| filter:'' track by $index" ng-init="argumentListsIndex = $index">
                            <div class="col-lg-1">. </div>
                            <div class="col-lg-3">
                                {{argumentListIndex + 1}}:
                                {{argumentList.UID}}.
                            </div>
                            <div class="col-lg-8">
                                {{argumentList.hostName}}.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
