Part $3-$ Web Scripting $($PHP and JavaScript$)$ Create the following pages based on the HTML$/$CSS template created in part II$.$ Add the following PHP$/$JavaScript functionality: $5.$ login$.$php Create a login page that requires the user to input an email address and password. When the $$Login$$ button is clicked, the input is validated against the values stored in the $$persons$$ table. If the email and password is incorrect, error messages are displayed on the page. If the email and password are correct, the user is redirected to dashboard.php$.$ In addition, the login page contains a $$register$$ link so that a new user can register. If the register link is clicked, the user is redirected to register.php$.6.$ dashboard.php Create a dashboard.php page that generates $2$ lists of the following information using appropriate HTML controls; the report should show all the fields in the database for each entity. $1.$ Listing of all the Departments w$/$ an Edit button$/$link for each that, when clicked, goes to department.php$.$ Pass the deptID value via querystring for which was clicked for later use. $2.$ Listing of all the People in the Directory with their respective department names in plain$-$text. An SQL INNER JOIN keyword will help you draw the relationship through persDept and deptID. $7.$ register.php Create a new faculty$/$staff register page that contains appropriate HTML form controls to allow the user to input the following user data. Each input should have an associated tag. Email Address $-$ textbox Password $$ textbox with type$=$password$$ First Name $-$ textbox Last Name $$ textbox Phone Number $$ textbox Office Location $$textbox Department $$ dropdown list $().$ The value of the tag should be the deptID and the user should see the plain$-$text from deptName. These should be generated via the database and not hard$-$coded in$.$ Submit Button When the submit button is clicked, a javascript function is called to validate the user input. The javascript validation routine should ensure that all fields are required$/$input$,$ password is at least $8$ characters in length, and email should contain the $$@$$ and at least one dot $(.).($You may use the following simple email regular expression, $/^\backslash$w$+([-+.\text{'}]\backslash$w$+)*$@$\backslash$w$+([-.]\backslash$w$+)*\backslash .\backslash$w$+([-.]\backslash$w$+)*$$$/).$ If all data is correct, the data is inserted into the $$persons$$ table. If any input is incorrect or missing, error messages should be displayed within span tags to the right of the form controls. Make it easy for the user to figure out how to complete your form and put data in your database. $8.$ department.php The department.php page shows the department data associated with the current department passed via querystring from the dashboard.php page. The department should be displayed within appropriate form controls to allow the user to edit the information. The page also includes an $$Update$$ button.$$ If the $$Update$$ button is clicked, any changes to the data are updated to the $$departments$$ table in the database. All fields except the Primary Key $($PK$)$ should be editable. If successful, redirect the user back to the dashboard; if unsuccessful, display appropriate errors to the user.

$1.$ The site must utilize unobtrusive coding. All JavaScript and CSS should be coded in an external file $.$js and $.$css files. All JavaScript and CSS files should include comments and other appropriate documentation. All JavaScript routines should include appropriate error handling.