  <turbo-stream action="append" target="listing_389_comments"><template>
      <div class="col px-0">
        <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlEYjIxdFpXNTBMemszTlE6ZmVhdHVyZXMi--2a33e9604e04a6491fc53b581c2bf0055151ef4b8428d67e27c33abd35db5a5a"></turbo-cable-stream-source>
<turbo-frame id="comment_975">
  <div class="bg-gray-100 "
        data-comment-target="comment" data-comment-user="30053" >
    <!-- Comment user -->
    <div class="d-flex justify-content-between mb-1 gap-3">
      <div class="d-flex align-items-start justify-content-start gap-3 flex-grow-1 mb-3">
        <div class="d-flex align-items-center flex-grow-1">
          <a data-turbo="false" class="text-decoration-none" href="/fr/users/azziza-cher">
            <div class="ratio ratio-1x1 flex-shrink-0 bg-body-secondary rounded-5 overflow-hidden" style="aspect-ratio: 1/1; width: 40px; height: 40px ">
              <img width="40px" class="object-fit-cover rounded-5" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMCtRQWc9PSIsImV4cCI6IjIwMjYtMTAtMjlUMDc6NDQ6NTkuOTI3WiIsInB1ciI6ImJsb2JfaWQifX0=--476cabfc101edbe87f2ec42ef56618d16c371da7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIyazNhVGM2Q25OaGRtVnlld2s2RTNOMVluTmhiWEJzWlY5dGIyUmxTU0lIYjI0R09nWkZWRG9LYzNSeWFYQlVPZzVwYm5SbGNteGhZMlZVT2d4eGRXRnNhWFI1YVdrPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--73942a2ae21b0fec9f4296141ca1a79d342dc2a3/default-avatar.jpg?locale=fr" />
            </div>
</a>          <div class="d-block ps-3">
            <a data-turbo="false" class="text-decoration-none" href="/fr/users/azziza-cher">
              <h6 class="mb-0 d-flex gap-2 align-items-center"> Azzîza cher
              </h6>
</a>            <div class="fs-xs text-body-secondary">environ 2 mois</div>
          </div>
        </div>
          <div class="d-none zindex-1" id="commentMenu">
            <div class="d-flex gap-2 h-100">
              <div class="dropstart">
                <button class="btn btn-icon btn-sm fs-xl text-dark-emphasis border-0" type="button" id="comment_975_contextMenu" data-bs-toggle="dropdown"
                                    aria-expanded="false"><i class="fi-more-vertical"></i>
                </button>
                <ul class="dropdown-menu mx-1 text-start"
                                    aria-labelledby="comment_975_contextMenu">
                  <li id="privateItem">
                    <!-- Edit comment -->
                    <a data-turbo-frame="comment_975" class="dropdown-item text-decoration-none" href="/fr/listings/Location-courte-dure-tage-de-villa--El-marsa-Alger/comments/975/edit">
                      <span class="fs-sm">Edit</span>
</a>                  </li>
                  <li id="privateItem">
                    <!-- Delete comment -->
                    <form class="button_to" method="post" action="/fr/comments/975/soft_destroy"><input type="hidden" name="_method" value="patch" autocomplete="off" /><button data-confirm="Are you sure?" data-turbo-confirm="Are you sure?" class="dropdown-item" type="submit">
                      <span class="fs-sm">Delete</span>
</button><input type="hidden" name="authenticity_token" value="g7PmjmcZXDBkROf_M8pl1f7YZaB2kFjX7CjbQKC4YGqvF_D0x_mPkyJnRJ4CDdY3NWMF2-Eh-HiLJU6NGPspmA" autocomplete="off" /></form>                  </li>
                  <li id="publicItem" data-bs-toggle="modal" data-bs-target="#report_modal">
                    <!-- Report comment -->
                    <a class="dropdown-item" data-turbo-frame="new_report" href="/fr/comments/975/reports/new">
                      <span class="fs-sm">
                        Signaler commentaire
                      </span>
</a>                  </li>
                </ul>
              </div>
            </div>
          </div>
      </div>
        <span class="">
          <span class="mx-1"> 5 </span>
          <span class="star-rating">
            <i class="star-rating-icon fi-star-filled mt-n1"></i>
          </span>
        </span>
    </div>
    <!-- Comment content -->
    <div class="mb-3" data-controller="content-translator" data-content-translator-languagetarget-value="fr">
      <div class="mb-2" style="width: fit-content;">
        <div dir="auto" class="fs-base mb-0" data-content-translator-target="originText">
            très très bon accueil, logement très propre et calme avec jardin et eau H 24 + climatisation .  
La maison est très belle + située dans un endroit bien calme.
près de plages et commerces.
aucun soucis. 

Merci au propriétaire qui est gentil et respectueux 

je souhaite de le relouer inchallah..... je vous donne 100 étoiles.
        </div>
        <div class="d-none fs-sm mb-2 py-2 rounded-1 " data-content-translator-target="translatedText"></div>
        <div class="d-flex align-items-center gap-2 mt-2">
        </div>
      </div>
      <div class="d-flex align-items-center justify-content-start gap-2">
          <!-- Reaction -->
          <div class="d-flex">
              <button type="button" class="btn btn-lg btn-outline-secondary border-0 px-3">
                <i class="fi-heart fs-lg me-2 ms-n1"></i>
                <span id="comment_975_reaction_count">
  1
</span>

              </button>
          </div>
          <!-- Reply -->
            <span class="fs-sm mx-2">|</span>
            <div class="d-flex align-items-center justify-content-between">
                <button type="button" class="btn btn-lg btn-outline-secondary border-0 px-0">
                  <i class="fi-corner-up-left me-2 ms-n1 " style="font-size: 24px"></i>
                  <div class="" id="comment_975_replies_count">
  0
</div>

                </button>
            </div>
        <!-- Translation -->
        <div class="d-flex align-items-center gap-2 d-none">
        </div>
      </div>
    </div>
    <!-- Comment replys -->
      <div class="border-start ps-3">
        <turbo-frame id="comment_975_replies"></turbo-frame>
      </div>
  </div>
</turbo-frame>
      </div>
</template></turbo-stream>  <turbo-stream action="remove" target="listing_389_comments_placeholder"></turbo-stream>
    <turbo-stream action="remove" target="listing_389_comments_pagination"></turbo-stream>
