<section ng-controller="AttestationsController" ng-init="findOne()">
    <div class="page-header">
        <h2>View Single Attestation</h2>
    </div>
    <!-- Bootstrap Grid System with Panels-->
    <div class ="container">
        <div class="row">
            <div class="col-lg-10">
                Attestation 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="attestations.edit({attestationId: attestation._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-3">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Originating Source</span>
                    {{attestation.originating_system_name}}
                </div>
            </div>
            <div class="col-lg-3">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Originating ID</span>
                    {{attestation.originating_system_id}}
                </div>
            </div>
            <div class="col-lg-3">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Display Name</span>
                    {{attestation.user.displayName}}
                </div>
            </div>
            <div class="col-lg-3">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Date</span>
                    {{attestation.attestation_date}}
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Statement</span>
                    {{attestation.statement}}
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Response</span>
                    {{attestation.response}}
                </div>
            </div>
        </div>


        <div class="row">
            <div class="col-lg-2">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Start Date</span>
                    {{attestation.date_start_string}}
                </div>
            </div>
            <div class="col-lg-2">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >End Date</span>
                    {{attestation.date_end_string}}
                </div>
            </div>
            <div class="col-lg-3">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Business Unit </span>
                    {{attestation.business_unit_id}}
                </div>
            </div>
            <div class="col-lg-3">
                <div class="form-group form-group-lg">
                    <span class="label label-info" >Department</span>
                    {{attestation.department}}
                </div>
            </div>
        </div>
    </div>
</section>
