<div ng-init="getImagesFromCdn()">
    <div class="row justify-content-start col-md-12">
        <label class="image-label col-md-3">Cover image:</label>
        <div id="display-cover-image-cdn-container" class="col-md-9">
            <div class="display-small-image col-md-2" ng-if="profilePicture.secure_url">
                <img ng-src="{{profilePicture.secure_url}}" alt="Cover photo" class="cover-image-from-cdn" />
            </div>
            <input type="text" placeholder="{{ 'packages.forms.COVER_PHOTO_URL' | translate }}"
                id="cover-photo-url"
                class="cover-image-url-text form-control-static col-md-10"
                ng-model="profilePicture.secure_url" />
        </div>
    </div>
    <div class="row justify-content-start col-md-12">
        <label class="image-label col-md-3">View images:</label>
        <div id="display-image-cdn-container" class="col-md-9 images-from-cdn-container">
            <div ng-repeat="(index, imageDetails) in images">
                <div class="display-small-image">
                    <img ng-src="{{imageDetails.secure_url}}" alt="picture" class="image-from-cdn" />
                </div>
                <div class="url-from-cdn">
                    <span>{{imageDetails.secure_url}}</span>
                </div>
            </div>
        </div>
    </div>
