  <turbo-stream action="append" target="share_2020_comments"><template>
      <div class="col px-0">
        <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlEYjIxdFpXNTBMemt3TlE6ZmVhdHVyZXMi--ef6507e4bdac8e3e3b6a16b3cab5cfa2fab54a9a729bb3005bd69f3859d23c1f"></turbo-cable-stream-source>
<turbo-frame id="comment_905">
  <div class="bg-gray-100 "
        data-comment-target="comment" data-comment-user="26903" >
    <!-- 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="/ja/users/amira-ben">
            <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMlJoQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMjA6MjI6MjMuMjc5WiIsInB1ciI6ImJsb2JfaWQifX0=--47f72635337a2cd23fc7a454cb8c18a0e940e32f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIyazNhVGM2Q25OaGRtVnlld2s2RTNOMVluTmhiWEJzWlY5dGIyUmxTU0lIYjI0R09nWkZWRG9LYzNSeWFYQlVPZzVwYm5SbGNteGhZMlZVT2d4eGRXRnNhWFI1YVdrPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--73942a2ae21b0fec9f4296141ca1a79d342dc2a3/image_8C5A7FCA-2425-4297-B410-A34790C2B22E_1786186790.jpeg?locale=ja" />
            </div>
</a>          <div class="d-block ps-3">
            <a data-turbo="false" class="text-decoration-none" href="/ja/users/amira-ben">
              <h6 class="mb-0 d-flex gap-2 align-items-center"> Benlahrech Amira 
                  <div class="position-relative mt-n1" style="width: 14px">
                    <svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.07 39.07">
                      <g id="Layer_1-2" data-name="Layer 1">
                        <path class="cls-3" d="m39.07,19.54c0,1.68-1.7,3.12-2.11,4.67s.31,3.7-.5,5.1-3.01,1.82-4.17,2.98c-1.16,1.16-1.56,3.34-2.98,4.17s-3.5.07-5.1.5-2.99,2.11-4.67,2.11-3.12-1.7-4.67-2.11-3.7.31-5.1-.5-1.82-3.01-2.98-4.17-3.34-1.56-4.17-2.98-.07-3.5-.5-5.1-2.11-2.99-2.11-4.67,1.7-3.12,2.11-4.67-.31-3.7.5-5.1,3.01-1.82,4.17-2.98,1.56-3.34,2.98-4.17,3.5-.07,5.1-.5,2.99-2.11,4.67-2.11,3.12,1.7,4.67,2.11,3.7-.31,5.1.5,1.82,3.01,2.98,4.17,3.34,1.56,4.17,2.98.07,3.5.5,5.1,2.11,2.99,2.11,4.67Z"/>
                        <path class="cls-2" d="m28.29,11.21c.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02.59.6.6,1.56.02,2.17l-12.22,14.44c-.56.62-1.52.66-2.14.1-.02-.02-.04-.04-.06-.06l-7.43-7.53c-.6-.61-.6-1.58,0-2.19.59-.6,1.54-.61,2.14-.02,0,0,.01.01.02.02l6.31,6.39,11.16-13.27.04-.05Z"/>
                      </g>
                    </svg>
                  </div>
              </h6>
</a>            <div class="fs-xs text-body-secondary">約1ヶ月</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_905_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_905_contextMenu">
                  <li id="privateItem">
                    <!-- Edit comment -->
                    <a data-turbo-frame="comment_905" class="dropdown-item text-decoration-none" href="/ja/shares/2020/comments/905/edit">
                      <span class="fs-sm">Edit</span>
</a>                  </li>
                  <li id="privateItem">
                    <!-- Delete comment -->
                    <form class="button_to" method="post" action="/ja/comments/905/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="JmwwbJdi8G4HtjqBKM2LpRbPkJvoHLwC9Mo_hhhi2r5Aley-2DuTpe1am91pYhw9kPBJngcEL6uCuZoTFGq1jA" 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="/ja/comments/905/reports/new">
                      <span class="fs-sm">
                        このコメントを報告する
                      </span>
</a>                  </li>
                </ul>
              </div>
            </div>
          </div>
      </div>
    </div>
    <!-- Comment content -->
    <div class="mb-3" data-controller="content-translator" data-content-translator-languagetarget-value="ja">
      <div class="mb-2" style="width: fit-content;">
        <div dir="auto" class="fs-base mb-0" data-content-translator-target="originText">
            Oran….. l’amour✨✨✨🔥
        </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">翻訳を参照してください</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">翻訳を参照してください</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">オリジナルを表示</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_905_reaction_count">
  0
</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_905_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">翻訳を参照してください</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">翻訳を参照してください</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">オリジナルを表示</span>
            </button>
        </div>
      </div>
    </div>
    <!-- Comment replys -->
      <div class="border-start ps-3">
        <turbo-frame id="comment_905_replies"></turbo-frame>
      </div>
  </div>
</turbo-frame>
      </div>
      <div class="col px-0">
        <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlEYjIxdFpXNTBMemcwTVE6ZmVhdHVyZXMi--9375b719757f0c77208220d977f152646b0dbd798d5d552b4dcc0514bef12a37"></turbo-cable-stream-source>
<turbo-frame id="comment_841">
  <div class="bg-gray-100 "
        data-comment-target="comment" data-comment-user="22796" >
    <!-- 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="/ja/users/amel-b399f370-bae1-4673-b519-ffe354007a99">
            <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMmdvQWc9PSIsImV4cCI6IjIwMjYtMDktMTlUMjA6MjI6MjMuMjkxWiIsInB1ciI6ImJsb2JfaWQifX0=--b0a6e0356efa642ebd825146129fd89cfe3557dc/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIyazNhVGM2Q25OaGRtVnlld2s2RTNOMVluTmhiWEJzWlY5dGIyUmxTU0lIYjI0R09nWkZWRG9LYzNSeWFYQlVPZzVwYm5SbGNteGhZMlZVT2d4eGRXRnNhWFI1YVdrPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--73942a2ae21b0fec9f4296141ca1a79d342dc2a3/default-avatar.jpg?locale=ja" />
            </div>
</a>          <div class="d-block ps-3">
            <a data-turbo="false" class="text-decoration-none" href="/ja/users/amel-b399f370-bae1-4673-b519-ffe354007a99">
              <h6 class="mb-0 d-flex gap-2 align-items-center"> amel
              </h6>
</a>            <div class="fs-xs text-body-secondary">約2ヶ月</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_841_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_841_contextMenu">
                  <li id="privateItem">
                    <!-- Edit comment -->
                    <a data-turbo-frame="comment_841" class="dropdown-item text-decoration-none" href="/ja/shares/2020/comments/841/edit">
                      <span class="fs-sm">Edit</span>
</a>                  </li>
                  <li id="privateItem">
                    <!-- Delete comment -->
                    <form class="button_to" method="post" action="/ja/comments/841/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="nTqftSwfs6EuQB25WMd9CvYMkjGSX3-c0xCSVpk1C2tMBMoXMXRLR4ayIvSZNW5udAXQebfw-TLduVqZ5Q_stg" 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="/ja/comments/841/reports/new">
                      <span class="fs-sm">
                        このコメントを報告する
                      </span>
</a>                  </li>
                </ul>
              </div>
            </div>
          </div>
      </div>
    </div>
    <!-- Comment content -->
    <div class="mb-3" data-controller="content-translator" data-content-translator-languagetarget-value="ja">
      <div class="mb-2" style="width: fit-content;">
        <div dir="auto" class="fs-base mb-0" data-content-translator-target="originText">
            je veux un séjour a oran mais toute est cher
        </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">翻訳を参照してください</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">翻訳を参照してください</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">オリジナルを表示</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_841_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_841_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">翻訳を参照してください</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">翻訳を参照してください</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">オリジナルを表示</span>
            </button>
        </div>
      </div>
    </div>
    <!-- Comment replys -->
      <div class="border-start ps-3">
        <turbo-frame id="comment_841_replies"></turbo-frame>
      </div>
  </div>
</turbo-frame>
      </div>
      <div class="col px-0">
        <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlEYjIxdFpXNTBMelk1TkE6ZmVhdHVyZXMi--fd7ac46b1fb4d68fc76fdbb37fee70cfccd7e786a2fb5b633b7441f84aa814cc"></turbo-cable-stream-source>
<turbo-frame id="comment_694">
  <div class="bg-gray-100 "
        data-comment-target="comment" data-comment-user="13149" >
    <!-- 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="/ja/users/mokhtaria">
            <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd0dYQVE9PSIsImV4cCI6IjIwMjYtMDktMTlUMjA6MjI6MjMuMjk4WiIsInB1ciI6ImJsb2JfaWQifX0=--14a8ab77047d4993190df615899af4140d16adea/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIyazNhVGM2Q25OaGRtVnlld2s2RTNOMVluTmhiWEJzWlY5dGIyUmxTU0lIYjI0R09nWkZWRG9LYzNSeWFYQlVPZzVwYm5SbGNteGhZMlZVT2d4eGRXRnNhWFI1YVdrPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--73942a2ae21b0fec9f4296141ca1a79d342dc2a3/default-avatar.jpg?locale=ja" />
            </div>
</a>          <div class="d-block ps-3">
            <a data-turbo="false" class="text-decoration-none" href="/ja/users/mokhtaria">
              <h6 class="mb-0 d-flex gap-2 align-items-center"> Mokhtaria
              </h6>
</a>            <div class="fs-xs text-body-secondary">3ヶ月</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_694_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_694_contextMenu">
                  <li id="privateItem">
                    <!-- Edit comment -->
                    <a data-turbo-frame="comment_694" class="dropdown-item text-decoration-none" href="/ja/shares/2020/comments/694/edit">
                      <span class="fs-sm">Edit</span>
</a>                  </li>
                  <li id="privateItem">
                    <!-- Delete comment -->
                    <form class="button_to" method="post" action="/ja/comments/694/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="a4v9uuP1oyIrF33fl8THO8PUAdZF1XzbMQ1J-XldSeGcDPgLAtuHR7AGqgcB9G2hk6bW25Z2uOzDmnuDJtt-Gw" 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="/ja/comments/694/reports/new">
                      <span class="fs-sm">
                        このコメントを報告する
                      </span>
</a>                  </li>
                </ul>
              </div>
            </div>
          </div>
      </div>
    </div>
    <!-- Comment content -->
    <div class="mb-3" data-controller="content-translator" data-content-translator-languagetarget-value="ja">
      <div class="mb-2" style="width: fit-content;">
        <div dir="auto" class="fs-base mb-0" data-content-translator-target="originText">
            la plus belle ville du monde normal celle où je suis née.💖🥰
        </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">翻訳を参照してください</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">翻訳を参照してください</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">オリジナルを表示</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_694_reaction_count">
  2
</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_694_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">翻訳を参照してください</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">翻訳を参照してください</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">オリジナルを表示</span>
            </button>
        </div>
      </div>
    </div>
    <!-- Comment replys -->
      <div class="border-start ps-3">
        <turbo-frame id="comment_694_replies"></turbo-frame>
      </div>
  </div>
</turbo-frame>
      </div>
</template></turbo-stream>  <turbo-stream action="remove" target="share_2020_comments_placeholder"></turbo-stream>
    <turbo-stream action="remove" target="share_2020_comments_pagination"></turbo-stream>
