<div class="card border-danger mb-3" id="checked_out">
	<div class="card-header"><txt name="documents:list:your_checked_out">Your checked out documents</txt></div>

	<div class="card-body">
		<ul id="checked_out_items" class="nav flex-column list-group list-group-flush checked-out-items"></ul>
	</div>
</div>

<script type="text/template" id="checked_out_template">
<li class="dropdown list-group-item px-1">
	<a class="dropdown-toggle " data-toggle="dropdown" href="#">
		<span class="{{=icon}}"></span> {{- file_name}}
	</a>

	<ul class="dropdown-menu mr-5 float-right" role="menu" aria-labelledby="dLabel">
		<li>
			<a class="dropdown-item" name="checkin" href="#checkin" data-doc-id="{{-doc_id}}">
				<ion-icon name="enter-outline"></ion-icon> <txt name="documents:checked_out:checkin"></txt>
			</a>
		</li>
		<li>
			<a class="dropdown-item" name="cancel_checkout" href="#cancel-checkout" data-doc-id="{{-doc_id}}">
				<ion-icon name="close-circle-outline"></ion-icon> <txt name="documents:checked_out:undo_checkout"></txt>
			</a>
		</li>
		<li class="dropdown-divider"></li>
		<li>
			<a class="dropdown-item" href="/intranet/documents/{{=parent_id}}/{{=doc_id}}">
				<ion-icon name="information-circle-outline"></ion-icon> <txt name="documents:dashboard_actions:view_properties"></txt>
			</a>
		</li>
		<li>
			<a class="dropdown-item" href="/intranet/documents/{{=parent_id}}/{{=doc_id}}/{{-file_name}}?action=download">
				<ion-icon name="download-outline"></ion-icon> <txt name="documents:dashboard_actions:download"></txt>
			</a>
		</li>
	</ul>
</li>
</script>
