Welcome to forms in Flask! (Note that this comes after routing with Flask.) Please read all the instructions so you don't get lost halfway through, but definitely feel free to ask for help if you get stuck. Good luck, and have fun!

Before you start coding, make sure you fork and clone the repository for this lab:

cd ~/Desktop
git clone https://github.com/YOUR_GITHUB_USERNAME/y2s18-forms.git

Important: Work in the exercises folder!

In app.py, add a route to /add to return the add.html template. Name the method add_student_route().

Edit your add_student_route() method for the route to /add so that it takes both GET and POST requests.

If a GET request comes in, return the add.html template like before, but if a POST request comes in, print 'Received POST request!' and then return the same template.

Bonus: Your browser automatically makes GET requests, so it's hard to test whether your response to POST requests is working correctly. Set up Postman, a Chrome App, to make a POST request to your server, and make sure that you can see 'Received POST request!'.

In the add.html template, between the <form> tags, add two <input> tags, one with name=student_name and one with name=student_year. Add one more <input> tag, this time with type=submit and value=Submit.

Now we need to add to the POST method of the /add route we have created in app.py. If the request is a POST request, add the information from the student to the database. You only need to change the print statement, since you can still return the same template as before.

Hint: Look at the add_student() method in databases.py.

Hint: The name of the form element corresponds to the value of that element in request.form.

Important: Work in the lab folder!

In student.html, add a <form> tag that has one <input> element with type="submit" and value="delete". Edit the form element so that when submitted, it makes a POST to /delete/<student_id>, where the student_id is of the article currently being viewed. Hint: You will need to change the method attribute of <form>.

In app.py, create a new route to /delete/<int:student_id> that only accepts POST requests.

In the new route, use the database functions you've already created to delete the student entry with the given student_id.

Then redirect the user back to the home page by returning the home page using one of the Flask functions we've learned. Hint: Use redirect(url_for()).

You can now make your website look prettier using CSS and additional templating, as you've learned in the past few days.

For this part, you'll need to create a new template called edit.html. Make sure you place it in the templates folder!

Add a form to this new template for editing a student's finished_lab status. What information is necessary to edit the database entry?

In app.py, add a new route to /edit/<int:student_id>. When a GET request is made to this route, it should return the template we just made. When a POST request is made to this route, it should make a database call to update the given entry and then return the student's page.

In student.html, add a link to the new route for editing. You should now be able to navigate the website and add new students, delete students, and update whether individual students have completed their labs.

1. Add any links between pages that you think are missing.

2. Add a way to search for student by name, using GET query string parameters.

3. Figure out a way to add a photo to each student's page.