<div class="modal fade" id="deleteDocModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Are you sure?</h4>
            </div>
            <div class="modal-body">
                <h2>Are you sure you want to delete this document? This cannot be undone.</h2>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">No...</button>
                <button type="button" class="btn btn-danger" ng-click="deleteDoc(del_id);" data-dismiss="modal">Yes! Delete it!</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="container">
    <div class="row row-flex">
            <div ng-repeat="doc in docs" class="col-md-3">
                <div class="well" style="margin:10px;">
                    <div style="text-align:center;">
                        <h3><a href="{{doc.location}}">{{doc.trunc_filename}}</a></h3>
                    </div>
                    <img ng-if="doc.img_url" class="img img-responsive" src="{{doc.img_url}}">
                    <img ng-if="!doc.img_url" class="img img-responsive" src="/images/icons/_blank.png">
                    <br/>
                    <h4>{{doc.description}}</h4>
                    <h6>Uploaded at: {{ doc.createdAt | date: 'medium'}}</h6>
                    <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#deleteDocModal" ng-click="selectDelete(doc.id)">
                        Delete
                    </button>
                </div>
            </div>
    </div>


    <div class="row">
        <div class="col-md-6 col-md-offset-3 well">
            <h1>Upload a new document... </h1>
            <form action="/doc/upload" enctype="multipart/form-data" method="post">

                <input type="file" name="document" class="form-control"><br>

                    <label for="description">File Description</label>
                    <input type="text" name="description" class="form-control"><br>

                <input type="submit" class="btn btn-default" value="Upload">

            </form>
        </div>
    </div>
</div>
