<turbo-stream action="append" target="user_444_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="IloybGtPaTh2YzJGamIyUmtieTlUYUdGeVpTOHhNRFF6OmZlYXR1cmVzIg==--01c3022789e3323543e65164a7e481bea1cb1ca013f94f3dbe36398522c034c5"></turbo-cable-stream-source>
<turbo-frame class="w-100" id="share_1043">
      <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="/en/users/dz-hikers">
                  <div class="ratio ratio-1x1 bg-body-tertiary rounded-circle overflow-hidden" style="width: 36px !important; height: 36px">
                      <img alt="dzhikers16@gmail.com" class="object-fit-cover" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBclk0IiwiZXhwIjoiMjAyNi0wNS0wOVQwNDoxNDowNC43MDFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--41a7ef635e0439e74cf99bac920fdea676a2a1d9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0JsbWtCbGpvS2MyRjJaWEo3Q1RvVGMzVmljMkZ0Y0d4bFgyMXZaR1ZKSWdkdmJnWTZCa1ZVT2dwemRISnBjRlE2RG1sdWRHVnliR0ZqWlZRNkRIRjFZV3hwZEhscGFRPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--ecad92f5d51e5644fa6e5a51e049760369b72deb/326818882_1645554982531404_8687908850367550140_n.jpg?locale=en" />
                  </div>
                  <div class="">
                    <h6 class="fs-sm mb-0 d-flex gap-2 align-items-center"> idir belabbas
                    </h6>
                    <div class="fs-xs me-2 pe-1 mt-n1">
                      12 months
                    </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-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcUZiIiwiZXhwIjoiMjAyNi0wNS0wOVQwNDoxNDowNC43MDdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--a4903b7e0a3da89976ebb5c4ef6d91334840161e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_3085%20(1).JPG?locale=en"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2700,&quot;height&quot;:2025,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UMDStBjpRjs.*0V?ogR-%%NIxtn#?cn$RiWY&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcUpiIiwiZXhwIjoiMjAyNi0wNS0wOVQwNDoxNDowNC43MDlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--664c23ff5bf76dcc35549aae6ada2ade798453d9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/photo_5974539511964744557_y%20(1).jpg?locale=en"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:853,&quot;height&quot;:1280,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TPE3bqORt88^RkRjICwioctSoexa&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcU5iIiwiZXhwIjoiMjAyNi0wNS0wOVQwNDoxNDowNC43MTBaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--71222478be717a83ea8c70dc214fbeb7f1e4de3b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_4783.JPG?locale=en"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2700,&quot;height&quot;:1799,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;LWP7FPoINfs.%OxajER*_Noyadof&quot;,&quot;blurhash_components_x&quot;:4,&quot;blurhash_components_y&quot;:3}"></div>
            <div class="gallery-image" data-img-src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcVJiIiwiZXhwIjoiMjAyNi0wNS0wOVQwNDoxNDowNC43MTJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--e658f9b1f9563039ce67f4dd84b7a82011b93494/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_3884%20(1).JPG?locale=en"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2700,&quot;height&quot;:2025,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UhGTBWxrbvj]PEs+xaaz%0ode:WBI9WVS5ax&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcVZiIiwiZXhwIjoiMjAyNi0wNS0wOVQwNDoxNDowNC43MTNaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--be4d8ea38010cd64d96545c65636ece08c3426bc/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_5274%20(5).JPG?locale=en"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2700,&quot;height&quot;:1800,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;U#HLuWxaozof.As:a}WVxuoLRjf8IVoeayay&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcVpiIiwiZXhwIjoiMjAyNi0wNS0wOVQwNDoxNDowNC43MTVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--ec387dbfd452133004c5840a40e56a86bd2a5251/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_3028%20(2).JPG?locale=en"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:1800,&quot;height&quot;:2700,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;TsG+H*M{M{_4RjV@.8NGWBxaWBW.&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcWRiIiwiZXhwIjoiMjAyNi0wNS0wOVQwNDoxNDowNC43MTZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--ac505b5019ced2ab13744b007fbdc658264ef883/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_3854%20(8).JPG?locale=en"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2160,&quot;height&quot;:1621,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UjF62+x]IVo#_NtRM{og%Nj[V@jZNGWBjZWB&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcWhiIiwiZXhwIjoiMjAyNi0wNS0wOVQwNDoxNDowNC43MTdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--4ac8dedc5363691672924593603782e7715ea4c1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_4073%20(2).JPG?locale=en"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2700,&quot;height&quot;:2025,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UpB|{lsjbIf6O_j?ayWVR:W@jYofMxbIoffk&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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcWxiIiwiZXhwIjoiMjAyNi0wNS0wOVQwNDoxNDowNC43MTlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--27860758e0aeed991d895c663b469171f989e96d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0MwQUpwQXRBQ09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--b675798791f8b98fe9d0c7356c79fe65e92e1dff/IMG_4280%20(2).JPG?locale=en"
                            data-img-metadata="{&quot;identified&quot;:true,&quot;width&quot;:2160,&quot;height&quot;:2700,&quot;analyzed&quot;:true,&quot;blurhash&quot;:&quot;UgH_*A0|-oNHxsXOrvSKt6NHwfkBx?t5Rlnk&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_1043_reaction_count">
  6
</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="/en/explore/shares/1043/comments">
                  <i class="fi-message-square me-2 ms-n1" style="font-size: 24px"></i>
                  <div id="share_1043_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_1043_reshare">
      <a data-turbo="true" data-turbo-frame="share_1043_new_share" class="btn btn-lg btn-outline-secondary border-0 px-3" type="button" href="/en/explore/shares/1043/shares/new?as=message">
        <i class="fi-send me-2 ms-n1" style="font-size: 24px"></i>
        <span id="share_1043_shares_count">
          0
        </span>
</a>  </div>
</div>
<div id="share_1043_reshare" class="modal fade" tabindex="-1" role="dialog" data-controller="modal">
  <div class="modal-dialog" role="document">
    <turbo-frame id="share_1043_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="/en/explore/shares/1043">
                View
                <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="en"
                                data-see-more-less-more-value="See More"
                                data-see-more-less-less-value="See Less">
                <div class="d-flex align-items-center">
                  <b class="fs-base mb-0"> idir belabbas </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">
  <div>
<strong>DZ Hikers</strong> est une agence de voyage basée à Alger, spécialisée dans les randonnées guidées, les excursions culturelles et les circuits dans le désert à travers l’Algérie. Elle s’adresse aussi bien aux débutants qu’aux randonneurs expérimentés. </div>
</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-action="click->see-more-less#toggleContent">
                        <span class="fw-normal">See More</span>
                      </button>
                      <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">See translation</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">See translation</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">show original</span>
                      </button>
                  </div>
                </div>
              </div>
        </div>
      </article>
  <hr>
</turbo-frame>
    </div>
</template></turbo-stream><turbo-stream action="remove" target="user_444_feed_placeholder"></turbo-stream>
  <turbo-stream action="remove" target="user_444_feed_pagination"></turbo-stream>
