<?php 
	 require_once __DIR__ . '/config/dz.php';
?>
<!DOCTYPE html>
<html lang="en">

<head>
	<title><?php echo !empty($DexignZoneSettings['pagelevel'][$CurrentPage]['title']) ? $DexignZoneSettings['pagelevel'][$CurrentPage]['title'].' | ' : '' ; echo $DexignZoneSettings['site_level']['site_title'] ?></title>
	<?php include 'elements/meta.php';?>
	<!-- FAVICONS ICON -->
	<link rel="shortcut icon" type="image/png" href="<?php echo $DexignZoneSettings['site_level']['favicon']?>">
	<?php include 'elements/page-css.php'; ?>

</head>

<body>

    <!--*******************
        Preloader start
    ********************-->
   <?php include 'elements/preloader.php'; ?>
    <!--*******************
        Preloader end
    ********************-->


    <!--**********************************
        Main wrapper start
    ***********************************-->
    <div id="main-wrapper">

        <!--**********************************
            Nav header start
        ***********************************-->
		<?php include 'elements/nav-header.php'; ?>
        <!--**********************************
            Nav header end
        ***********************************-->
		
		<!--**********************************
            Chat box start
        ***********************************-->
		<?php include 'elements/chatbox.php'; ?>
		<!--**********************************
            Chat box End
        ***********************************-->


		
		
        <!--**********************************
            Header start
        ***********************************-->
       		<?php include 'elements/header.php'; ?>

                    
        <!--**********************************
            Header end ti-comment-alt
        ***********************************-->

        <!--**********************************
            Sidebar start
        ***********************************-->
		<?php include 'elements/sidebar.php'; ?>
        <!--**********************************
            Sidebar end
        ***********************************-->

        <!--**********************************
            Content body start
        ***********************************-->
        <div class="content-body">
            <div class="container-fluid">
				<div class="row page-titles">
					<ol class="breadcrumb">
						<li class="breadcrumb-item"><a href="javascript:void(0)">Notes</a></li>
						<li class="breadcrumb-item  active"><a href="javascript:void(0)">Notes</a></li>
					</ol>
                </div>
                <!-- row -->
               	<div class="row">
					<div class="col-lg-12">
						<div class="card ">
							<div class="card-body p-0">
								<div class="row g-0">
									<div class="col-xl-2 col-xxl-3">
										<div class="mail-left-body dz-resp-tab">
											<div class=" ps-4 pe-3 py-4 dz-scroll height800">
												<div class="mb-3 mt-4 mt-sm-0 email-left-box">
													<div class="p-0">
														<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-primary btn-sm btn-block">Add New Note</a>
													</div>
													<div class="mail-list">
														<p class="text-primary font-w500 mb-2"> NOTES </p>
														<a href="email-inbox.php" class="list-group-item"><i class="flaticon-document"></i>All Notes</a>
														<a href="email-inbox.php" class="list-group-item"><i class="fa-regular fa-star"></i> Favourites </a>
													</div>
													<div class="mail-list">
														<p class="text-secondary mb-2 font-w500">Tags </p>
														<a href="javascript:void(0);" class="list-group-item ">
															<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
																<path d="M15.4425 10.0575L10.065 15.435C9.92569 15.5745 9.76026 15.6851 9.57816 15.7606C9.39606 15.8361
																	9.20087 15.8749 9.00375 15.8749C8.80663 15.8749 8.61144 15.8361 8.42934 15.7606C8.24724 15.6851 8.08181 15.5745 7.9425 15.435L1.5 9V1.5H9L15.4425
																	7.9425C15.7219 8.22354 15.8787 8.60372 15.8787 9C15.8787 9.39628 15.7219 9.77646 15.4425 10.0575Z" stroke="var(--primary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																<path d="M5.25 5.25H5.268" stroke="var(--primary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
															</svg> Personal </a>
														<a href="javascript:void(0);" class="list-group-item ">
															<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
																<path d="M15.4425 10.0575L10.065 15.435C9.92569 15.5745 9.76026 15.6851 9.57816 15.7606C9.39606 15.8361
																		9.20087 15.8749 9.00375 15.8749C8.80663 15.8749 8.61144 15.8361 8.42934 15.7606C8.24724 15.6851 8.08181 15.5745 7.9425 15.435L1.5 9V1.5H9L15.4425
																		7.9425C15.7219 8.22354 15.8787 8.60372 15.8787 9C15.8787 9.39628 15.7219 9.77646 15.4425 10.0575Z" stroke="var(--secondary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																<path d="M5.25 5.25H5.268" stroke="var(--secondary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
															</svg> Work </a>
		
														<a href="javascript:void(0);" class="list-group-item ">
															<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
																<path d="M15.4425 10.0575L10.065 15.435C9.92569 15.5745 9.76026 15.6851 9.57816 15.7606C9.39606 15.8361
																			9.20087 15.8749 9.00375 15.8749C8.80663 15.8749 8.61144 15.8361 8.42934 15.7606C8.24724 15.6851 8.08181 15.5745 7.9425 15.435L1.5 9V1.5H9L15.4425
																			7.9425C15.7219 8.22354 15.8787 8.60372 15.8787 9C15.8787 9.39628 15.7219 9.77646 15.4425 10.0575Z" stroke="#09BD3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																<path d="M5.25 5.25H5.268" stroke="#09BD3C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
															</svg> Accounts </a>
														
													</div>
													
											
												</div>
											</div>
										</div>
									</div>
									<div class="col-xl-10 col-xxl-9">
										<div class="p-4">
											<div class="row">
												<div class="d-flex align-items-center p-3">
													<h4 class="d-xl-none d-lg-block card-title--medium mb-0">Notes</h4>
													
													<div class="email-tools-box dz-resp-tool ms-auto float-end">
														<i class="fa-solid fa-list-ul"></i>
													</div>
												</div>
												<div class="col-xl-4">
													
													<div class="card dz-send-bx bgl-success">
														<div class="card-header align-items-strat border-0 pb-0">
																<img src="assets/images/avatar/1.jpg" class="avatar avatar-md" alt="">
																<div>
																	<h4 class="card-title--medium mb-0">Yatin</h4>
																	<small>11/01/2023</small>
																</div>
																<div class="action-dropdown ms-auto align-self-start">
																	<div class="dropdown">
																		<a href="javascript:void(0);" data-bs-toggle="dropdown" aria-expanded="false" class="">
																			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
																				<path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																			</svg>
																		</a>
																		<div class="dropdown-menu dropdown-menu-end">
																			<a class="text-warning dropdown-item edit" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">Edit</a>
																			<a class="dropdown-item text-danger delete" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal1">Delete</a>
																		</div>
																	</div>
																
															</div>
														</div>
														<div class="card-body">
															<h5>Meet with tailor</h5>
															<p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
														</div>
														<div class="card-footer d-flex align-items-center border-0 pt-0">
															<div>
																<i class="flaticon-bin fs-18 text-danger"></i>
															</div>
															<div class="ms-auto">
																<select class="default-select status-select">
																	<option value="High">High</option>
																	<option value="Medium">Medium</option>
																	<option value="Low">Low</option>
																  </select>
															</div>
															</div>
													</div>
												</div>
												<div class="col-xl-4">
													<div class="card dz-send-bx bgl-warning">
														<div class="card-header align-items-strat border-0 pb-0">
																<img src="assets/images/avatar/3.jpg" class="avatar avatar-md" alt="">
																<div>
																	<h4 class="card-title--medium mb-0">Michel</h4>
																	<small>11/01/2023</small>
																</div>
																<div class="action-dropdown ms-auto align-self-start">
																	<div class="dropdown">
																		<a href="javascript:void(0);" data-bs-toggle="dropdown" aria-expanded="false" class="">
																			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
																				<path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																			</svg>
																		</a>
																		<div class="dropdown-menu dropdown-menu-end">
																			<a class="text-warning dropdown-item edit" href="javascript:void(0); " data-bs-toggle="modal" data-bs-target="#exampleModal">Edit</a>
																			<a class="dropdown-item text-danger delete" href="javascript:void(0); " data-bs-toggle="modal" data-bs-target="#exampleModal1">Delete</a>
																		</div>
																	</div>
																
															</div>
														</div>
														<div class="card-body">
															<h5>Meet with Mukund</h5>
															<p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
														</div>
														<div class="card-footer d-flex align-items-center border-0 pt-0">
															<div>
																<i class="flaticon-bin fs-18 text-danger"></i>
															</div>
															<div class="ms-auto">
																<select class="default-select status-select">
																	<option value="High">High</option>
																	<option value="Medium">Medium</option>
																	<option value="Low">Low</option>
																  </select>
															</div>
															</div>
													</div>
												</div>
												<div class="col-xl-4">
													<div class="card dz-send-bx bgl-danger">
														<div class="card-header align-items-strat border-0 pb-0">
																<img src="assets/images/avatar/2.jpg" class="avatar avatar-md" alt="">
																<div>
																	<h4 class="card-title--medium mb-0">John</h4>
																	<small>11/01/2023</small>
																</div>
																<div class="action-dropdown ms-auto align-self-start">
																	<div class="dropdown">
																		<a href="javascript:void(0);" data-bs-toggle="dropdown" aria-expanded="false" class="">
																			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
																				<path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																			</svg>
																		</a>
																		<div class="dropdown-menu dropdown-menu-end">
																			<a class="text-warning dropdown-item edit" href="javascript:void(0); " data-bs-toggle="modal" data-bs-target="#exampleModal">Edit</a>
																			<a class="dropdown-item text-danger delete" href="javascript:void(0); " data-bs-toggle="modal" data-bs-target="#exampleModal1">Delete</a>
																		</div>
																	</div>
																
															</div>
														</div>
														<div class="card-body">
															<h5>Meet with Nitesh</h5>
															<p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
														</div>
														<div class="card-footer d-flex align-items-center border-0 pt-0">
															<div>
																<i class="flaticon-bin fs-18 text-danger"></i>
															</div>
															<div class="ms-auto">
																<select class="default-select status-select">
																	<option value="High">High</option>
																	<option value="Medium">Medium</option>
																	<option value="Low">Low</option>
																  </select>
															</div>
															</div>
													</div>
												</div>
												<div class="col-xl-4">
													<div class="card dz-send-bx bgl-warning">
														<div class="card-header align-items-strat border-0 pb-0">
																<img src="assets/images/avatar/3.jpg" class="avatar avatar-md" alt="">
																<div>
																	<h4 class="card-title--medium mb-0">Michel</h4>
																	<small>11/01/2023</small>
																</div>
																<div class="action-dropdown ms-auto align-self-start">
																	<div class="dropdown">
																		<a href="javascript:void(0);" data-bs-toggle="dropdown" aria-expanded="false" class="">
																			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
																				<path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																			</svg>
																		</a>
																		<div class="dropdown-menu dropdown-menu-end">
																			<a class="text-warning dropdown-item edit" href="javascript:void(0); " data-bs-toggle="modal" data-bs-target="#exampleModal">Edit</a>
																			<a class="dropdown-item text-danger delete" href="javascript:void(0); " data-bs-toggle="modal" data-bs-target="#exampleModal1">Delete</a>
																		</div>
																	</div>
																
															</div>
														</div>
														<div class="card-body">
															<h5>Meet with Mukund</h5>
															<p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
														</div>
														<div class="card-footer d-flex align-items-center border-0 pt-0">
															<div>
																<i class="flaticon-bin fs-18 text-danger"></i>
															</div>
															<div class="ms-auto">
																<select class="default-select status-select">
																	<option value="High">High</option>
																	<option value="Medium">Medium</option>
																	<option value="Low">Low</option>
																  </select>
															</div>
															</div>
													</div>
												</div>
												<div class="col-xl-4">
													<div class="card dz-send-bx bgl-danger">
														<div class="card-header align-items-strat border-0 pb-0">
																<img src="assets/images/avatar/2.jpg" class="avatar avatar-md" alt="">
																<div>
																	<h4 class="card-title--medium mb-0">John</h4>
																	<small>11/01/2023</small>
																</div>
																<div class="action-dropdown ms-auto align-self-start">
																	<div class="dropdown">
																		<a href="javascript:void(0);" data-bs-toggle="dropdown" aria-expanded="false" class="">
																			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
																				<path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																			</svg>
																		</a>
																		<div class="dropdown-menu dropdown-menu-end">
																			<a class="text-warning dropdown-item edit" href="javascript:void(0); " data-bs-toggle="modal" data-bs-target="#exampleModal">Edit</a>
																			<a class="dropdown-item text-danger delete" href="javascript:void(0); " data-bs-toggle="modal" data-bs-target="#exampleModal1">Delete</a>
																		</div>
																	</div>
																
															</div>
														</div>
														<div class="card-body">
															<h5>Meet with Nitesh</h5>
															<p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
														</div>
														<div class="card-footer d-flex align-items-center border-0 pt-0">
															<div>
																<i class="flaticon-bin fs-18 text-danger"></i>
															</div>
															<div class="ms-auto">
																<select class="default-select status-select">
																	<option value="High">High</option>
																	<option value="Medium">Medium</option>
																	<option value="Low">Low</option>
																  </select>
															</div>
															</div>
													</div>
												</div>
												<div class="col-xl-4">
													<div class="card dz-send-bx bgl-success">
														<div class="card-header align-items-strat border-0 pb-0">
																<img src="assets/images/avatar/1.jpg" class="avatar avatar-md" alt="">
																<div>
																	<h4 class="card-title--medium mb-0">Yatin</h4>
																	<small>11/01/2023</small>
																</div>
																<div class="action-dropdown ms-auto align-self-start">
																	<div class="dropdown">
																		<a href="javascript:void(0);" data-bs-toggle="dropdown" aria-expanded="false" class="">
																			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
																				<path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																				<path d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
																			</svg>
																		</a>
																		<div class="dropdown-menu dropdown-menu-end">
																			<a class="text-warning dropdown-item edit" href="javascript:void(0); " data-bs-toggle="modal" data-bs-target="#exampleModal">Edit</a>
																			<a class="dropdown-item text-danger delete" href="javascript:void(0); " data-bs-toggle="modal" data-bs-target="#exampleModal1">Delete</a>
																		</div>
																	</div>
																
															</div>
														</div>
														<div class="card-body">
															<h5>Meet with tailor</h5>
															<p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
														</div>
														<div class="card-footer d-flex align-items-center border-0 pt-0">
															<div>
																<i class="flaticon-bin fs-18 text-danger"></i>
															</div>
															<div class="ms-auto">
																<select class="default-select status-select">
																	<option value="High">High</option>
																	<option value="Medium">Medium</option>
																	<option value="Low">Low</option>
																  </select>
															</div>
															</div>
													</div>
												</div>
												
											</div>
										</div>
											
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
            </div>
        </div>
        <!--**********************************
            Content body end
        ***********************************-->
			<!-- Modal -->
				<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
					<div class="modal-dialog modal-dialog-centered">
					<div class="modal-content">
						<div class="modal-header">
						<h1 class="modal-title fs-5" id="exampleModalLabel">Edit Note</h1>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
						</div>
						<div class="modal-body">
							<div class="row">
								<div class="col-xl-12">
									<div class="mb-3">
										<label for="exampleFormControlInput1" class="form-label required">Title</label>
										<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Meet with tailor">
									  </div>
									  <div class="mb-3">
										<label for="exampleFormControlInput2" class="form-label required">User Name</label>
										<input type="text" class="form-control" id="exampleFormControlInput2" placeholder="Max Smith">
									  </div>
									 
									  <div class="mb-3">
										<label for="exampleFormControlTextarea1" class="form-label required">Description</label>
										<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
									  </div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
						<button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
						<button type="button" class="btn btn-primary">Save changes</button>
						</div>
					</div>
					</div>
				</div>
				<!-- modal-2 -->
				<div class="modal fade" id="exampleModal1" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true">
					<div class="modal-dialog modal-dialog-centered">
					<div class="modal-content">
						<div class="modal-header">
							<h1 class="modal-title fs-5" id="exampleModalLabel1">Delete Notes</h1>
							<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
						</div>
						<div class="modal-body">
							<div class="row">
								<div class="col-xl-12">
									<div class="text-center">
										<div class="delete-icon-bx">
											<i class="flaticon-bin"></i>
										</div>
										<p class="mb-0">Are you sure you want to delete Notes?</p>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
						<button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
						<button type="button" class="btn btn-primary">Delete</button>
						</div>
					</div>
					</div>
				</div>

        <!--**********************************
            Footer start
        ***********************************-->
        <?php include 'elements/footer.php'; ?>
        <!--**********************************
            Footer end
        ***********************************-->

       

        
    </div>
    <!--**********************************
        Main wrapper end
    ***********************************-->

    <!--**********************************
        Scripts
    ***********************************-->
    <!-- Required vendors -->
<?php include 'elements/page-js.php'; ?>
	
    
	
	<script>
		$(".email-tools-box").on('click', function () {
			$(' .mail-left-body ,.email-tools-box').toggleClass("active");
		});
	</script>
	
</body>
</html>