

<link type="text/css" href="assets/plugins/bootstrap-tokenfield/css/bootstrap-tokenfield.css" rel="stylesheet">       <!-- Tokenfield -->
<link type="text/css" href="assets/plugins/summernote/dist/summernote.css" rel="stylesheet"> 						<!-- Summernote -->
<div class="page-content">
                            <ol class="breadcrumb">
                                
<li><a href="index.html">Home</a></li>
<li>Functional Apps</li>
<li><a href="#">Inbox</a></li>
<li class="active"><a href="app-inbox-compose.html">Compose</a></li>
                            </ol>
                            <div class="container-fluid">
                                 
	<div class="row">
		<div class="col-md-3">
					<a class="btn btn-lg btn-indigo btn-block mb-xl" href="app-inbox-compose.html">Compose</a>
		
		<?php
		
		include("common/message-sidebar.php");
		?>
		</div>
		<div class="col-md-9">
			<div class="panel panel-inbox">
									<form action="action-pages/compose-action.php" role="form" id="inbox-compose-form" class="form-horizontal p-md">
<div class="panel-body">
					<div class="inbox-mail-heading">
						<div class="clearfix">
							<div class="pull-left">
								<a href="app-inbox" class="btn btn-lg btn-default"><i class="ti ti-shift-left fa-rotate-270"></i></a>
						        <div class="btn-group">
		                            <a href="#" class="btn btn-lg btn-default"><i class="ti ti-save"></i></a>
		                            <a href="#" class="btn btn-lg btn-default"><i class="ti ti-trash"></i></a>		                        </div>
						    </div>
						    <div class="pull-right">
						    	<a href="#" class="btn btn-lg btn-success"><i class="ti ti-arrow-right visible-xs"></i><span class="hidden-xs">Send</span></a>						    </div>
						</div>
					</div>
						<div class="form-group mb-sm">
							<div class="col-md-12">
								<div class="input-group input-group-lg">
									<span class="input-group-addon">To:</span>
									<input type="text" class="form-control input-lg" id="tokenfield-email" name="receiver">
								</div>
							</div>
						</div>
						<div class="form-group mb-sm" style="display:none;">
							<div class="col-md-12"><input type="text" class="form-control"></div>
						</div>
						<div class="form-group mb-sm">
							<div class="col-md-12"><input type="text" class="form-control input-lg" placeholder="Subject for email" name="subject"></div>
						</div>
						<div class="form-group mb-n">
							<div class="col-xs-12">
							
<textarea class="composer" placeholder="Subject for email" name="message"></textarea>

							</div>
						</div>
					
					<div class="inbox-mail-footer">
						<div class="clearfix">
						    <div class="pull-right">
						    	<button class="btn btn-lg btn-success" type="submit"><i class="ti ti-arrow-right visible-xs"></i><span class="hidden-xs">Send</span>  </button> </div>
						</div>
					</div>
				</div>
				</form>
				
			</div>
		</div>
	</div>
                            </div> <!-- .container-fluid -->
                        </div>
						
<script type="text/javascript" src="assets/js/jquery-1.10.2.min.js"></script> 							<!-- Load jQuery -->
<script type="text/javascript" src="assets/js/jqueryui-1.10.3.min.js"></script> 							<!-- Load jQueryUI -->
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script> 								<!-- Load Bootstrap -->
<script type="text/javascript" src="assets/js/enquire.min.js"></script> 									<!-- Load Enquire -->

<script type="text/javascript" src="assets/plugins/velocityjs/velocity.min.js"></script>					<!-- Load Velocity for Animated Content -->
<script type="text/javascript" src="assets/plugins/velocityjs/velocity.ui.min.js"></script>

<script type="text/javascript" src="assets/plugins/wijets/wijets.js"></script>     						<!-- Wijet -->

<script type="text/javascript" src="assets/plugins/codeprettifier/prettify.js"></script> 				<!-- Code Prettifier  -->
<script type="text/javascript" src="assets/plugins/bootstrap-switch/bootstrap-switch.js"></script> 		<!-- Swith/Toggle Button -->

<script type="text/javascript" src="assets/plugins/bootstrap-tabdrop/js/bootstrap-tabdrop.js"></script>  <!-- Bootstrap Tabdrop -->

<script type="text/javascript" src="assets/plugins/iCheck/icheck.min.js"></script>     					<!-- iCheck -->

<script type="text/javascript" src="assets/plugins/nanoScroller/js/jquery.nanoscroller.min.js"></script> <!-- nano scroller -->

<script type="text/javascript" src="assets/js/application.js"></script>
<script type="text/javascript" src="assets/demo/demo.js"></script>
<script type="text/javascript" src="assets/demo/demo-switcher.js"></script>

<!-- End loading site level scripts -->
    
    <!-- Load page level scripts-->
    
<script type="text/javascript" src="assets/plugins/bootstrap-tokenfield/bootstrap-tokenfield.min.js"></script>     	<!-- Tokenfield -->
<script type="text/javascript" src="assets/plugins/summernote/dist/summernote.js"></script>  						<!-- Summernote -->

<script type="text/javascript" src="assets/demo/demo-app-inbox-compose.js"></script>						
						