Create a PHP/HTML Template with both vertical tabs and horizontal tabs (concept image provided below) that interacts with a SQLite database ([login to view URL]). All styling should be stored in a CSS.
## Deliverables
The
PHP/HTML pages should include both vertical tabs and horizontal tabs (concept image attached) that interacts with a SQLite database ([login to view URL]).
1. The site is basically a series of online forms that users will fill out.
2. The site should connect to the SQLite database using PHP PDO. The nice thing about using PDO (PHP Data Objects) is that you can switch database engines by a simple change in the connection string. The only use of PHP will be for these connections; the rest will be simple HTML.
3. All of the styling for the HTML should be stored in a Cascading Style Sheet.
4. All of the tabs (both vertical and horizontal) should be rounded.
5. Each vertical tab could be considered a "group" of the 5 horizontal tabs.
6. Each vertical and horizontal tab combo would be its own PHP page. The names of the pages and the order or the navigation is listed below.
7. Each page should contain a styled Next button in the lower-right of each main panel.
8. The Next button should store all entered values, then move to the next page based on the order listed below.
9. All data entered should be stored in a SQLite database ([login to view URL]).
10. The SQLite database should contain one table for each vertical tab that contains the values from the form fields of all 5 horizontal tabs in that vertical tab group.
11. Each subsequent visit to a page should populate the form fields with the values from the database.
12. The tab styles should differ depending on whether the user has already entered data on that tab. For instance, the tab may have black text on a white background if none of that page's form fields are populated. The tab may have blue text on a light-green background if that page's form fields were populated from the database.
13. The template should include a sidebar on the right of the main section that contains information specific to that page.
14. Based on 5 vertical tabs and 5 horizontal tabs, there will be 25 PHP pages. The order of navigation should be (where "v" stands for Vertical Tab and "h" stands for Horizontal Tab:
1. [login to view URL]
2. [login to view URL]
3. [login to view URL]
4. [login to view URL]
5. [login to view URL]
6. [login to view URL]
7. [login to view URL]
8. [login to view URL]
9. [login to view URL]
10. [login to view URL]
11. [login to view URL]
12. [login to view URL]
13. [login to view URL]
14. [login to view URL]
15. [login to view URL]
16. [login to view URL]
17. [login to view URL]
18. [login to view URL]
19. [login to view URL]
20. [login to view URL]
21. [login to view URL]
22. [login to view URL]
23. [login to view URL]
24. [login to view URL]
25. [login to view URL]
15. The site should also be able to connect to a MySQL database using PHP PDO (PHP Data Objects) by a change in the connection string. Connection strings should be provided for both SQLite and MySQL.