<div class="gamification" ng-controller="Wizdom365GamificationAdminController">
    <div class="lt-module-page__top lt-module-page-top">
        <div class="lt-module-page-top__title mr-auto">
            <h1>{{'Images' | translate}}</h1>
        </div>
    </div>

    <div class="col-md-6 col-sm-12">
        <div class="panel lt-module-page__content-panel">
            <div class="panel-heading">
                {{'Achievements' | translate}}
            </div>
            <div class="panel-body">
                <span class="image-thumb imagePreview" ng-repeat="image in imageBadges">
                    <img ng-src="{{image.path}}" height="72" width="72" />
                    <a class="image-fav">
                        <img src="/Modules/Gamification/Images/delete.png" ng-click="deleteImage('Images/Badges/'+image.name)" />
                    </a>
                </span>
            </div>
        </div>
        <div class="panel lt-module-page__content-panel">
            <div class="panel-heading">
                {{'Flags' | translate }}
            </div>
            <div class="panel-body">
                <span class="image-thumb imagePreview" ng-repeat="image in imageFlags">
                    <img ng-src="{{image.path}}" height="15" width="15" />
                    <a class="image-fav-small">
                        <img src="/Modules/Gamification/Images/delete.png" ng-click="deleteImage('Images/Flags/'+image.name)" />
                    </a>
                </span>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-sm-12">
        <div class="panel lt-module-page__content-panel">
            <div class="panel-heading">
                {{'Upload image'  | translate}}
            </div>
            <div class="panel-body">
                <form role="form">
                    <div class="form-group">
                        <label>{{'Select folder' | translate}}</label>
                        <select class="form-control" ng-model="fileuploadfolder">
                            <option value="badges">{{'Achievements' | translate}}</option>
                            <option value="flags">{{'Flags' | translate}}</option>
                        </select>
                    </div>
                    <div class="form-group" ng-show="fileuploadfolder">
                        <label>{{'Select file' | translate}}</label>
                        <wizdom365-image-picker ng-show="fileuploadfolder === 'flags'" ng-model="newImage.file" wizdommodule="Gamification" subfolder="'flags'"></wizdom365-image-picker>
                        <wizdom365-image-picker ng-show="fileuploadfolder === 'badges'" ng-model="newImage.file" wizdommodule="Gamification" subfolder="'badges'"></wizdom365-image-picker>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
