The next view that I'd like to take a look at is the New Todo List form.

So here, we can create new To do lists.

And you'll see that we already have some of the default styling that we applied

previously, but

we should add some new markup here just to clean up this particular form.

Now as I mentioned previously, Jason is gonna be using something called

form builder, to extract the templates that I'm writing here.

So we're actually going to leave the edit view for this alone,

along with the new item, and the edit item views.

So we're just gonna do todo_lists/new.

So let's switch over to our text editor, open app,

views, to-do lists, new and

then let's also open the form for this.

Now I actually am going to leave the form partial here.

And, not copy this over into the new view as we've done previously.

We're just going to use the partial and make some adjustments here.

First, let's switch over to this new view and change two things.

First, I wanna remove this back link, down at the bottom.

And then, up here at the top I'd like to say add

a to do list, just to make it a little bit more human friendly.

So that looks good.

Let's jump over to this form partial and first,

I'd like to remove these wrapper divs, we don't need them.

And we also don't need this line break here.

And if we save this out, go back to our form, and refresh the page here,

you'll see that this now says Add a Todo List, but the label isn't too great.

It says title but

I think we can do a little bit better by saying list title to be more specific.

So to override this label here, just put a comma and

we'll say label: "List Title".

And I also want this to autofocus when the page loads because

there's only one field here so it makes sense to autofocus it.

And just do that and that should autofocus the field.

So let's save that, and you'll notice we're not focused on this right now.

If we refresh the page you'll notice that nothing happens and

that's because that should actually auto focus when we use form builder.

So that will come later.

Now we need to adjust this submit button.

And we're going to use some very similar markup.

In fact, the exact same markup as we used in the user edit view.

So let's open that up, and let's just copy all of this button markup right here.

We'll go back to our todo list form partial, and

replace this submit button with that markup, and

let's just make sure this is all indented properly.

There we go, and we'll save that.

Switch back and refresh, and as you can see, we now have these

nice save buttons, so we can create a new todo list.

And click save.

And, as you can see, that will create todo lists for us.

So, let's switch back to our terminal.

Do a git status just to check up on things.

That looks good.

Do a git add dot then git commit, and we'll say add

markup for to do list new form.

And then we'll do a git push and that should do it for that view.