<?php include("header.php");?>
<div class="wrapper__content" id="content">
      <div class="wrapper__content-header">
          <ul role="tablist" id="myTab" class="nav nav-tabs setting__tabs">
              <li class="nav-item">
                <a href="general.php" class="nav-link">General</a>
              </li>
              <li class="nav-item">
                <a href="departments.php" class="nav-link">Departments</a>
              </li>
              <li class="nav-item">
                <a href="regions.php" class="nav-link">Regions</a>
              </li>
              <li class="nav-item">
                <a href="locations.php" class="nav-link active">Locations</a>
              </li> 
              <li class="nav-item">
                <a href="units.php" class="nav-link">Units</a>
              </li> 
              <li class="nav-item">
                <a href="users.php" class="nav-link">Users</a>
              </li>                             
            </ul>
      </div>

      <div class="wrapper__content-body">
      	<!-- <div class="content-body-nav d-flex align-items-center justify-content-between">
      		<h4>Departments</h4>
      		<a href="" class="btn btn-bordered">Add New</a>
      	</div> -->
      	<div class="main__content-search">
			 <form class="search-inverse">
			      <input aria-label="Search" placeholder="Search" class="form-control mr-sm-2">	     
			    </form>			      	
	        </div>
		<div class="row">
			<div class="col-md-12">
				<h5 class="pb-2 mt-5">Locations</h5>
				<ul class="master-list">
					<li>
						<div class="checkbox">
				           <label>
				             <input type="checkbox" value="">
				             <span class="cr"><i class="cr-icon fa fa-check"></i></span>
				           </label>
				       </div>
				       <div class="field">
				       	<input type="text" name="" value="Location 1"/>
				       </div>
					</li>
					<li>
						<div class="checkbox">
				           <label>
				             <input type="checkbox" value="">
				             <span class="cr"><i class="cr-icon fa fa-check"></i></span>
				           </label>
				       </div>
				       <div class="field">
				       	<input type="text" name="" value="Location 2"/>
				       </div>
					</li>	
					<li>
						<div class="checkbox">
				           <label>
				             <input type="checkbox" value="">
				             <span class="cr"><i class="cr-icon fa fa-check"></i></span>
				           </label>
				       </div>
				       <div class="field">
				       	<input type="text" name="" value="Location 3"/>
				       </div>
					</li>						
				</ul>
				<div class="text-right">
					<a href="#" class="btn btn-sml"><i class="fas fa-plus"></i> New</a>
				</div>
				
			</div>
		</div>
		<div class="content__actions" id="multiOperate" style="display: none;">
			<a href="" class="btn btn-inverse">Cancel</a>
			<a href="" class="btn btn-primary">Delete 7 items</a>
		</div>
	  </div>		
      </div>
    </div>
</section>

<?php include("footer.php");?>
<script type="text/javascript">
	    $( ".checkbox" ).click(function() {
	      $('#multiOperate').show();
	    });
	</script>
</body>
</html>