File: /home/imensosw/www/imenso.co/dev/advanchainge/admin/units.php
<?php include("header.php");?>
<!-- Modal -->
<div class="modal far-right" id="newUnit" tabindex="-1" role="dialog" aria-labelledby="newUnitLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="newUnitLabel">Add New Unit</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form class="edited mt-4">
<div class="form-group">
<label>Business Unit</label>
<select class="chosen-select">
<option>Select</option>
<option>BU 1</option>
<option>BU 2</option>
</select>
</div>
<div class="form-group">
<label>Department</label>
<select class="chosen-select">
<option>Select</option>
<option>Department 1</option>
<option>Department 2</option>
</select>
</div>
<div class="form-group">
<label>Region</label>
<select class="chosen-select">
<option>Select</option>
<option>Region 1</option>
<option>Region 2</option>
</select>
</div>
<div class="form-group">
<label>Location</label>
<select class="chosen-select">
<option>Select</option>
<option>Location 1</option>
<option>Location 2</option>
</select>
</div>
<div class="form-group">
<label>Address</label>
<input type="text" name="" placeholder="Please enter address">
</div>
<div class="form-group">
<label>Unit Name</label>
<input type="text" name="" placeholder="Please enter unit name">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal far-right" id="newSequence" tabindex="-1" role="dialog" aria-labelledby="newSequenceLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="newSequenceLabel">Sequence</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form class="edited mt-4">
<div class="form-group">
<select class="chosen-select">
<option>Location 1</option>
<option>Location 1</option>
<option>Location 2</option>
</select>
</div>
<div class="form-group">
<select class="chosen-select">
<option>Location 2</option>
<option>Location 1</option>
<option>Location 2</option>
</select>
</div>
<div class="form-group">
<select class="chosen-select">
<option>Location 3</option>
<option>Location 1</option>
<option>Location 2</option>
</select>
</div>
<div class="text-right">
<a href="#" class="btn btn-sml"><i class="fas fa-plus"></i> Location</a>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<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">Locations</a>
</li>
<li class="nav-item">
<a href="units.php" class="nav-link active">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>Regions</h4>
<a href="" class="btn btn-bordered">Add New</a>
</div> -->
<div class="main__content-search mb-4 d-flex justify-content-between">
<form class="search-inverse">
<input aria-label="Search" placeholder="Search" class="form-control mr-sm-2">
</form>
<a href="javascript:;" data-toggle="modal" data-target="#newUnit" class="btn btn-bordered"><i class="fas fa-plus"></i> New Unit</a>
</div>
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>Unit</th>
<th>BU</th>
<th>Department</th>
<th>Region</th>
<th>Location</th>
<th>Address</th>
<th>Operator</th>
<th>Sequence</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="checkbox">
<label>
<input type="checkbox" value="">
<span class="cr"><i class="cr-icon fa fa-check"></i></span>
</label>
</div>
</td>
<td>
<a href="javascript:;" data-toggle="modal" data-target="#newUnit" class="hyperlink"><strong>Unit 1</strong></a>
</td>
<td>
BU 1
</td>
<td>
Department 1
</td>
<td>
Region 1
</td>
<td>
Location 1
</td>
<td>
Address 1
</td>
<td>
Operator 1
</td>
<td>
<a href="javascript:;" data-toggle="modal" data-target="#newSequence" class="hyperlink"><strong>Sequence</strong></a>
</td>
</tr>
<tr>
<td>
<div class="checkbox">
<label>
<input type="checkbox" value="">
<span class="cr"><i class="cr-icon fa fa-check"></i></span>
</label>
</div>
</td>
<td>
<a href="" class="hyperlink"><strong>Unit 1</strong></a>
</td>
<td>
BU 1
</td>
<td>
Department 1
</td>
<td>
Region 1
</td>
<td>
Location 1
</td>
<td>
Address 1
</td>
<td>
Operator 1
</td>
<td>
<a href="javascript:;" data-toggle="modal" data-target="#newSequence" class="hyperlink"><strong>Sequence</strong></a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="main__content-data-footer d-flex justify-content-between align-items-center border-top pt-4">
<small>Showing 25 of 50 records</small>
<ul role="navigation" class="pagination">
<li aria-label="« Previous" aria-disabled="true" class="page-item disabled">
<span aria-hidden="true" class="page-link">‹</span></li>
<li aria-current="page" class="page-item active"><span class="page-link">1</span></li>
<li class="page-item"><a href="" class="page-link">2</a></li>
<li class="page-item"><a href="" class="page-link">3</a></li>
<li class="page-item"><a aria-label="Next »" rel="next" href="" class="page-link">›</a>
</li>
</ul>
</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>