Besoin d'aide ?

Problème de rendu d'un form avec une boucle

Avatar de Bilal
Bilal

Salut à tous, Je rencontre un problème un peu particulier. J'affiche une liste de photos (6 au max) via une boucle for avec un form particulier pour supprimer une image. Mon problème c'est que la balise form ne s'affiche pas dans le premier item et il s'affiche dans le reste

        <div class="list-image">
            @for($i = 0; $i < 6; $i++)
            <div class="image-item">
                @if( $page->getMedia('page')->count() > $i )
                    <a  href="{{ route('image.destroy', $page->getMedia('page')[$i]->id) }}" onclick="event.preventDefault();
                                             document.getElementById('edit-form-{{$page->getMedia('page')[$i]->id}}').submit();">
                        <i class="fa fa-trash-o"></i>
                    </a>
                    <img src="{{$page->getMedia('page')[$i]->getUrl('thumb') }}" alt="" height="80">
                    <form id="edit-form-{{$page->getMedia('page')[$i]->id}}"
                          action="{{route('image.destroy', $page->getMedia('page')[$i]->id)}}"
                          method="POST">
                        @csrf
                    </form>
               @else
                    <i class="fa fa-picture-o"></i>
                @endif
            </div>
            @endfor
        </div>

Je reçois :

              <div class="image-item">
                   <a href="http://cccas.local/account/cccas-admin/content/delete/image/229" onclick="event.preventDefault();
                                             document.getElementById('logout-form-229').submit();">
                        <i class="fa fa-trash-o"></i>
                    </a>
                    <img src="http://cccas.local/storage/229/conversions/image245ffg5fd122547-thumb.jpg" alt="" height="80">
                    
                        <input type="hidden" name="_token" value="YeQIAwZNUlGIrlWvSA8CCTicG31jx9M3gskYjS8S">    
              </div>
               <div class="image-item">
                   <a href="http://cccas.local/account/cccas-admin/content/delete/image/229" onclick="event.preventDefault();
                                             document.getElementById('logout-form-229').submit();">
                        <i class="fa fa-trash-o"></i>
                    </a>
                    <img src="http://cccas.local/storage/229/conversions/image200528122547-thumb.jpg" alt="" height="80">
                      <form id="edit-form-230" action="http://cccas.local/account/cccas-admin/content/delete/image/230" method="POST">
                            <input type="hidden" name="_token" value="YeQIAwZNUlGIrlWvSA8CCTicG31jx9M3gskYjS8S">
                     </form>
              </div>
              .
              .
              .
              .
               
            

Quelqu'un a une idée d'où ça vient ce problème. Merci pour votre aide

Posté il y a 1 mois
Avatar de Bilal
Bilal

Le problème est résolu. C'est bête : J'ai imbriqué un form dans un autre.

Posté il y a 1 mois

Vous ne pouvez pas répondre à ce sujet.