Unable to pass ID in modal

<button type="button" class="btn btn-icon rounded-circle btn-outline-primary"
         data-bs-toggle="modal" data-bs-target="#edit{{ $Country->id }}">
                  
</button>

<div class="modal fade text-start" id="edit{{ $Country->id }}" tabindex="-1" aria-labelledby="myModalLabel33"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myModalLabel33">{{ trans('countries.editcountry') }}</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form action="{{ route('Countries.update') }}" method="POST">
                        @csrf
                        <div class="modal-body">
                            <label for="Name_en">{{ trans('countries.countryenglishname') }}</label>
                            <div class="mb-1">
                                <input type="text" name="Name_en" placeholder="Country English Name"
                                    class="form-control" />
                            </div>
                            <label for="Name_ar">{{ trans('countries.countryarabicname') }}</label>
                            <div class="mb-1">
                                <input type="text" name="Name_ar" placeholder="Country Arabic Name"
                                    class="form-control" />
                            </div>
                            <label for="Country_code">{{ trans('countries.countrycode') }}</label>
                            <div class="mb-1">
                                <input type="text" name="Country_code" placeholder="Country Code"
                                    class="form-control" />
                            </div>
                            <label>{{ trans('countries.countrynotes') }}</label>
                            <div class="mb-1">
                                <textarea type="text" name="Country_notes" placeholder="Country Notes" class="form-control"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" id="type-success"
                                class="btn btn-primary">{{ trans('countries.save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

@dd($Country)
<button type="button" class="btn btn-icon rounded-circle btn-outline-primary"
         data-bs-toggle="modal" data-bs-target="#edit{{ $Country->id }}">
                  
</button>

<div class="modal fade text-start" id="edit{{ $Country->id }}" tabindex="-1" aria-labelledby="myModalLabel33"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myModalLabel33">{{ trans('countries.editcountry') }}</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form action="{{ route('Countries.store') }}" method="POST">
                        @csrf
                        <div class="modal-body">
                            <label for="Name_en">{{ trans('countries.countryenglishname') }}</label>
                            <div class="mb-1">
                                <input type="text" name="Name_en" placeholder="Country English Name"
                                    class="form-control" value="{{ $Country->getTranslation('CountryName', 'en') }}" />
                            </div>
                            <label for="Name_ar">{{ trans('countries.countryarabicname') }}</label>
                            <div class="mb-1">
                                <input type="text" name="Name_ar" placeholder="Country Arabic Name"
                                    class="form-control" value="{{ $Country->getTranslation('CountryName', 'ar') }}" />
                            </div>
                            <label for="Country_code">{{ trans('countries.countrycode') }}</label>
                            <div class="mb-1">
                                <input type="text" name="Country_code" placeholder="Country Code"
                                    class="form-control" />
                                {{ $Country->CountryNumCode }}
                            </div>
                            <label>{{ trans('countries.countrynotes') }}</label>
                            <div class="mb-1">
                                <textarea type="text" name="Country_notes" placeholder="Country Notes" class="form-control">{{ $Country->CountryNotes }}</textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" id="type-success"
                                class="btn btn-primary">{{ trans('countries.save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>