  <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="/es/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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMCtRQWc9PSIsImV4cCI6IjIwMjYtMTAtMjlUMDc6MDI6NTkuMjU0WiIsInB1ciI6ImJsb2JfaWQifX0=--2c7b67907f75963397e469be4079856283be2e5c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIyazNhVGM2Q25OaGRtVnlld2s2RTNOMVluTmhiWEJzWlY5dGIyUmxTU0lIYjI0R09nWkZWRG9LYzNSeWFYQlVPZzVwYm5SbGNteGhZMlZVT2d4eGRXRnNhWFI1YVdrPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--73942a2ae21b0fec9f4296141ca1a79d342dc2a3/default-avatar.jpg?locale=es" />
            </div>
</a>          <div class="d-block ps-3">
            <a data-turbo="false" class="text-decoration-none" href="/es/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">alrededor de 2 meses</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="/es/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="/es/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="6tcJnk_QhRSAY0DezNRcuhQaytqaTc7b11J65k5Od_bXADd3VVNe5V5GpWZ7raJxHHsGNE0oYodtIDb7gPqH1g" 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="/es/comments/975/reports/new">
                      <span class="fs-sm">
                        Reportar este comentar
                      </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="es">
      <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">
            <button class="btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="translateBtn" data-action="click->content-translator#translate">
              <span class="fw-normal">Ver traducción</span>
            </button>
            <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="seeTranslationBtn" data-action="click->content-translator#toggleBtn">
              <span class="fw-normal">Ver traducción</span>
            </button>
            <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="backOriginBtn" data-action="click->content-translator#toggleBtn">
              <span class="fw-normal">mostrar original</span>
            </button>
        </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">
              <span class="fs-sm mx-2">|</span>
            <button class="btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="translateBtn" data-action="click->content-translator#translate">
              <span class="fw-normal">Ver traducción</span>
            </button>
            <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="seeTranslationBtn" data-action="click->content-translator#toggleBtn">
              <span class="fw-normal">Ver traducción</span>
            </button>
            <button class="d-none btn btn-xs btn-link p-0 fw-bold text-decoration-none" data-content-translator-target="backOriginBtn" data-action="click->content-translator#toggleBtn">
              <span class="fw-normal">mostrar original</span>
            </button>
        </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>
