<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Create Community - TEAM</title>
<link rel="stylesheet" type="text/css" href="asset/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="asset/css/style.css" />
<link rel="stylesheet" type="text/css" href="asset/css/style2.css" />
<script type="text/javascript" src="asset/js/jquery.js"></script>
<script src="asset/js/jquery.fcbkcomplete.js"></script>
<script type="text/javascript" src="asset/js/script.js"></script>
<script type="text/javascript">
$(document).ready(function(){                
    $("#select3").fcbkcomplete({
        json_url: "home.php?action=search",
        addontab: true,
        height: 3,
		complete_text: "Masukkan nama anggota...",
		firstselected: true,
        cache: true
    });
});
</script>
</head>
<body>
<!--nav-->
<nav class="navbar navbar-default" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="<?php echo base_url ?>" style="height:50px;padding:2px 15px;font-family:Modern;"><img src="asset/image/pic_0000_Group-1-copy.png" height="100%"/> Socmed Campus</a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	  <div class="cari" style="margin-left:500px">
      <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" size="30" id="search" style="width:320px;" class="form-control" autocomplete="off" placeholder="Search" onkeyup="lookup(this.value);">
        </div>
		<div id="suggestions"></div>
      </form>
	  </div>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="home.php"><img src="asset/image/home.png" width="20px" title="Home"></a></li>
        <li><a href="<?php base_url ?>profile.php?id=<?php echo $_SESSION['username'] ?>"><img src="asset/image/profile.png" width="20px" title="Profile"></a></li>
        <li><a href="community.php" id="com"><img src="asset/image/community.png" width="20px" title="Community"></a></li>
		<li><a href="<?php base_url ?>home.php?action=logout" id="com"><img src="asset/image/logout.png" title="Logout" width="20px"></a></li>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<!--content-->
<div class="rows">
<div class="container">
<div class=col-lg-4>
</div>
<div class=col-lg-4>
<h3 align="center"> COMMUNITIES FORM</h3>
<br />
<form role="form"  method="post" action="community.php?action=createAction" enctype="multipart/form-data">
  <div class="form-group">
    <label for="InputName">Community Name</label>
    <input type="text" name="name" class="form-control" id="name" placeholder="Enter name" required>
  </div>
  <div class="form-group">
  	<label for="InputType">Type</label> <br />
  		<select name="type" id="Type" style="width:100%">
    		<option value="Lab">Lab</option>
    		<option value="Organisasi">Organisasi</option>
    		<option value="UKM">UKM</option>
    		<option value="Kepanitiaan">Kepanitiaan</option>
    	</select>
  </div>
  <div class="form-group">
    <label for="InputLocation">Location</label>
    <input type="text" name="location" class="form-control" id="Location" placeholder="Enter Location" required>
  </div>
  <div class="form-group">
    <label for="InputDescription">Description</label>
	<textarea name="desc" class="form-control" id="description" placeholder="Enter description..." rows="4" required></textarea>
  </div>
  <div class="form-group">
    <label for="InputDescription">Member</label>
	<select id="select3" name="select3" class="form-control">
    </select>
  </div>
  <div class="form-group">
    <label for="InputDescription">Photo</label>
	<input type="file" name="file">
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
  <a href="javascript:javascript:history.go(-1)"><button type="button" class="btn btn-default">Back</button></a>
</form>
</div>
</div>
</div>



<!--footer-->
<div id="footer" style="background-color:#222;color:#fff;padding:10px;box-sizing:border-box;margin-top:20px;">
    <div class="container">
       <p class="text-muted">copyright by <span class="glyphicon glyphicon-copyright-mark"></span> IFTeam</p>
    </div>
</div>
</body>
</html>