
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">

<message id="Lms.Explore.TrackLists.template">
	<div class="d-flex justify-content-between align-items-center mb-3">
		${tracklist-type class="me-1"}
		<div class="d-flex">
			${search class="form-control form-control-sm me-1" type="search"}
			${sort-mode}
		</div>
	</div>
	${tracklists}
</message>

<message id="Lms.Explore.TrackLists.template.type-selector">
	<div class="dropdown">
		<button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
			${selected-item}
		</button>
		<ul class="dropdown-menu">
			<li>${owned class="dropdown-item"}</li>
			<li>${shared class="dropdown-item"}</li>
		</ul>
	</div>
</message>

<message id="Lms.Explore.TrackLists.template.sort-mode">
	<div class="dropdown">
		<button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
			${selected-item}
		</button>
		<ul class="dropdown-menu">
			<li>${all class="dropdown-item"}</li>
			<li>${recently-modified class="dropdown-item"}</li>
		</ul>
	</div>
</message>

<message id="Lms.Explore.TrackLists.template.entry">
	${name class="text-decoration-none link-secondary"}
</message>

<message id="Lms.Explore.TrackLists.template.container">
	${elements class="d-grid gap-3"}
	${loading-indicator}
</message>

</messages>
