Laravel- Form post going to wrong URL

I am learning Laravel from scratch.

I am doing simple form "POST" but something is missing and I am not able to find out what is missing.

So here is my "routes.php":

Route::get('cards','CardsController@all'); Route::get('cards/{card}','CardsController@show'); Route::post('cards/{card}/notes','NotesController@new');

and view:

<div>
                <form method="POST" action="cards/{{ $card->id }}/notes">
                    <div class="form-group">
                        <label>Note body:</label>
                            <textarea name="body" class="form-control"></textarea>
                    </div>

                    <button type="submit" class="btn btn-primary">Add</button>
                </form>
            </div>

and here is controller:

`

   namespace App\Http\Controllers;

   use Illuminate\Http\Request;

  use App\Http\Requests;

   class NotesController extends Controller
   {
       public function new(Request $request){
          return $request->all();
      }
   }

`

Now when I submit the form it gives me following error:

NotFoundHttpException in RouteCollection.php line 161

and the URL in browser becomes:

http://localhost:88/learning/cards/cards/1/notes

which is definitely wrong.

I think I am missing something very basic.

Please guide me.

Thank you.

via Chebli Mohamed