Html Model Box not work loop in laravel view

i want to show texts in web-page using loop with html Modal Box.texts saved in database.i using laravel framework.only show modal box for first item.maybe it's can be javascript not loading problem. i used https://www.w3schools.com/howto/howto_css_modals.asp Modal box tutorials.used that css and javascript code.

just used w3schools code.

 <div class="row">
            @foreach($dw as $ad)
                <!-- single product -->
                <div class="col-lg-4 col-md-6">
                    <div class="single-product">

                    <!---->
                    <div>
                    <img class="img-fluid" src="" alt="">
                    </div>
                        <div class="product-details">
                            <h3 col-xl-5></h3>
                            <div class="price col-xl-11">
                                <h6 col-xl-12></h6>
                                <div>
                                <button id="myBtn">Details</button>

                                <!-- The Modal -->
                                <div id="myModal" class="modal">

                                <!-- Modal content -->
                                <div class="modal-content">
                                <span class="close">&times;</span>
                                   <p></p>
                                 </div>

                                </div>
                                </div>
                            </div>
                            <div class="prd-bottom"><a href="">Send Your CV</a></div>
                        </div>
                    </div>
                </div>@endforeach

no errors show. but not work modal box for all sets,only show in first item in loop

via Chebli Mohamed