<section ng-controller="FeatureMappersController" ng-init="findOne()">
    <div class="page-header">
        <h2>View Feature Mapper Item</h2>
    </div>

    <!-- Bootstrap Grid System with Panels-->
    <div class ="container-fluid">
        <div class="row">
            <div class="col-lg-10">
                <kbd>Features & Capabilities</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="featureMappers.edit({featureMapperId: featureMapper._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(featureMapper)">
                    <i class="glyphicon glyphicon-duplicate"></i>
                </a>
            </div>
        </div>
        <!-- End of Line -->

        <div class="row">
            <div class="col-lg-3">
                <span class="label label-info" >Cluster:<br></span>
                {{featureMapper.cluster}}&nbsp;
            </div>
            <div class="col-lg-3">
                <span class="label label-info" >Zone:<br></span>
                {{featureMapper.zone}}&nbsp;
            </div>
            <div class="col-lg-2">
                <span class="label label-info" >CLLI:<br></span>
                {{featureMapper.clli}}&nbsp;
            </div>
            <div class="col-lg-2">
                <span class="label label-info" >Date Start:<br></span>
                {{featureMapper.date_start}}&nbsp;
            </div>
            <div class="col-lg-2">
                <span class="label label-info" >Date End:<br></span>
                {{featureMapper.date_end}}&nbsp;
            </div>
        </div>
        <!-- End of Line -->

        <div class="row">
            <div class="col-lg-6">
                <span class="label label-info" >Site Description:<br></span>
                {{featureMapper.site_description}}&nbsp;
            </div>
            <div class="col-lg-6">
                <span class="label label-info" >Site Type:<br></span>
                {{featureMapper.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>
                {{featureMapper.address.common_name}}&nbsp;
            </div>
            <div class="col-lg-3">
                <span class="label label-info" >Street1:<br></span>
                {{featureMapper.address.street1}}&nbsp;
            </div>
            <div class="col-lg-3">
                <span class="label label-info" >Street2:<br></span>
                {{featureMapper.address.street2}}&nbsp;
            </div>
        </div>
        <!-- End of Line -->

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

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


        <div class="row">
            <div class="col-lg-2">
                <span class="label label-info" >AIC Version:<br></span>
                {{featureMapper.aic_version}}&nbsp;
            </div>
            <div class="col-lg-2">
                <span class="label label-info" >Contrail Version:<br></span>
                {{featureMapper.contrail_version}}&nbsp;
            </div>
            <div class="col-lg-2">
                <span class="label label-info" >Placement Exception:<br></span>
                {{featureMapper.placement_exception}}&nbsp;
            </div>
            <div class="col-lg-2">
                <span class="label label-info" >Placement Waiver:<br></span>
                {{featureMapper.placement_waiver}}&nbsp;
            </div>
            <div class="col-lg-2">
                <span class="label label-info" >myLogins Access:<br></span>
                {{featureMapper.myLogins_access}}&nbsp;
            </div>
            <div class="col-lg-2">
                <span class="label label-info" >ush Access:<br></span>
                {{featureMapper.ush_access}}&nbsp;
            </div>
        </div>
        <!-- End of Line -->
    </div>

    <div class ="container-fluid">
        <div class="row">
            <div class="col-lg-4">
                <span class="label label-info" >Compute Features:<br></span>
                <a ng-repeat="compute_feature in featureMapper.compute_features| filter:''"
                   ui-sref="featureMappers.view({featureMapperId: featureMapper._id})"
                   class="list-group-item">
                    {{compute_feature}}&nbsp;
                </a>
            </div>

            <div class="col-lg-4">
                <span class="label label-info" >Networks:<br></span>
                <a ng-repeat="network in featureMapper.networks| filter:''"
                   ui-sref="featureMappers.view({featureMapperId: featureMapper._id})"
                   class="list-group-item">
                    {{network}}&nbsp;
                </a>
            </div>

            <div class="col-lg-4">
                <span class="label label-info" >Workloads:<br></span>
                <a ng-repeat="workload in featureMapper.workloads| filter:''"
                   ui-sref="featureMappers.view({featureMapperId: featureMapper._id})"
                   class="list-group-item">
                    {{workload}}&nbsp;
                </a>
            </div>
        </div>
        <!-- End of Line -->

        <div class="row">
            <div class="col-lg-4">
                <span class="label label-info" >Tools:<br></span>
                <a ng-repeat="tool in featureMapper.tools| filter:''"
                   ui-sref="featureMappers.view({featureMapperId: featureMapper._id})"
                   class="list-group-item">
                    {{tool}}&nbsp;
                </a>
            </div>
            <div class="col-lg-4">
                <span class="label label-info" >Storage:<br></span>
                <a ng-repeat="storage in featureMapper.storages| filter:''"
                   ui-sref="featureMappers.view({featureMapperId: featureMapper._id})"
                   class="list-group-item">
                    {{storage}}&nbsp;
                </a>
            </div>
            <div class="col-lg-4">
                <span class="label label-info" >Support Models:<br></span>
                <a ng-repeat="support_model in featureMapper.support_models| filter:''"
                   ui-sref="featureMappers.view({featureMapperId: featureMapper._id})"
                   class="list-group-item">
                    {{support_model}}&nbsp;
                </a>
            </div>
        </div>
        <!-- End of Line -->

        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-footer">
                    Source of record - Feature Mapper MongDB data store
                </div>
            </div>
        </div>        
        <!-- End of Line -->
    </div>

</section>
