viewEvents

<%@page import="dk.au.hum.imv.persistence.db.JDBCConnectionFactory,
java.util.*, DAO.*, java.sql.*, java.lang.String, java.lang.*, java.util.Date, domain.*"%>
<jsp:include page="header.jsp" />
<%

SessionModel model = (SessionModel)request.getSession().getAttribute("sessionModel");
if (!model.isLoggedIn()) {
	response.sendRedirect("login.jsp"); //send bruger til login
	return; //afslut afvikling af resten af siden
}

Student student = StudentDAO.getStudentById(model.getUserId());

String studentName = student.getName();
EventDAO eventDao = new EventDAO();

%>
<script src="js/maps.js"></script>
<script src="js/autocomplete.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCCNS2E4jSiLIjf0Vev6NO_MY_yBtHUtaA&libraries=places&callback=initAutocomplete"
        async defer></script>
<title>Studerende</title>

<script>
$(document).ready(function() {
$('#datepicker').datepicker({
	format: 'yyyy-mm-dd',
    weekStart: 1,
    language: "da"
	});
});
$("form").submit(function(){
    alert("Data bliver indsat, når der trykkes ok");
});
</script>

<%
	String name = request.getParameter("name");
	String description = request.getParameter("description");
	String date = request.getParameter("datepicker");
	String adress = request.getParameter("adress");

	String createButton = request.getParameter("submit");
	if (createButton != null) {
		Event latlng = Event.getlatlng(adress);
		Double lat = latlng.getlat();
		Double lng = latlng.getlng();
		String formattedAddress = latlng.getformattedAddress();
		long currentUser = model.getUserId();
		JDBCConnectionFactory.initManualConnectionHandling("jdbc:mysql://student.hum.au.dk:3306/infprojekt",
		"infprojekt", "1daKEoig", "com.mysql.jdbc.Driver");
		Event mitevent = new Event(name, date, description, lat, lng, formattedAddress, currentUser);
		EventDAO.setEvent(mitevent);
		String redirectURL = "/Studentsprojekt/viewevents.jsp";
		response.sendRedirect(redirectURL);
		}
%>
<%
JDBCConnectionFactory.initManualConnectionHandling("jdbc:mysql://student.hum.au.dk:3306/infprojekt",
"infprojekt", "1daKEoig", "com.mysql.jdbc.Driver");
ArrayList<Event> event = EventDAO.getAllEvent();
%>
<div class="container">
	<div class="blog-header">
        <h1 class="blog-title">Eventlisten</h1>
        <p class="lead blog-description">Her kommer oprettet Events</p>
        <hr>
	</div>
	<div class="row">

        <div class="col-sm-8 blog-main">

		<div class="blog-post">
				<%
				for (Event events : event) {
				%>
            <h2 class="blog-post-title">Event titel: <%=events.getName() %></h2>
            <p>Oprettet af: <%= eventDao.getEventAuthor(events.getStudentId()) %></p>
            <p class="blog-post-meta" id="dato">Dato: <%=events.convertDate() %></p>
            <p id="beskrivelse">Beskrivelse: <%=events.getDescription() %></p>
            <p id="placering">Placering: <%=events.getformattedAddress() %></p>
            <a href="https://www.google.com/maps/dir/Current+Location/<%=events.getlat()%>, <%=events.getlng()%>" class="btn btn-success" role="button" target="blank">Find vej</a>
            <p style="display:none;" id="lat"><%=events.getlat() %><p>
            <p style="display:none;" id="lng"><%=events.getlng() %><p>
            <hr>
            	<%
				}
				%>
				<div class="map_container">
					<div id="map_canvas" class="map_canvas"></div>
				</div>
		</div>
		<!-- /.blog-post -->

		</div>
		 <div class="col-sm-3 col-sm-offset-1 blog-sidebar">
          <div class="sidebar-module sidebar-module-inset">
            <h4>Opret et event:</h4>
<form id="eventFormular" action="viewevents.jsp" method="post" class="form-horizontal">
<fieldset>


<!-- Text input-->
<div class="form-group">
  <div class="col-md-4" style="width:100%;">
  <input id="name" name="name" type="text" placeholder="Navn" class="form-control input-md" required>

  </div>
</div>
<!-- Text input-->
<div class="form-group">
  <div class="col-md-4" style="width:100%;">
  <input id="adress" name="adress" type="text" placeholder="Adresse" class="form-control input-md">
  </div>
</div>
<!-- Description input -->
<div class="form-group">
  <div class="col-md-4" style="width:100%;">
    <textarea class="form-control" id="description" name="description" placeholder="Skriv lidt om begivenheden her:"></textarea>
  </div>
</div>

<!-- Date input-->
<div class="form-group">
	<div class="col-md-4" style="width:100%;">
		<input id="datepicker" name="datepicker" placeholder="Dato" />
	</div>
</div>

<!-- Button -->
<div class="form-group">
  <div class="col-md-4">
    <button id="submit" name="submit" class="btn btn-default" VALUE="Calculate dates" class="form-control input-md">Send</button>
  </div>
</div>

</fieldset>
</form>
          </div>
          <div class="sidebar-module">
            <h4>Archives</h4>

            <ol class="list-unstyled">
              <li><a href="#">March 2014</a></li>
              <li><a href="#">February 2014</a></li>
              <li><a href="#">January 2014</a></li>
              <li><a href="#">December 2013</a></li>
              <li><a href="#">November 2013</a></li>
              <li><a href="#">October 2013</a></li>
              <li><a href="#">September 2013</a></li>
              <li><a href="#">August 2013</a></li>
              <li><a href="#">July 2013</a></li>
              <li><a href="#">June 2013</a></li>
              <li><a href="#">May 2013</a></li>
              <li><a href="#">April 2013</a></li>
            </ol>
          </div>
          <div class="sidebar-module">
            <h4>Elsewhere</h4>
            <ol class="list-unstyled">
              <li><a href="#">GitHub</a></li>
              <li><a href="#">Twitter</a></li>
              <li><a href="#">Facebook</a></li>
            </ol>
          </div>
        </div><!-- /.blog-sidebar -->
		</div>


</div>
<script>
$("#eventFormular").validate({
	rules: {
		name: "required",
		adress: "required",
		description: "required",
		datepicker: "required"

	},
	messages: {
		name: "Skriv dit navn",
		adress: "Skriv din adresse",
		description: "Hov, du mangler at skrive noget her!",
		datepicker: "Noter datoen"
	}
});
</script>
<jsp:include page="footer.jsp" />
</body>
</html>