<!-- Begin toolbar -->
<div class="toolbar">
	<div class="toolbar-inner">
		<div class="toolbar-buttons">
			<a class="button button-secondary button-back js-button-back" href="/list/ip/">
				<i class="fas fa-arrow-left icon-blue"></i><?= _("Back") ?>
			</a>
		</div>
		<div class="toolbar-buttons">
			<button type="submit" class="button" form="main-form">
				<i class="fas fa-floppy-disk icon-purple"></i><?= _("Save") ?>
			</button>
		</div>
	</div>
</div>
<!-- End toolbar -->

<div class="container">

	<form
		x-data="{
			showUserTable: <?= empty($v_dedicated) ? "true" : "false" ?>
		}"
		id="main-form"
		name="v_add_ip"
		method="post"
	>
		<input type="hidden" name="token" value="<?= $_SESSION["token"] ?>">
		<input type="hidden" name="ok" value="Add">

		<div class="form-container">
			<h1 class="u-mb20"><?= _("Add IP Address") ?></h1>
			<?php show_alert_message($_SESSION); ?>
			<div class="u-mb10">
				<label for="v_ip" class="form-label"><?= _("IP Address") ?></label>
				<input type="text" class="form-control" name="v_ip" id="v_ip" value="<?= htmlentities(trim($v_ip, "'")) ?>">
			</div>
			<div class="u-mb10">
				<label for="v_netmask" class="form-label"><?= _("Netmask") ?></label>
				<input type="text" class="form-control" name="v_netmask" id="v_netmask" value="<?= htmlentities(trim($v_netmask, "'")) ?>">
			</div>
			<div class="u-mb10">
				<label for="v_interface" class="form-label"><?= _("Interface") ?></label>
				<select class="form-select" name="v_interface" id="v_interface">
					<?php
						foreach ($interfaces as $key => $value) {
							echo "\t\t\t\t<option value=\"".htmlentities($value)."\"";
							if ((!empty($v_interface)) && ( $value == $v_interface )) echo ' selected';
							echo ">".htmlentities($value)."</option>\n";
						}
					?>
				</select>
			</div>
			<div class="form-check u-mb10">
				<input x-model="showUserTable" class="form-check-input" type="checkbox" name="v_shared" id="v_shared">
				<label for="v_shared">
					<?= _("Shared") ?>
				</label>
			</div>
			<div x-cloak x-show="!showUserTable" id="usrtable">
				<div class="u-mb10">
					<label for="v_owner" class="form-label"><?= _("Assigned User") ?></label>
					<select class="form-select" name="v_owner" id="v_owner">
						<?php
							foreach ($users as $key => $value) {
								echo "\t\t\t\t<option value=\"".htmlentities($value)."\"";
								if ((!empty($v_owner)) && ( $value == $v_owner )) echo ' selected';
								echo ">".htmlentities($value)."</option>\n";
							}
						?>
					</select>
				</div>
			</div>
			<div class="u-mb10">
				<label for="v_name" class="form-label">
					<?= _("Assigned Domain") ?> <span class="optional">(<?= _("Optional") ?>)</span>
				</label>
				<input type="text" class="form-control" name="v_name" id="v_name" value="<?= htmlentities(trim($v_name, "'")) ?>">
			</div>
			<div class="u-mb10">
				<label for="v_nat" class="form-label">
					<?= _("NAT IP Association") ?> <span class="optional">(<?= _("Optional") ?>)</span>
				</label>
				<input type="text" class="form-control" name="v_nat" id="v_nat" value="<?= htmlentities(trim($v_nat, "'")) ?>">
			</div>
		</div>

	</form>

</div>