<div class="m-2 m-lg-4">
    <div class="col-12 mx-5 col-sm-10 col-lg-8 mx-auto p-4 rounded shadow-sm context-main-bg context-main">
		<nav aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="breadcrumb-item">
					<a href="{ROOT_URL}messages" class="text-decoration-none">
						Messages
					</a>
				</li>
				<li class="breadcrumb-item active" aria-current="page">
					View
				</li>
			</ol>
		</nav>
		<div class="card panel-primary col-lg-8 mx-auto text-center">
			{LOOP}
				{SINGLE}
					<div class="card-header context-second-bg">
						<p class="card-title context-main text-center h3">{subject}</p>
					</div>
				{/SINGLE}
				<div class="card-body context-other-bg">
					<div class="row">
						<div class="col-4 col-lg-3 text-center">
							<a href="{ROOT_URL}home/profile/{userFrom}" class="text-decoration-none">{userFromPretty}</a><br>
							<img alt="User Pic" src="{ROOT_URL}{fromAvatar}" class="img-circle img-fluid mt-2">
						</div>
						<div class="col-8 col-lg-9 text-start">
							{message}
						</div>
					</div>
				</div>
				<div class="card-footer context-second-bg">
					{ADMIN}
					<div class="d-flex justify-content-between">
							<div class="">
								{ID}
							</div>
							<div class="">
								{DTC}{sent}{/DTC}
							</div>
						</div>
					{/ADMIN}
				</div>
			{/LOOP}
		</div>
		<form action="{ROOT_URL}messages/reply" method="post">
			<input type="hidden" name="token" value="{TOKEN}">
			<input type="hidden" name="messageID" value="{PID}">
			<button name="submit" value="reply" type="submit" class="btn btn-md btn-primary my-4">Reply</button>
		</form>
	</div>
</div>