File: /home/barbeatleanalyti/www/mbaris.beatleanalytics.com/BarisAdmin/addnewuser.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
<title>Baris | Add New User </title>
<link rel="icon" type="image/x-icon" href="#"/>
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/plugins.css" rel="stylesheet" type="text/css" />
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN THEME GLOBAL STYLES -->
<link href="plugins/flatpickr/flatpickr.css" rel="stylesheet" type="text/css">
<link href="plugins/noUiSlider/nouislider.min.css" rel="stylesheet" type="text/css">
<!-- END THEME GLOBAL STYLES -->
<!-- BEGIN CUSTOM STYLE FILE -->
<link href="assets/css/scrollspyNav.css" rel="stylesheet" type="text/css" />
<link href="plugins/flatpickr/custom-flatpickr.css" rel="stylesheet" type="text/css">
<link href="plugins/noUiSlider/custom-nouiSlider.css" rel="stylesheet" type="text/css">
<link href="plugins/bootstrap-range-Slider/bootstrap-slider.css" rel="stylesheet" type="text/css">
<!-- END CUSTOM STYLE FILE -->
</head>
<body>
<!-- BEGIN NAVBAR -->
<div class="header-container fixed-top">
<header class="header navbar navbar-expand-sm">
<ul class="navbar-item theme-brand flex-row text-center">
<li class="nav-item theme-text">
<a href="dashboard.html" class="nav-link"> Baris </a>
</li>
</ul>
<ul class="navbar-item flex-row ml-md-0 ml-auto">
<li class="nav-item align-self-center search-animated">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search toggle-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
<form class="form-inline search-full form-inline search" role="search">
<div class="search-bar">
<input type="text" class="form-control search-form-control ml-lg-auto" placeholder="Search...">
</div>
</form>
</li>
</ul>
<ul class="navbar-item flex-row ml-md-auto">
<li class="nav-item dropdown user-profile-dropdown">
<a href="javascript:void(0);" class="nav-link dropdown-toggle user" id="userProfileDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<img src="assets/img/profile-16.jpg" alt="avatar">
</a>
<div class="dropdown-menu position-absolute" aria-labelledby="userProfileDropdown">
<div class="">
<div class="dropdown-item">
<a class="" href="auth_login.html">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-out">
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
<polyline points="16 17 21 12 16 7"></polyline>
<line x1="21" y1="12" x2="9" y2="12"></line>
</svg>
Sign Out
</a>
</div>
</div>
</div>
</li>
</ul>
</header>
</div>
<!-- END NAVBAR -->
<!-- BEGIN NAVBAR -->
<div class="sub-header-container">
<header class="header navbar navbar-expand-sm">
<a href="javascript:void(0);" class="sidebarCollapse" data-placement="bottom">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
</a>
<ul class="navbar-nav flex-row">
<li>
<div class="page-header">
<nav class="breadcrumb-one" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">User</a></li>
<li class="breadcrumb-item active" aria-current="page"><span>Add New User </span></li>
</ol>
</nav>
</div>
</li>
</ul>
</header>
</div>
<!-- END NAVBAR -->
<!-- BEGIN MAIN CONTAINER -->
<div class="main-container" id="container">
<div class="overlay"></div>
<div class="search-overlay"></div>
<!-- BEGIN SIDEBAR -->
<div class="sidebar-wrapper sidebar-theme">
<nav id="sidebar">
<div class="shadow-bottom"></div>
<ul class="list-unstyled menu-categories" id="accordionExample">
<li class="menu">
<a href="dashboard.html" aria-expanded="false" class="dropdown-toggle">
<div class="">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home">
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
<polyline points="9 22 9 12 15 12 15 22"></polyline>
</svg>
<span>Dashboard</span>
</div>
</a>
</li>
<li class="menu">
<a href="#dashboard" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle collapsed">
<div class="">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
<span>User</span>
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</div>
</a>
<ul class="submenu list-unstyled collapse" id="dashboard" data-parent="#accordionExample" style="">
<li class="active">
<a href="alluser.html"> All User </a>
</li>
<li>
<a href="addnewuser.html"> Add New User </a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<!-- END SIDEBAR -->
<!-- BEGIN CONTENT AREA -->
<div id="content" class="main-content">
<div class="layout-px-spacing">
<div class="row layout-top-spacing">
<div id="tabsLine" class="col-lg-12 col-12 layout-spacing">
<div class="statbox widget box box-shadow">
<div class="widget-content widget-content-area underline-content">
<form>
<div class="form-group row mb-4">
<label for="hEmail" class="col-xl-2 col-sm-3 col-sm-2 col-form-label">Name</label>
<div class="col-xl-10 col-lg-9 col-sm-10">
<input id="t-text" type="text" name="txt" placeholder="Name..." class="form-control" required="">
</div>
</div>
<div class="form-group row mb-4">
<label for="hEmail" class="col-xl-2 col-sm-3 col-sm-2 col-form-label">User Name</label>
<div class="col-xl-10 col-lg-9 col-sm-10">
<input id="t-text" type="text" name="txt" placeholder="User Name..." class="form-control" required="">
</div>
</div>
<div class="form-group row mb-4">
<label for="hEmail" class="col-xl-2 col-sm-3 col-sm-2 col-form-label">Email</label>
<div class="col-xl-10 col-lg-9 col-sm-10">
<input type="email" class="form-control" id="hEmail" placeholder="Email....">
</div>
</div>
<div class="form-group row mb-4">
<label for="hEmail" class="col-xl-2 col-sm-3 col-sm-2 col-form-label">Mobile Number </label>
<div class="col-xl-10 col-lg-9 col-sm-10">
<input id="tel-text" type="tel" name="tel" placeholder="Mobile Number....." class="form-control" required="">
</div>
</div>
<div class="form-group row mb-4">
<label for="hPassword" class="col-xl-2 col-sm-3 col-sm-2 col-form-label">Password</label>
<div class="col-xl-10 col-lg-9 col-sm-10">
<input type="password" class="form-control" id="hPassword" placeholder="Password...">
</div>
</div>
<div class="form-group row mb-4">
<label for="hPassword" class="col-xl-2 col-sm-3 col-sm-2 col-form-label">Repeat Password</label>
<div class="col-xl-10 col-lg-9 col-sm-10">
<input type="password" class="form-control" id="hPassword" placeholder="Repeat Password...">
</div>
</div>
<div class="form-group row mb-4">
<label for="hPassword" class="col-xl-2 col-sm-3 col-sm-2 col-form-label"> Date Between</label>
<div class="col-xl-10 col-lg-9 col-sm-10">
<input id="rangeCalendarFlatpickr" class="form-control flatpickr flatpickr-input active" type="text" placeholder="Select Date..">
</div>
</div>
<div class="form-group row mb-4">
<label for="hPassword" class="col-xl-2 col-sm-3 col-sm-2 col-form-label"> Group</label>
<div class="col-xl-10 col-lg-9 col-sm-10">
<select class="select_group">
<option>Choose Group</option>
<option value="owner">Owner</option>
<option value="auditor">Auditor</option>
</select>
</div>
</div>
<div class="form-group row mb-4 auditor owner group_select">
<label for="hEmail" class="col-xl-2 col-sm-3 col-sm-2 col-form-label">Divisional Office</label>
<div class="col-xl-10 col-lg-9 col-sm-10">
<input id="t-text" type="text" name="txt" placeholder="Divisional Office..." class="form-control" required="">
</div>
</div>
<div class="form-group row mb-4 auditor group_select">
<label for="hEmail" class="col-xl-2 col-sm-3 col-sm-2 col-form-label">Station Name</label>
<div class="col-xl-10 col-lg-9 col-sm-10">
<input id="t-text" type="text" name="txt" placeholder="Station Name..." class="form-control" required="">
</div>
</div>
<div class="form-group row">
<div class="col-sm-10">
<button type="submit" class="btn btn-primary mt-3">Lets Go</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="footer-wrapper">
<div class="footer-section f-section-1">
<p class="">Copyright © 2020 <a target="_blank" href="http://www.beatlebuddy.com/">Beatlebuddy</a>, All rights reserved.</p>
</div>
</div>
</div>
<!-- END CONTENT AREA -->
</div>
<!-- END MAIN CONTAINER -->
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<script src="assets/js/libs/jquery-3.1.1.min.js"></script>
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="bootstrap/js/popper.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="assets/js/app.js"></script>
<script>
$(document).ready(function() {
App.init();
});
</script>
<script src="plugins/highlight/highlight.pack.js"></script>
<script src="assets/js/custom.js"></script>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="assets/js/scrollspyNav.js"></script>
<script src="plugins/flatpickr/flatpickr.js"></script>
<script src="plugins/noUiSlider/nouislider.min.js"></script>
<script src="plugins/flatpickr/custom-flatpickr.js"></script>
<script src="plugins/noUiSlider/custom-nouiSlider.js"></script>
<script src="plugins/bootstrap-range-Slider/bootstrap-rangeSlider.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
var f3 = flatpickr(document.getElementById('rangeCalendarFlatpickr'), {
mode: "range"
});
</script>
<script>
$(document).ready(function(){
$("select").change(function(){
$(this).find("option:selected").each(function(){
var optionValue = $(this).attr("value");
if(optionValue){
$(".group_select").not("." + optionValue).hide();
$("." + optionValue).show();
} else{
$(".group_select").hide();
}
});
}).change();
});
</script>
<style>
select.select_group {
width: 100%;
padding: 10px 15px;
border-radius: 7px;
color: #8e8e8e;
font-size: 15px;
}
</style>
<style>body {
zoom: 93%;
}</style>
</body>
</html>