<turbo-stream action="append" target="user_30182_feed"><template>
    <div class="col p-0 my-0 mx-auto position-relative d-flex flex-row justify-content-center overflow-hidden">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHlPRFk0OmZlYXR1cmVzIg==--3daf9a309de0f859c95fba382b44a91aaf5944f54b2ecea71a36a6a40db2161b"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_2868">
      <article class="card rounded-0 border-0 p-0 shadow-none">
        <!-- Share user / Share context menu -->
        <div class="card-header py-2 px-2 px-lg-0 bg-transparent border-0">
          <div class="p-1">
            <div class="d-flex justify-content-between align-items-center">
              <!-- Share user -->
              <div class="">
                <a data-turbo="false" class="d-flex align-items-center text-decoration-none w-100 gap-3" href="/ja/users/rayane-42aa4866-d59e-4447-90ae-c371bbd4c707">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="achaibourayane35@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN3lUQWc9PSIsImV4cCI6IjIwMjYtMDktMDhUMTU6MTM6MjguMTAxWiIsInB1ciI6ImJsb2JfaWQifX0=--d055d70f4bf766c7d706e7e3f6975cb0809b7ed3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/default-avatar.jpg?locale=ja" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> rayane
                    </h6>
                    <div class="fs-xs me-2 pe-1 mt-n1">
                      約3時間
                    </div>
                  </div>
</a>              </div>
            </div>
          </div>
        </div>
        <div class="card-body p-0 border-0">
          <!-- This section depends on article -->
                <div class="position-relative">
                  <div class="">
                      <div class="d-flex w-100 h-100" style="max-height: 57.67vh !important; min-height: 15rem !important;">
    <div class="slide w-100 h-100 m-0 position-relative" data-controller="share-slider" data-share-slider-mode-value="article">
      <div class="slide-items-create d-none">
            <div class="gallery-video"
                            data-video-src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNzZUQWc9PSIsImV4cCI6IjIwMjYtMDktMDhUMTU6MTM6MjguMTA2WiIsInB1ciI6ImJsb2JfaWQifX0=--8870c9ac8703f66fe1aded015d4807ea9c9241be/image_16FF097F-B30A-4AF9-B61E-E95795F367F3_1788825910.mov?locale=ja#t=0.5"
                            data-video-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1080.0,&quot;height&quot;:1920.0,&quot;duration&quot;:15.733333,&quot;audio&quot;:true,&quot;video&quot;:true,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TKJa}:9F9H%jM{t3sl-;obM|oeM|&quot;,&quot;blurhash_components_x&quot;:3,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNytUQWc9PSIsImV4cCI6IjIwMjYtMDktMDhUMTU6MTM6MjguMTA3WiIsInB1ciI6ImJsb2JfaWQifX0=--c017dc55c9fc2796e1dffc26a56df0f063184a79/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_9F5FDF2A-E494-4F4C-818B-DB4A4F216D2D_1788825910.heic?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:4032,&quot;height&quot;:3024,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UEFrtzM{S%-:_N?Gofog?bIoE2M{?aIpRka~&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOENUQWc9PSIsImV4cCI6IjIwMjYtMDktMDhUMTU6MTM6MjguMTA4WiIsInB1ciI6ImJsb2JfaWQifX0=--6ec55f7614ef147c67caa50da4ffe23134823db9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_6DA31AB8-8623-4852-9FC8-028A9CE233E2_1788825910.heic?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3024,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UEEfZv~ptRWV~qxut6t74nE1Mxe.IUj@WARP&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOEdUQWc9PSIsImV4cCI6IjIwMjYtMDktMDhUMTU6MTM6MjguMTA5WiIsInB1ciI6ImJsb2JfaWQifX0=--0db1b00fd29864b9c67560338db97ea99f0f86c1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_C58B4C91-141D-4FF2-8AF1-2A20D4E45045_1788825910.heic?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3024,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UBGSWB0002I8tpNKRNxur:x^RiWCRPI9x_RO&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOEtUQWc9PSIsImV4cCI6IjIwMjYtMDktMDhUMTU6MTM6MjguMTEwWiIsInB1ciI6ImJsb2JfaWQifX0=--0afb8c598abe83793b562862bae7addf61e236b5/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_F6B43779-937F-41A7-81E7-523B945C8E47_1788825910.heic?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3024,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;ULIEz;E2IVxZo~D*s+R+~qofxuj]-pt69Zxa&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOE9UQWc9PSIsImV4cCI6IjIwMjYtMDktMDhUMTU6MTM6MjguMTExWiIsInB1ciI6ImJsb2JfaWQifX0=--7ac4454f2bbbc0cb1d2b4199302f4e71312c4eba/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_70F5A91A-5E71-41CA-8FE0-53CE233F9BF2_1788825910.heic?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3024,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UHG+O1IAE1Ri~qj[Ri%MIWxZ-;V@D+ozofM{&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOFNUQWc9PSIsImV4cCI6IjIwMjYtMDktMDhUMTU6MTM6MjguMTExWiIsInB1ciI6ImJsb2JfaWQifX0=--74cf3aa7a4319680a478cd0cf34a0b595004fcc3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_DA247393-589E-4A8E-B88A-F4ED2B69B651_1788825910.heic?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3024,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UEEfc*9GRO%M?wNGs.R*M{t38_xvNIs.NFoK&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOFdUQWc9PSIsImV4cCI6IjIwMjYtMDktMDhUMTU6MTM6MjguMTEyWiIsInB1ciI6ImJsb2JfaWQifX0=--db355696c64b326273d23888b4aafbce14cbeb74/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_1484E758-F6C8-4506-A596-4AB065485481_1788825910.heic?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3024,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;U7Bp%=IU00xu?u4TMy?vtTs:%LR-RnRixuM|&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGFUQWc9PSIsImV4cCI6IjIwMjYtMDktMDhUMTU6MTM6MjguMTEzWiIsInB1ciI6ImJsb2JfaWQifX0=--9ec7c0a57b2c1e437c7d4430448af191560bb712/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_2E2780B7-5819-4072-AF2C-EE7C597725FB_1788825910.heic?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3024,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UAGuwD9FS1x]_NM{-;xtDh?b01xY%MM|D%IU&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGVUQWc9PSIsImV4cCI6IjIwMjYtMDktMDhUMTU6MTM6MjguMTE0WiIsInB1ciI6ImJsb2JfaWQifX0=--571edebe7d8f02dffd4deed4623746495cad2b08/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/image_EB373631-1825-4906-BA54-EE52E2CCCE4F_1788825910.heic?locale=ja"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:3024,&quot;height&quot;:4032,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UCFsA2R%00%g?c9Foc%Mxu%Mt7M{M{M{xuxu&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:4}"></div>
      </div>
      <div class="slide-items d-grid h-100 rounded-0" style="max-height: 57.67vh !important; min-height: 15rem !important;"></div>
      <nav class="d-none slide-thumbs-indicator position-absolute top-0 end-0 m-2 btn btn-xs bg-blur text-light py-1"></nav>
      <div class="position-absolute bottom-0 end-0 slide-nav-btns w-100 d-flex justify-content-end p-2 gap-1 d-none" >
        <button class="btn btn-xs btn-icon slide-prev bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-left rtl-flip fs-lg"></i>
        </button>
        <button class="btn btn-xs btn-icon slide-next bg-blur text-light border-0 rounded-5" type="button">
          <i class="fi-chevron-right rtl-flip fs-lg"></i>
        </button>
      </div>
    </div>
  </div>

                  </div>
                </div>
        </div>
        <!-- This section depends on share -->
        <div class="card-footer py-0 px-2 px-lg-0 border-0 bg-transparent">
          <div class="d-flex justify-content-between align-items-center ms-lg-n2">
            <!-- Reactions/ Comments/ Shares -->
            <div class="d-flex justify-content-end">
              <!-- Reactions -->
              <div class="d-flex align-items-center">
                  <button type="button" class="btn btn-lg btn-outline-secondary border-0 px-3">
                    <i class="fi-heart me-2 ms-n1" style="font-size: 24px"></i>
                    <span id="share_2868_reaction_count">
  0
</span>

                  </button>
              </div>
              <!-- Comments -->
              <div class="d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#commentable_comments_loads">
                <a data-turbo-frame="commentable_comments_load" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/ja/explore/shares/2868/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_2868_comments_count">
  0
</div>

</a>              </div>
              <!-- Shares -->
                <div class="d-flex align-items-center">
                  <div class="dropdown d-inline-block">
  <div class="" data-bs-toggle="modal" data-bs-target="#share_2868_reshare">
      <a data-turbo="true" data-turbo-frame="share_2868_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/ja/explore/shares/2868/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_2868_shares_count">
          0
        </span>
</a>  </div>
</div>
<div id="share_2868_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_2868_new_share"></turbo-frame>
  </div>
</div>

                </div>
            </div>
            <!-- Preiew -->
            <div class="d-flex align-items-center d-none">
              <a data-turbo="false" class="btn btn-outline-secondary border-0" href="/ja/explore/shares/2868">
                ビュー
                <i class="fi-chevron-right m-0 ms-2 me-n "></i>
</a>            </div>
          </div>
            <!-- Contents -->
              <div class="py-2 px-2 px-lg-0" data-controller="see-more-less content-translator"
                                data-content-translator-languagetarget-value="ja"
                                data-see-more-less-more-value="続きを見る"
                                data-see-more-less-less-value="もっと見る">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> rayane </b>
                </div>
                <div class="">
                  <div class="article fs-sm share-content-box line-clamp-3" data-see-more-less-target="content">
                    <div>
                      <div dir="auto" class="mb-2" data-content-translator-target="originText" >
                        <div class="trix-content">
  je loue un magnifique f4 a staouali .
</div>

                      </div>
                      <div class="d-none mb-2" data-content-translator-target="translatedText"></div>
                    </div>
                  </div>
                  <div class="d-flex align-items-center gap-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>
        </div>
      </article>
  <hr>
</turbo-frame>
    </div>
</template></turbo-stream><turbo-stream action="remove" target="user_30182_feed_placeholder"></turbo-stream>
  <turbo-stream action="remove" target="user_30182_feed_pagination"></turbo-stream>
