restaurant_home | Webpack NPM | Frontend Framework library

So, I am following code4startup tutorial on how to create a similar to Ubereats app. Right now, I am trying to register a new Restaurant & restaurant owner to the database. I am using a form from Django to handle all the datafields.

Everything works fine until I hit the "sign-up" button. My code is SUPPOSED TO POST all the data from the form into the database, then automatically log-in the newly created restaurant owner into the restaurants page. HOWEVER, when i press the sign-up button, nothing happens and instead the sign-up page is reloaded.

How can i solve this issue? The tutorial I'm following is from 2017 i think so the django version the author uses is old.

Below are some snippets from my code:

SIGN-UP HTML (BUTTON ONLY, FORM WORKS OK):

When I go to "http://127.0.0.1:8000/restaurant/sign-in/" I get page not found (404) error. But I can go to "http://127.0.0.1:8000/restaurant/$" to access the home page.

I also tried "http://127.0.0.1:8000/restaurant/sign-in/$" but this also gives me error (init() takes 1 positional argument but 2 were given).

My urls.py is

I'm saving business hours to restaurants when they sign up on my platform but, I'm getting this error: "ValueError: save() prohibited to prevent data loss due to unsaved related object restaurant."

It was working prior and changed after I dropped my tables to start a new migration. Here is where the error is pointing to: