{% extends '../_layouts/_dev.twig' %}
{% block content %}

	<h3>Test canvas sign</h3>
	<div class="mb-16"></div>

	<div id="signContainer">
		<canvas id="signCanvas2" height="250">
			Ваш браузер не поддерживает Canvas
		</canvas>
	</div>

	<div class="mb-8"></div>

	<div class="flex-row row-8">
		<div class="flex-col-auto">
			<a href="#" class="btn btn-danger px-16 canvas-clear">Clear</a>
		</div>
		<div class="flex-col-auto">
			<a href="#" class="btn btn-warning px-16 canvas-undo">Undo</a>
		</div>
		<div class="flex-col-auto ml-auto">
			<a href="#" class="btn btn-primary px-16 canvas-get">Get data</a>
		</div>
	</div>

	<div class="mb-16"></div>
	<div id="result"></div>

{% endblock %}
{% block footerJS %}
	{{ parent() }}
	<script src="https://cdn.jsdelivr.net/npm/signature_pad@4.0.0/dist/signature_pad.umd.min.js"></script>
{% endblock %}