<div class='ProjectSpace bootstrap-wrapper'>
    <div class="modal-header">
        <button type="button" class="close closebtn" data-ng-click="cancel()" aria-hidden="true">&times;</button>
        <h1 class="modal-title">{{'Title' | translate}}</h1>
    </div>    
    <div class="modal-body" ng-show="sceneMode === 0">                
        <div class="container-fluid">            
            <div class="row">
                <div class="form-group">
                    <label class="control-label">{{ "Title" | translate }}</label>
                    <input class="form-control" type="text" ng-model="site.name" disabled="disabled" />
                </div>
                <div class="form-group">
                    <label class="control-label">{{ "Type" | translate }}</label>
                    <input class="form-control" type="text" ng-model="site.siteType.name" disabled="disabled" />
                </div>
            </div>
            <div class="row">
                <hr />
                <h4>{{'Log' | translate}}</h4>
                <table class="table">
                    <thead>
                        <tr>
                            <th>{{ "Created" | translate }}</th>
                            <th>{{ "Status" | translate }}</th>
                            <th>{{ "Created by" | translate }}</th>
                            <th>{{ "Comment" | translate }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="historyItem in site.history">
                            <td>{{historyItem.created | wizdom365FormatDate | date:'medium'}}</td>
                            <td>{{historyItem.statusSetTo}}</td>
                            <td>{{historyItem.createdBy}}</td>
                            <td>{{historyItem.comment}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button ng-disabled="sceneMode == 0" ng-click="changeScene(-1);" class="btn btn-default wiz-btn-padding">{{"Back" | translate}}</button>
        <button ng-disabled="sceneMode == (sceneCount-1)" ng-click="changeScene(1);" class="btn btn-primary wiz-btn-padding">{{"Next" | translate}}</button>
        <button ng-disabled="working" ng-click="cancel()" class="btn btn-default wiz-btn-padding">{{"Cancel" | translate}}</button>
        <button ng-disabled="working" ng-click="reject(site)" class="btn btn-default wiz-btn-padding">{{'Reject' | translate}}</button>
        <button ng-disabled="working" ng-click="approve(site)" class="btn btn-primary wiz-btn-padding">{{"Approve" | translate}}</button>
    </div>
</div>