لاگین با استفاده ازmodal

سلام

مشابه فیلم ها شما از دو روت استفاده می کنید برای ثبت نام کاربر خب روت اول فرم ثبت نام را نشان می دهد و روت دوم اطلاعات وارد شده در فرم دریافت می کند.

خب حالا ما به جای استفاده از روت اول بیاییم در طراحی مون از modal استفاده کنیم برای نمایش فرم ثبت نام و فرم ورود

و با روت دوم  بیایم  اطلاعات فرم را دریافت کنیم

بنده این کار را کرده ام

 این روت ام

Route::get('/', function () {
    return view('laravel-exemple1.layouts.layets');
});

Route::group(['prefix'=>'AuthExempleOne', 'namespace'=>'AuthExempleOne'],function () {

      Route::post('register','RegisterExempleOneController@register')->name('AuthExempleOne.register');


});

این کنترلم

namespace App\Http\Controllers\AuthExempleOne;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;

class RegisterExempleOneController extends Controller
{



    public function register(Request $request)
    {
        $request=$this->validateForm($request);
      return $request;
    }

    public function validateForm($request)
    {
        $request->validate([
           'email'=>['required','string','email','max:255','unique:user'],
            'name'=>['required','string','max:255'],
            'password'=>['required','string','min:8','max:12','confirmed']
        ]);
    }
}

این هم فرم ثبت نام

    <div id="id01" class="modal" style="top: 89px;width: 85%;margin-right: 167px">
<div class="row justify-content-center">
    <div class="col-md-8">
        @include('partials.alerts')
        <div class="card">
            <div class="card-header">
                <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
               @lang('authExempleOne.register user')
            </div>
            <div class="card-body">

            <form method="POST" action="{{route('AuthExempleOne.register')}}">
                @csrf
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label" for="email">@lang('authExempleOne.email')</label>
                        <div class="col-sm-9">
                        <input type="email" name="email" class="form-control" id="email" value=""
                                aria-describedby="emailHelp" placeholder="@lang('authExempleOne.enter your email')">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label" for="name">@lang('authExempleOne.name')</label>
                        <div class="col-sm-9">
                            <input value="" type="text" name="name" class="form-control" id="name"
                                placeholder="@lang('authExempleOne.enter your name')">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label" for="password">@lang('authExempleOne.password')</label>
                        <div class="col-sm-9">
                            <input  type="password" name="password" class="form-control" id="password"
                                placeholder="@lang('authExempleOne.enter your password')">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label" for="password_confirmation">@lang('authExempleOne.confirm password')</label>
                        <div class="col-sm-9">
                            <input  type="password" name="password_confirmation" class="form-control"
                                id="password_confirmation" placeholder="@lang('authExempleOne.confirm your password')">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label" for="phone_number">@lang('authExempleOne.phone number')</label>
                        <div class="col-sm-9">
                            <input value="" name="phone_number" type="tel" class="form-control" id="phone_number"
                                placeholder="@lang('authExempleOne.enter your phone number')">
                        </div>
                    </div>
                    <div class="offset-sm-3">
                    @include('partials.validation-errors')
                    </div>
                    <button type="submit" class="btn btn-primary">@lang('authExempleOne.register')</button>
                </form>

            </div>
        </div>
    </div>
</div>
    </div>

    <script>
        // Get the modal
        var modal = document.getElementById('id01');
        var modal1 = document.getElementById('id02');

        // When the user clicks anywhere outside of the modal, close it
        window.onclick = function(event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
    </script>

حالا این ارور را به من می دهد

"The POST method is not supported for this route. Supported methods: GET, HEAD."

یادم هست که در فیلم های جلوتر در پارامتر اول روت از یک آکولاد استفاده می شد

اون جا یک فیلد مثلا 

id

 از 

blade

دریافت می کردیم

این جا هم به همین شکل است؟