{% extends "settings.html" %}
{% block pagetitle %}Custom CSS - {{SITE_NAME}}{% endblock %}
{% block content %}
<div class="row">
	<div class="settings col col-md-8">
		<section>
			<h5>Custom CSS</h5>
			<div id="settings-custom-css" class="settings-section rounded mb-0">
				<p class="text-small text-muted">Edit your custom CSS for the site</p>
				<div class="body d-lg-flex border-bottom">
					<div class="w-lg-100">
						<form id="profile-settings" action="/settings/css" method="post">
							<input type="hidden" name="formkey" value="{{v.formkey}}">
							<textarea autocomplete="off" class="form-control rounded" id="bio-text" aria-label="With textarea" placeholder="Custom CSS" rows="50" name="css" form="profile-settings" maxlength="4000">{% if v.css %}{{v.csslazy}}{% endif %}</textarea>
							<small>Limit of 4000 characters</small>
							<div class="d-flex mt-2">
								<input autocomplete="off" id="submit-btn" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Save">
							</div>
						</form>
					</div>
				</div>
			</div>
		</section>
		<section>
			<h5>Profile CSS</h5>
			<div id="settings-profile-css" class="settings-section rounded mb-0">
				<p class="text-small text-muted">Edit your profile CSS</p>
				<div class="body d-lg-flex border-bottom">
					<div class="w-lg-100">
						<form id="profile-settings" action="/settings/personalcss" method="post">
							<input type="hidden" name="formkey" value="{{v.formkey}}">
							<textarea autocomplete="off" class="form-control rounded" id="bio-text" aria-label="With textarea" placeholder="Custom profile CSS" rows="50" name="profilecss" form="profile-settings" maxlength="4000">{% if v.profilecss %}{{v.profilecss}}{% endif %}</textarea>
							<small>Limit of 4000 characters</small>
							<div class="d-flex mt-2">
								<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Save">
							</div>
						</form>
					</div>
				</div>
			</div>
		</section>
	</div>
</div>
{% endblock %}