<!DOCTYPE html>
<html lang="en">
   <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
      <meta charset="utf-8" />
      <title>Reply to Communication</title>
      <link href="./bootstrap/css/bootstrap.css" rel="stylesheet" />
      <link href="./css/app.css" rel="stylesheet" />
      <!--[if lt IE 9]><script src="./js/html5shim.js"></script><![endif]-->
   </head>
   <body class="minuspadding">
      <div class="comment-body"> </div>
    <!-- Mustache Templates -->
<script type="text/templates" class="commentBodyTemplate">
	<div class="muted">ORIGINAL COMMENT</div>
    <h4 id="newCommunicationModalLabel" class="pull-left wrap-word">{{description}}</h4>
    <div class="pull-right small-text">Posted {{created}}</div>
    <br class="clear" />
    <i class="icon-user-small"></i>By {{author}}
    <div role="main">
    	<p class="wrap-word">{{commentText}}</p>
    	<form class="form-horizontal">
			<div class="control-group">
        		<label class="control-label" for="inputMessage">Message</label>
            	<div class="controls">
            		<textarea class="span5" type="text" id="inputMessage" rows="7"tabindex="1" autofocus aria-label="Message"></textarea>
            	</div>
         	</div>
      	</form>
    </div>
    <div class="modal-footer">
    	<button class="btn" onClick="window.close()" id="cancel">Cancel</button>
        <button class="btn btn-primary" id="submit">Submit</button>
        <div class="progress progress-striped active hide">
           <div class="bar" style="width: 100%;" role="progressbar">Submitting...</div>
        </div>
    </div>
</script>      
      <script src="./js/jquery.min.js"></script>
      <script src="./js/mustache.min.js"></script>
      <script src="./js/communication-reply.js"></script>
   </body>
</html>
