<?php
include('views/_header.tpl.php');
?>

<style>
	div.spacer {
		padding-top: 55px;
	}

	.flex-row {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}

	.flex-column {
		border: #db5444 1px solid;
		border-radius: 5px;
		padding: 15px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}

	.invite_body {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
		height: 78vh;
	}

	.form-input {
		padding: 10px;
		width: 280px;
	}

	.flex-column h3 {
		text-transform: capitalize;
		font-weight: 500;
	}

	.btn-invite {
		background-color: #db5444;
		color: #fff;
	}

	.btn-invite:hover,
	.btn-invite:focus {
		background-color: #d43b29;
		color: #fff;
	}

	.form-group {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	hr {
		margin-top: 60px;
		/* background: #000; */
		width: 400px !important;
		height: 2px;
	}

	.form-title {
		color: #db5444;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 5px;
	}

	.notice {
		text-align: center;
		padding: 10px;
	}
</style>

<h1 class="flex-row">
	Listing Module Loaded <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
		<path fill="#5c666b" d="M24 22.917h-24v-13.275l2-1.456v-7.269h20v7.272l2 1.453v13.275zm-21-10.472v-10.528h18v10.526l-9 5.474-9-5.472zm6-8.916l1.305 2.41 2.695.496-1.888 1.986.36 2.717-2.472-1.183-2.472 1.183.36-2.717-1.888-1.986 2.695-.496 1.305-2.41zm8 6.471v1h-3v-1h3zm2-2v1h-5v-1h5zm0-2v1h-5v-1h5zm0-2v1h-5v-1h5z" />
	</svg>
	</svg>
</h1>
<p class="notice"><?php if (isset($msg)) {
						echo $msg;
					} ?></p>
<div class="invite_body">
    <h1>Lisiting Module:</h1>
                <p> You can do any thing here. Check for test: <?= $d ?></p>
</div>
<?php
include 'views/_footer.tpl.php';
?>