<div class="row">
	<div class=" col-lg-6 col-md-6 col-xs-12 mb-3">
		<label for="unidades" class="form-label">
			<?= lang('Imposiciones.esquema.name') ?>
		</label>
		<input type="text" name="name" maxlength="255" class="form-control" data-input>
	</div><!--//.mb-3 -->
	<div class=" col-lg-6 col-md-6 col-xs-12 mb-3">
		<label for="orientacion" class="form-label">
			<?= lang('Imposiciones.orientacion') ?>
		</label>
		<select id="esquema-orientacion" class="form-control" name="orientacion" data-input>
			<option value="H" default><?= lang("Imposiciones.H") ?></option>
			<option value="V"><?= lang("Imposiciones.V") ?></option>
		</select>
	</div>
	<div class=" col-lg-6 col-md-6 col-xs-12 mb-3">
		<label for="esquema-rows"class="form-label">
			<?= lang('Imposiciones.esquema.rows') ?>
		</label>
		<input type="number" id="esquema-rows" name="rows" max="5" value="1" class="form-control" data-input>
	</div><!--//.mb-3 -->
	<div class=" col-lg-6 col-md-6 col-xs-12 mb-3">
		<label for="esquema-columns" class="form-label">
			<?= lang('Imposiciones.esquema.columns') ?>
		</label>
		<input type="number" id="esquema-columns" name="columns" max="5" class="form-control" value="1" data-input>
	</div><!--//.mb-3 -->
	<div class="col-lg-2 col-md-2 col-xs-12 mb-3">
		<div class="d-flex flex-column gap-2">
			<label class="switch switch-md">
				<input type="checkbox" class="switch-input" id="esquema-rotativa" name="rotativa" data-input/>
				<span class="switch-toggle-slider">
					<span class="switch-on">
						<i class="ti ti-check"></i>
					</span>
					<span class="switch-off">
						<i class="ti ti-x"></i>
					</span>
				</span>
				<span class="switch-label">Rotativa</span>
			</label>
			<label class="switch switch-md">
				<input type="checkbox" class="switch-input" id="esquema-cosido" name="cosido" data-input/>
				<span class="switch-toggle-slider">
					<span class="switch-on">
						<i class="ti ti-check"></i>
					</span>
					<span class="switch-off">
						<i class="ti ti-x"></i>
					</span>
				</span>
				<span class="switch-label">Cosido/Grapado</span>
			</label>
		</div>
	</div><!--//.mb-3 -->

	<div class="col-md-12 mt-3">
		<div class="d-flex justify-content-center w-100 h-100 text-center">
			<div id="imposicion-esquema-drawing" class="px-2 py-2"></div>
		</div>
	</div><!--//.mb-3 -->

</div><!-- //.row -->