<?php
session_start();
include 'actions/dbconnection.php';
$sql = "SELECT * FROM team";
$result = $conn->query($sql);
$arows = mysqli_num_rows($result);

$id=time().rand(1,9);

?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
	<title>Wisibles</title>
    <link rel="icon" href="images/fav-icon.svg" type="image/svg" sizes="16x16">
    
    <link rel="stylesheet" href="css/main.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/color.css">
    <link rel="stylesheet" href="css/responsive.css">
	<link href="plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">

</head>
<body>
<div class="page-loader" id="page-loader">
	 <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
	 <span>Loading...</span>
</div><!-- page loader -->
<div class="theme-layout">
	
	<?php include 'header.php'; ?>
	<div class="top-sub-bar">
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-6 col-md-6 col-sm-6">
					<div class="menu-btn">
						<i class="">
                        <svg id="menu-btn" 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></i>
					</div>
					
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6">
					<ul class="breadcrumb d-none d-sm-block">
						<li><a href="#" title="">Home</a></li>
						<li><a href="#" title="">Members Management</a></li>
					</ul>
				</div>
			</div>
		</div>	
	</div><!-- top sub bar -->
	<?php include 'left_menu.php'; ?>
	

	<div class="container-fluid">
		<div class="row">
            <form action="actions/add_team_members_exec.php" method="post" enctype="multipart/form-data">
			<div class="col-lg-12">
				<div class="panel-content">
					<h4 class="main-title">Members Management <i class="icofont-pen-alt-1"></i></h4>
					<div class="row merged20 mb-4">
						<div class="col-lg-4">
							<div class="d-widget text-center">
								<div class="user-avatar-edit">
									<figure><img src="images/resources/user-mockupbg.jpg" alt=""></figure>
									
								</div>
							</div>	
							
						</div>
						<div class="col-lg-8">
						
							
		<div class="streamline ">
										
            <div class="col-lg-11">
				<div class="panel-content1 ">
				
					<div class="row merged20 mb-4">
						
						<div class="main-wraper1 ">
                            <div class="tab-content" id="components-nav">
                                <!-- settings -->
                                <div class="tab-pane active fade show" id="account">
									<div class="uk-width">
										<div class="setting-card">
											<h3>Add Team Member</h3>
											
											<h5>Basic Member information</h5>
										<br>
											<p style="color:red"><?php if(isset($_GET['msg']))  echo $_GET['msg'];  ?></p>
											
												<fieldset class="row merged-10">
												
                                                    <div class="mb-4 col-lg-12">
														<input class="uk-input" type="text" placeholder="Name" name="name" required>
													</div>
                                                    <div class="mb-4 col-lg-12">
														<input class="uk-input" type="text" placeholder="Email" name="email" required>
													</div>
                                                    <div class="mb-4 col-lg-12">
														<input class="uk-input" type="text" placeholder="Phone Number" name="mobile" required>
													</div>
													<div class="mb-4 col-lg-12">
														<input class="uk-input" type="text" placeholder="Login Id" name="login_id" required>
													</div>
													<div class="mb-4 col-lg-12"> 
														<input class="uk-input" type="password" placeholder="Password" name="password" required>
													</div>

													
													<div class="mb-4 col-lg-6">
														<select name="role" required style="width:100%">
                                                            <option value="">Select Your Role</option>
															<option value="Super Admin">Super Admin</option>
                                                            <option value="Admin">Admin</option>
                                                            <option value="Employee">Employee</option>
															<option value="Channel Partner">Channel Partner</option>
															
                                                        </select>
													</div>
                                                    
													<div class="mb-0 col-lg-12">
													<br>
														<button type="submit" class="button primary circle">Add Team Member</button>
													</div>	
												</fieldset>
                                                
										</div>
									</div>
                                </div>
                                
                            </div>
                        </div>
					</div>	
				</div>
			</div>

									
									</div>	
								
							
						</div>
					</div>	
				</div>
			</div>
         </form>
		</div>
	</div>
	
	<!-- side slide message & popup -->
</div>
	
	<script src="js/main.min.js"></script>
	<script src="js/vivus.min.js"></script>
	<script src="js/script.js"></script>
	
	<script src="plugins/apex/apexcharts.min.js"></script>
	<script src="js/graphs-scripts.js"></script>

	

</body>	

</html>