<article ng-controller="uploadCtrlr">
    <section class="item upload border">
        <h3>{{titles.upload}}</h3> <br />
        <form name="galleryForm" ng-submit="addPiccy()" id="galleryForm" enctype="multipart/form-data">
            <label for="piccyTitle">Title</label> <br />
            <input name="piccyTitle" ng-model="piccy.Title" type="text" placeholder="An Interesting Title..." required /><br />
            <label for="piccyAuthor">Author</label> <br />
            <input name="piccyAuthor" ng-model="piccy.Author" type="text" placeholder="Leave blank for anonymous" /><br />
            <label for="piccyTime">Current Time</label> <br />
            <div class="input" name="piccyTime">{{currentTime}} </div>
            <label for="piccyImage">Image</label> <br />
            <input name="piccyImage" type="file" ng-model="piccy.Image" onchange="angular.element(this).scope().uploadImage(this)" /><br />
            <input ng-if="eulaAccepted && valid" id="piccySubmit" ng-model="piccy.Submit" type="submit" value="Post" ng-init="valid=false"/>
            <div ng-init="$parent.galleryForm = galleryForm"></div>
            <button ng-if="!(eulaAccepted && valid)" ng-click="remind(eulaAccepted, valid)">Post</button> <!-- include this dud button if user has not accepted EULA -->
        </form>
        <p class="status" ng-show="status">{{uploadStatus}}</p>
    </section>
    <section class="item upload border">
        <h3>{{titles.disclaimer}}</h3>
        <p>You must accept this before<br />you can upload images!!</p>
        <label>I Agree!<input type="checkbox" ng-model="eulaAccepted" ng-init="eulaAccepted=false" /></label>
    </section>
</article>