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

<message id="Lms.Settings.template">
	<form class="row g-3">
		<legend>${tr:Lms.Settings.user-interface}</legend>
		<div class="col-12">
			<label class="form-label" for="${id:artist-release-sort-method}">
				${tr:Lms.Settings.artist-release-sort-method}
			</label>
			${artist-release-sort-method class="form-control"}
			<div class="invalid-feedback">
				${artist-release-sort-method-info}
			</div>
		</div>
		<div class="col-12">
			<div class="form-check">
				${enable-inline-artist-relationships class="form-check-input"}
				<label class="form-check-label" for="${id:enable-inline-artist-relationships}">
					${tr:Lms.Settings.enable-inline-artist-relationships}
				</label>
				<div class="invalid-feedback">
					${enable-inline-artist-relationships}
				</div>
			</div>
		</div>
		<div class="col-12">
			<label class="form-label" for="${id:inline-artist-relationships}">
				${tr:Lms.Settings.inline-artist-relationships}
			</label>
			${inline-artist-relationships class="form-control"}
			<div class="invalid-feedback">
				${inline-artist-relationships-info}
			</div>
		</div>
		<legend>${tr:Lms.Settings.audio}
			<button type="button" class="btn btn-sm p-0" data-bs-toggle="tooltip" data-bs-placement="right" title="${tr:Lms.Settings.audio-settings-are-local}">
        		<i class="fa fa-fw fa-info-circle" aria-hidden="true"></i>
    		</button>
		</legend>
		<div class="col-lg-4">
			<label class="form-label" for="${id:transcoding-mode}">
				${tr:Lms.Settings.transcoding-mode}
			</label>
			${transcoding-mode class="form-control"}
			<div class="invalid-feedback">
				${transcoding-mode-info}
			</div>
		</div>
		<div class="col-lg-4">
			<label class="form-label" for="${id:transcoding-output-format}">
				${tr:Lms.Settings.transcoding-output-format}
			</label>
			${transcoding-output-format class="form-control"}
			<div class="invalid-feedback">
				${transcoding-output-format-info}
			</div>
		</div>
		<div class="col-lg-4">
			<label class="form-label" for="${id:transcoding-output-bitrate}">
				${tr:Lms.Settings.transcoding-output-bitrate}
			</label>
			<div class="input-group mb-3">
				${transcoding-output-bitrate class="form-control"}
				<span class="input-group-text">kbps</span>
			</div>
			<div class="invalid-feedback">
				${transcoding-output-bitrate-info}
			</div>
		</div>
		<div class="col-lg-4">
			<label class="form-label"  for="${id:replaygain-mode}">
				${tr:Lms.Settings.replaygain-mode}
			</label>
			${replaygain-mode class="form-control"}
			<div class="invalid-feedback">
				${replaygain-mode-info}
			</div>
		</div>
		<div class="col-lg-4">
			<label class="form-label"  for="${id:replaygain-preamp}">
				${tr:Lms.Settings.replaygain-preamp}
			</label>
			<div class="input-group mb-3">
				${replaygain-preamp class="form-control"}
				<span class="input-group-text">dB</span>
				<div class="invalid-feedback">
					${replaygain-preamp-info}
				</div>
			</div>
		</div>
		<div class="col-lg-4">
			<label class="form-label" for="${id:replaygain-preamp-no-rg-info}">
				${tr:Lms.Settings.replaygain-preamp-no-rg-info}
			</label>
			<div class="input-group mb-3">
				${replaygain-preamp-no-rg-info class="form-control"}
				<span class="input-group-text">dB</span>
				<div class="invalid-feedback">
					${replaygain-preamp-no-rg-info-info}
				</div>
			</div>
		</div>
		${<if-has-subsonic-api>}
			<legend>${tr:Lms.Settings.subsonic-api}</legend>
			<div class="col-lg-12">
				<label class="form-label" for="${id:subsonic-token}">
					${tr:Lms.Settings.subsonic-token}
					${<if-has-subsonic-token-usage>}
					<button type="button" class="btn btn-sm p-0" data-bs-toggle="tooltip" data-bs-placement="right" title="${tr:Lms.Settings.subsonic-token-usage}">
        				<i class="fa fa-fw fa-info-circle" aria-hidden="true"></i>
					</button>
					${</if-has-subsonic-token-usage>}
				</label>
				<div class="input-group mb-3">
					${subsonic-token-regen-btn class="btn btn-outline-secondary"}
					${subsonic-token-del-btn class="btn btn-outline-warning"}
					${subsonic-token class="form-control"}
					${subsonic-token-visibility-btn class="btn btn-outline-secondary"}
					<div class="invalid-feedback">
						${subsonic-token-info class="help-block"}
					</div>
				</div>
			</div>
			<div class="col-12">
				<div class="form-check">
					${subsonic-enable-transcoding-by-default class="form-check-input"}
					<label class="form-check-label" for="${id:subsonic-enable-transcoding-by-default}">
						${tr:Lms.Settings.enable-transcoding-by-default}
					</label>
					<div class="invalid-feedback">
						${subsonic-enable-transcoding-by-default-info}
					</div>
				</div>
			</div>
			<div class="col-lg-6">
				<label class="form-label" for="${id:subsonic-transcoding-output-format}">
					${tr:Lms.Settings.default-transcoding-output-format}
				</label>
				${subsonic-transcoding-output-format class="form-control"}
				<div class="invalid-feedback">
					${subsonic-transcoding-output-format-info class="help-block"}
				</div>
			</div>
			<div class="col-lg-6">
				<label class="form-label" for="${id:subsonic-transcoding-output-bitrate}">
					${tr:Lms.Settings.default-transcoding-output-bitrate}
				</label>
				<div class="input-group mb-3">
					${subsonic-transcoding-output-bitrate class="form-control"}
					<span class="input-group-text">kbps</span>
				</div>
				<div class="invalid-feedback">
					${subsonic-transcoding-output-bitrate-info class="help-block"}
				</div>
			</div>
			<div class="col-12">
				<label class="form-label" for="${id:subsonic-artist-list-mode}">
					${tr:Lms.Settings.subsonic-artist-list-mode}
				</label>
				${subsonic-artist-list-mode class="form-control"}
				<div class="invalid-feedback">
					${subsonic-artist-list-mode-info class="help-block"}
				</div>
			</div>
			${</if-has-subsonic-api>}
		<legend>${tr:Lms.Settings.services}</legend>
		<div class="col-lg-6">
			<label class="form-label" for="${id:scrobbling-backend}">
				${tr:Lms.Settings.scrobbling}
			</label>
			${scrobbling-backend class="form-control"}
			<div class="invalid-feedback">
				${scrobbling-backend-info class="help-block"}
			</div>
		</div>
		<div class="col-lg-6">
			<label class="form-label" for="${id:feedback-backend}">
				${tr:Lms.Settings.feedback}
			</label>
			${feedback-backend class="form-control"}
			<div class="invalid-feedback">
				${feedback-backend-info class="help-block"}
			</div>
		</div>
		<div class="col-lg-12">
			<label class="form-label" for="${id:listenbrainz-token}">
				${tr:Lms.Settings.backend.listenbrainz-token}
			</label>
			<div class="input-group mb-3">
				${listenbrainz-token class="form-control"}
				${listenbrainz-token-visibility-btn class="btn btn-outline-secondary"}
				<div class="invalid-feedback">
					${listenbrainz-token-info class="help-block"}
				</div>
			</div>
		</div>
		${<if-has-change-password>}
		<legend>${tr:Lms.Settings.change-password}</legend>
		${<if-has-old-password>}
		<div class="col-12">
			<label class="form-label" for="${id:password-old}">
				${tr:Lms.password-old}
			</label>
			${password-old class="form-control"}
			<div class="invalid-feedback">
				${password-old-info class="help-block"}
			</div>
		</div>
		${</if-has-old-password>}
		<div class="col-lg-6">
			<label class="form-label" for="${id:password}">
				${tr:Lms.password-new}
			</label>
			${password class="form-control"}
			<div class="invalid-feedback">
				${password-info class="help-block"}
			</div>
		</div>
		<div class="col-lg-6">
			<label class="form-label" for="${id:password-confirm}">
				${tr:Lms.password-confirm}
			</label>
			${password-confirm class="form-control"}
			<div class="invalid-feedback">
				${password-confirm-info class="help-block"}
			</div>
		</div>
		${</if-has-change-password>}
	</form>
	<hr/>
	${save-btn class="btn btn-primary me-1"}${discard-btn class="btn btn-secondary"}
</message>

</messages>
