  <turbo-stream action="append" target="share_2013_comments"><template>
      <div class="col px-0">
        <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlEYjIxdFpXNTBMelV3TVE6ZmVhdHVyZXMi--a8e4db15f773a7d097ce7f660102ed33e88c0b1b8e8afb3799e3cace83d65ceb"></turbo-cable-stream-source>
<turbo-frame id="comment_501">
  <div class="bg-gray-100 "
        data-comment-target="comment" data-comment-user="168" >
    <!-- 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="/it/users/youcef-dani">
            <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBajlIIiwiZXhwIjoiMjAyNi0wNi0yM1QxNzowNjo0OS4yNzdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--4fdf3cc387c5d957e826277ad08bb1c59720c66f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIyazNhVGM2Q25OaGRtVnlld2s2RTNOMVluTmhiWEJzWlY5dGIyUmxTU0lIYjI0R09nWkZWRG9LYzNSeWFYQlVPZzVwYm5SbGNteGhZMlZVT2d4eGRXRnNhWFI1YVdrPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--73942a2ae21b0fec9f4296141ca1a79d342dc2a3/Screenshot_2025-04-05-15-33-52-382_com.facebook.katana.jpg?locale=it" />
            </div>
</a>          <div class="d-block ps-3">
            <a data-turbo="false" class="text-decoration-none" href="/it/users/youcef-dani">
              <h6 class="mb-0 d-flex gap-2 align-items-center"> Youcef Boudjenidjena
              </h6>
</a>            <div class="fs-xs text-body-secondary">15 giorni</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_501_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_501_contextMenu">
                  <li id="privateItem">
                    <!-- Edit comment -->
                    <a data-turbo-frame="comment_501" class="dropdown-item text-decoration-none" href="/it/shares/2013/comments/501/edit">
                      <span class="fs-sm">Edit</span>
</a>                  </li>
                  <li id="privateItem">
                    <!-- Delete comment -->
                    <form class="button_to" method="post" action="/it/comments/501/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="vmQIZf7wM2FgDKCnPA7NswoKkGzpDxXFw17LvmffpCxd-q6373h2s__OGTvdD_nWZNncvCAwaz1YXjDcn7WTUg" 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="/it/comments/501/reports/new">
                      <span class="fs-sm">
                        Segnala questo commento
                      </span>
</a>                  </li>
                </ul>
              </div>
            </div>
          </div>
      </div>
    </div>
    <!-- Comment content -->
    <div class="mb-3" data-controller="content-translator" data-content-translator-languagetarget-value="it">
      <div class="mb-2" style="width: fit-content;">
        <div dir="auto" class="fs-base mb-0" data-content-translator-target="originText">
            magnifique
        </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">Guarda la traduzione</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">Guarda la traduzione</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">spettacolo originale</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_501_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_501_replies_count">
  1
    <a data-turbo-frame="comment_501_replies" class="btn btn-xs btn-link p-0 px-3 fw-bold text-decoration-none" href="/it/comments/501/comments">
      <span class="fw-normal"> Vedi le risposte</span>
</a></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">Guarda la traduzione</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">Guarda la traduzione</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">spettacolo originale</span>
            </button>
        </div>
      </div>
    </div>
    <!-- Comment replys -->
      <div class="border-start ps-3">
        <turbo-frame id="comment_501_replies"></turbo-frame>
      </div>
  </div>
</turbo-frame>
      </div>
      <div class="col px-0">
        <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlEYjIxdFpXNTBMelE0T0E6ZmVhdHVyZXMi--4a8bf3fa5bd33dca7c0b2c05d3e5f8a0ef38abf787fe2f2f2c5c0ba55d7c9794"></turbo-cable-stream-source>
<turbo-frame id="comment_488">
  <div class="bg-gray-100 "
        data-comment-target="comment" data-comment-user="429" >
    <!-- 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="/it/users/yacine-lahiani">
            <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcXcwIiwiZXhwIjoiMjAyNi0wNi0yM1QxNzowNjo0OS4yOTRaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--0bb15ce9cd1d44b9b45e917061f611f902eaba27/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIyazNhVGM2Q25OaGRtVnlld2s2RTNOMVluTmhiWEJzWlY5dGIyUmxTU0lIYjI0R09nWkZWRG9LYzNSeWFYQlVPZzVwYm5SbGNteGhZMlZVT2d4eGRXRnNhWFI1YVdrPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--73942a2ae21b0fec9f4296141ca1a79d342dc2a3/IMG_20250412_011923_422.webp?locale=it" />
            </div>
</a>          <div class="d-block ps-3">
            <a data-turbo="false" class="text-decoration-none" href="/it/users/yacine-lahiani">
              <h6 class="mb-0 d-flex gap-2 align-items-center"> Yacine Lahiani
              </h6>
</a>            <div class="fs-xs text-body-secondary">15 giorni</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_488_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_488_contextMenu">
                  <li id="privateItem">
                    <!-- Edit comment -->
                    <a data-turbo-frame="comment_488" class="dropdown-item text-decoration-none" href="/it/shares/2013/comments/488/edit">
                      <span class="fs-sm">Edit</span>
</a>                  </li>
                  <li id="privateItem">
                    <!-- Delete comment -->
                    <form class="button_to" method="post" action="/it/comments/488/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="9MMi_O4F9pbtxn-ZMY7tl8W3JkEuPbY2Yg5j-vvZCH4votqrKXM4F9LF7AWFaeSVFLU7ikkoj06JcNL7DoZXhA" 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="/it/comments/488/reports/new">
                      <span class="fs-sm">
                        Segnala questo commento
                      </span>
</a>                  </li>
                </ul>
              </div>
            </div>
          </div>
      </div>
    </div>
    <!-- Comment content -->
    <div class="mb-3" data-controller="content-translator" data-content-translator-languagetarget-value="it">
      <div class="mb-2" style="width: fit-content;">
        <div dir="auto" class="fs-base mb-0" data-content-translator-target="originText">
            🌊🌟🌟
        </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">Guarda la traduzione</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">Guarda la traduzione</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">spettacolo originale</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_488_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_488_replies_count">
  1
    <a data-turbo-frame="comment_488_replies" class="btn btn-xs btn-link p-0 px-3 fw-bold text-decoration-none" href="/it/comments/488/comments">
      <span class="fw-normal"> Vedi le risposte</span>
</a></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">Guarda la traduzione</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">Guarda la traduzione</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">spettacolo originale</span>
            </button>
        </div>
      </div>
    </div>
    <!-- Comment replys -->
      <div class="border-start ps-3">
        <turbo-frame id="comment_488_replies"></turbo-frame>
      </div>
  </div>
</turbo-frame>
      </div>
      <div class="col px-0">
        <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlEYjIxdFpXNTBMelEzT1E6ZmVhdHVyZXMi--98c8294a3e8c26d2b2301151423be966fe977a7559c78fbbf686142c1f0fb129"></turbo-cable-stream-source>
<turbo-frame id="comment_479">
  <div class="bg-gray-100 "
        data-comment-target="comment" data-comment-user="198" >
    <!-- 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="/it/users/asma-saha">
            <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbGtYIiwiZXhwIjoiMjAyNi0wNi0yM1QxNzowNjo0OS4zMTJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--89fa3a9523d94d8ad52e86ab59a5c425d5e9714b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIyazNhVGM2Q25OaGRtVnlld2s2RTNOMVluTmhiWEJzWlY5dGIyUmxTU0lIYjI0R09nWkZWRG9LYzNSeWFYQlVPZzVwYm5SbGNteGhZMlZVT2d4eGRXRnNhWFI1YVdrPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--73942a2ae21b0fec9f4296141ca1a79d342dc2a3/default-avatar.png?locale=it" />
            </div>
</a>          <div class="d-block ps-3">
            <a data-turbo="false" class="text-decoration-none" href="/it/users/asma-saha">
              <h6 class="mb-0 d-flex gap-2 align-items-center"> asma saha.
              </h6>
</a>            <div class="fs-xs text-body-secondary">16 giorni</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_479_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_479_contextMenu">
                  <li id="privateItem">
                    <!-- Edit comment -->
                    <a data-turbo-frame="comment_479" class="dropdown-item text-decoration-none" href="/it/shares/2013/comments/479/edit">
                      <span class="fs-sm">Edit</span>
</a>                  </li>
                  <li id="privateItem">
                    <!-- Delete comment -->
                    <form class="button_to" method="post" action="/it/comments/479/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="r-2yZGr4w3HUgw6wjGnog1GOXt6hqlCuU3RYiDCeP3AjTIIdzNBD3inMZSVSB2pgPKin5fAQjUwZCu_Lk0dzJA" 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="/it/comments/479/reports/new">
                      <span class="fs-sm">
                        Segnala questo commento
                      </span>
</a>                  </li>
                </ul>
              </div>
            </div>
          </div>
      </div>
    </div>
    <!-- Comment content -->
    <div class="mb-3" data-controller="content-translator" data-content-translator-languagetarget-value="it">
      <div class="mb-2" style="width: fit-content;">
        <div dir="auto" class="fs-base mb-0" data-content-translator-target="originText">
            un paradis 😍
        </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">Guarda la traduzione</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">Guarda la traduzione</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">spettacolo originale</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_479_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_479_replies_count">
  1
    <a data-turbo-frame="comment_479_replies" class="btn btn-xs btn-link p-0 px-3 fw-bold text-decoration-none" href="/it/comments/479/comments">
      <span class="fw-normal"> Vedi le risposte</span>
</a></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">Guarda la traduzione</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">Guarda la traduzione</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">spettacolo originale</span>
            </button>
        </div>
      </div>
    </div>
    <!-- Comment replys -->
      <div class="border-start ps-3">
        <turbo-frame id="comment_479_replies"></turbo-frame>
      </div>
  </div>
</turbo-frame>
      </div>
</template></turbo-stream>  <turbo-stream action="remove" target="share_2013_comments_placeholder"></turbo-stream>
    <turbo-stream action="append" target="share_2013_comments"><template>
      <turbo-frame class="" id="share_2013_comments_placeholder">
        <div class="card border-0 shadow rounded-3 " aria-hidden="true">
          <div class="card-body p-2">
            <div class="d-flex align-items-center w-100">
              <div class="card-img-top placeholder ratio ratio-1x1 rounded-circle" style="width: 36px; height: 36px" ></div>
              <div class="w-100 d-flex flex-column" >
                <div class="w-100" >
                  <span class="placeholder placeholder-sm col-2 rounded-pill ms-2"></span>
                </div>
                <div class="w-100" >
                  <span class="placeholder placeholder-xs col-1 mt-n3 rounded-pill ms-2"></span>
                </div>
              </div>
            </div>
            <p class="card-text placeholder-glow">
              <span class="placeholder placeholder-sm col-7 rounded-3 ms-2"></span>
              <span class="placeholder placeholder-sm col-4 rounded-3"></span>
              <span class=" placeholder placeholder-sm col-8 rounded-3 ms-2"></span>
            </p>
          </div>
        </div>
</turbo-frame></template></turbo-stream>    <turbo-stream action="replace" target="share_2013_comments_pagination"><template>
          <turbo-frame loading="lazy" id="share_2013_comments_pagination" src="/it/explore/shares/2013/comments.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>