<div class="container">
    <div
        ng-transclude="prepend"
        class="prepend">
    </div>
    <div class="infix" >
        <div class="fix prefix"></div>
        <div class="control">
            <section
                class="value"
                ng-click="$ctrl.openFileSelector()"
                tabindex="0">
            </section>
            <input
                type="file"
                accept="{{$ctrl.accept}}">
            </input>
        </div>
        <div class="fix suffix"></div>
        <label>
            <span translate>{{$ctrl.label}}</span>
            <span class="required">*</span>
        </label> 
    </div>
    <div class="icons pre">
        <vn-icon
            icon="clear"
            translate-attr="{title: 'Clear'}"
            ng-click="$ctrl.onClear($event)">
        </vn-icon>
        <vn-icon
            icon="icon-attach"
            vn-tooltip="Select a file"
            ng-click="$ctrl.openFileSelector()">
        </vn-icon>
        <vn-icon
            ng-if="::$ctrl.info != null"
            icon="info_outline"
            vn-tooltip="{{::$ctrl.info}}">
        </vn-icon>
    </div>
    <div
        ng-transclude="append"
        class="append">
    </div>
    <div class="icons post">
    </div>
    <div class="underline blur"></div>
    <div class="underline focus"></div>
</div>
<div class="hint"></div>