<section ng-controller="AttestmentsController" ng-init="findOne()">
    <div class="page-header">
        <h2>View Single Attestment</h2>
    </div>

    <!-- Bootstrap Grid System with Panels-->
    <div class ="container">
        <div class="row">
            <div class="col-lg-10">
                Attestment 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="attestments.edit({attestmentId: attestment._id})">
                    <i class="glyphicon glyphicon-edit"></i>
                </a>
                <a class="btn btn-primary" ng-click="remove();">
                    <i class="glyphicon glyphicon-trash"></i>
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-2">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Consumer ID<br></span>
                    {{attestment.consumer_ID}}
                </div>
            </div>
            <div class="col-lg-2">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Description<br></span>
                    {{attestment.consumer_description}}
                </div>
            </div>
            <div class="col-lg-2">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Page ID<br></span>
                    {{attestment.page_ID}}
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Page Description<br></span>
                    {{attestment.page_description}}
                </div>
            </div>
        </div>

        <a ng-repeat="myStatement in attestment.statements"
           ui-sref="attestments.view({attestmentId: attestment._id})" >
            <div ng-class-odd="'alt'">
                <div class="row">
                    <div class="col-lg-2">
                        <div class="form-group form-group-lg">
                            <span class="label label-info" >Statement ID<br></span>
                            {{myStatement.statement_ID}}
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group form-group-lg">
                            <span class="label label-info" >Statement Text<br></span>
                            {{myStatement.statement_text}}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-2">
                        <div class="form-group form-group-lg">
                            <span class="label label-info" >Response Type<br></span>
                            {{myStatement.response_type}}
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="form-group form-group-lg">
                            <span class="label label-info" >Date Start<br></span>
                            {{myStatement.date_start_string}}
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="form-group form-group-lg">
                            <span class="label label-info" >Date End<br></span>
                            {{myStatement.date_end_string}}
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
</section>
