%PDF-
%PDF-
Mini Shell
Mini Shell
<% include ../partials/header %>
<!-- ////////////////////////////////////////////////////////////////////////////-->
<% include ../partials/sidebar %>
<div class="app-content content">
<div class="content-wrapper">
<div class="content-header row">
</div>
<div class="content-body">
<!-- Breadcrumb starts-->
<div class="content-header row">
<div class="content-header-left col-md-6 col-12 mb-1">
<h2 class="content-header-title"> <%= title %></h2>
</div>
<div class="content-header-right breadcrumbs-right breadcrumbs-top col-md-6 col-12">
<div class="breadcrumb-wrapper col-12">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Home</a>
</li>
</ol>
</div>
</div>
</div>
<!-- Breadcrumb ends-->
<!-- DOM - jQuery events table -->
<section id="dom">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<!-- <h4 class="card-title">DOM / jQuery events</h4> -->
<a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
<div class="heading-elements">
<ul class="list-inline mb-0">
<!-- <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
<li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li> -->
<li><a data-action="expand"><i class="ft-maximize"></i></a></li>
<!-- <li><a data-action="close"><i class="ft-x"></i></a></li> -->
</ul>
</div>
</div>
<div class="card-content collapse show">
<div class="card-body card-dashboard">
<!-- <p class="card-text">Events assigned to the table can be exceptionally useful for
user interaction, however you must be aware that DataTables
will add and remove rows from the DOM as they are needed (i.e.
when paging only the visible elements are actually available
in the DOM). As such, this can lead to the odd hiccup when
working with events.</p> -->
<% if (message != "") { %>
<div class="alert alert-info mb-1 create text-center ">
<h3><%= message %></h3>
</div>
<% } %>
<div class="mb-1 create text-center" id="useItRegion" data-toggle="modal"
data-target="#largeRegion">
<i class="ft-plus"></i><br>
Add New
</div>
<div class="modal fade text-left" id="largeRegion" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel17">Add Region</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body fit" id="formInRegion">
<form class="form-horizontal form-simple" action="/api/v1/division" method="POST">
<!-- <h6 class="card-subtitle line-on-side text-muted text-center font-small-3 mb-1">
<span>Your Company?</span>
</h6> -->
<fieldset class="form-group position-relative has-icon-left mb-1">
<input type="text" class="form-control form-control-lg input-lg" name="Branch_name"
placeholder="Your Branch name" required>
<div class="form-control-position">
<i class="la la-institution"></i>
</div>
</fieldset>
<fieldset class="form-group position-relative has-icon-left mb-1">
<input type="text" class="form-control form-control-lg input-lg" name="Branch_address"
placeholder="Your Branch Address" required>
<div class="form-control-position">
<i class="la la-home"></i>
</div>
</fieldset>
<fieldset class="form-group position-relative has-icon-left mb-1">
<div class="control-group">
<label class="control-label">Select region</label>
<div class="controls">
<div class="select2-container" id="s2id_autogen1">
<a href="#" onclick="return false;" class="select2-choice" tabindex="0"> <span>First option</span><abbr class="select2-search-choice-close" style="display:none;"></abbr> <div><b></b></div></a><div class="select2-drop select2-with-searchbox select2-drop-active select2-offscreen" style="display: block;"> <div class="select2-search"> <input type="text" autocomplete="off" class="select2-input" tabindex="0"> </div> <ul class="select2-results"></ul></div> </div><select style="display: none;">
<option>First option</option>
<option>Second option</option>
<option>Third option</option>
</select>
</div>
</div>
<div class="form-control-position">
<i class="la la-branch"></i>
</div>
</fieldset>
<fieldset class="form-group mb-1">
<textarea class="form-control" name="region_description" placeholder="Notes of your region here..." rows="4"></textarea>
</fieldset>
<button type="submit" class="btn btn-info btn-lg btn-block"><i class="ft-plus"></i> Add</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Cancel</button>
<!-- <button type="button" class="btn btn-outline-primary" >Submit</button> -->
</div>
</div>
</div>
</div>
<table id="example" class="table table-striped table-bordered dom-jQuery-events">
<thead>
<tr>
<th>Name</th>
<th>Address</th>
<th>Description</th>
<th>Region</th>
<th>Region address</th>
<th>Edit/Delete</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- DOM - jQuery events table -->
</div>
</div>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////-->
<% include ../partials/footer %>
Zerion Mini Shell 1.0