<!DOCTYPE html>
<html lang="en" xmlns:jad="https://jadaptive.com/jadaptive">
<body>
<div class="wrapper">
<header jad:id="header"></header>
<main class="container my-auto">
   <div class="row justify-content-center">
       <div class="col-md-8 mt-5">
           <div class="card">
               <div class="card-header">Send Email</div>
               <div class="card-body">
               	<div id="feedback"></div>
                   <form id="loginForm" action="/app/ui/send-email" method="POST" autocomplete="off">
                       <div class="row mb-3">
                           <label for="to" class="col-md-12 form-label" jad:bundle="email"  jad:18n="sendEmail.to">To Email</label>
                           <div class="col-md-12">
                               <input type="email" id="subject" class="form-control" name="to" required autofocus>
                           </div>
                       </div>
                       <div class="row mb-3">
                           <label for="subject" class="col-md-12 form-label" jad:bundle="email"  jad:18n="sendEmail.subject">Subject</label>
                           <div class="col-md-12">
                               <input type="text" id="subject" class="form-control" name="subject" required>
                           </div>
                       </div>
                       <div class="row mb-3">
                          <div class="col-md-12">
                               <div id="emailContentDiv"></div>
                           </div>
                       </div>
                       <div class="row mb-3">
                           <div class="col-md-12">
                               <div id="htmlTemplateDiv"></div>
                           </div>
                       </div>
                       <div class="row mb-3">
                           <div class="col-md-12">
								<div class="form-check">
									<input id="archive" name="archive" class="form-check-input" type="checkbox" checked id="flexCheckDefault"> 
										<label class="form-check-label" for="archive"  jad:bundle="email"  jad:18n="sendEmail.to">Archive this email</label>
								</div>
                           </div>
<!--                            <div class="col-md-12"> -->
<!--                               <input type="checkbox" name="archive" value="true"> Send to all tenants -->
<!--                            </div> -->
                       </div>

						<div class="row">
	                       <div class="col-md-12 text-end">
	                           <button id="loginSubmit" class="bg-dark btn btn-primary">
	                               <i class="fa-solid fa-paper-plane"></i><span jad:bundle="email"  jad:18n="sendEmail.send">Send Email</span>
	                           </button>
	                       </div>
                       </div>
                     </form>
               </div>
              
           </div>
       </div>
   </div>
</main>
</div>
<footer jad:id="footer"></footer>
</body>
</html>