<turbo-stream action="update" target="program_content"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="false"
     data-integrations-google-tag-manager-enabled-value="false"
     data-integrations-google-analytics-enabled-value="false"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Aqeedah - Live Class [27th September, 2025]&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Aqeedah - Live Class [27th September, 2025]&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="3772159"
  data-blocked-in-user-country="false"
>

    <div class='flex items-stretch md:flex-row md:flex-wrap flex-col flex-nowrap max-w-full' data-program-player>
            <div class="flex-1 relative">
  <div class="inner flex flex-col justify-center items-center text-white bg-contain md:bg-cover bg-no-repeat bg-center aspect-video shadow-[inset_1000px_1000px_1000px_rgba(0,0,0,0.6)]"
       style="background-image: url(https://alpha.uscreencdn.com/assets%2F43421%2Fplayer_image%2F2513132%2F1920x1080-liveaqeedah.1690490937.png);">
    <div class="absolute inset-0 content flex flex-col justify-center items-center text-center text-white py-8 px-4 md:p-4">
      <div class="flex justify-center align-center flex-col">
        Live stream finished
      </div>

      <ds-button
        href="/catalog"
        data-turbo-frame="_top"
        variant="primary"
        class="mt-5"
      >
        Back to Catalog
      </ds-button>
    </div>
  </div>
</div>

    </div>

    <turbo-frame id="program_buttons">
      
<div class="mt-6">
  <div class="flex justify-between flex-col lg:flex-row">
    <div class="lg:flex justify-between w-full">
        <h1 class="program-title cbt-title flex-1 max-w-full lg:max-w-lg xl:max-w-2xl text-lg md:text-2xl leading-6 font-semibold" data-area="program-title">
          Aqeedah - Live Class [27th September, 2025]
        </h1>
      <div class="cbt-action-bar flex-0 flex mt-4 items-stretch lg:items-start lg:mt-0 gap-2 lg:ps-4" data-area="program-buttons">




          <ds-button
            class="w-full lg:w-auto"
            data-controller="share-button"
            content-visible-on="md"
            data-action="click->share-button#show"
            data-share-button-content-value='{"main_poster":"https://alpha.uscreencdn.com/images/programs/3772159/horizontal/small_63858610-bd9b-42cb-8707-58b9c4ae9c54.png", "content_type":"live_event", "content_id":"3772159", "video_id":"3772159"}'
            data-area="share-button">
            <ds-icon slot="before" name='share'></ds-icon>
            <span>Share</span>
          </ds-button>


        <ds-dropdown id="more_actions_btn" class="flex-1 w-full lg:w-auto ">
          <ds-button slot="control" class="w-full">
            <ds-icon name='dots-horizontal'></ds-icon>
          </ds-button>>
          <div slot="content" class="flex flex-col">
                          <ds-button variant="ghost" roundless="" href="webcal://amaujunior.com/live_event_feed.ics">
                <ds-icon slot="before" name='google'></ds-icon>
                Sync Live Events Calendar
              </ds-button>
          </div>
        </ds-dropdown>
      </div>
    </div>
  </div>
</div>

<turbo-frame loading="lazy" class="fixed bg-transparent-dark inset-0 flex items-center justify-center z-50 hidden" data-container="true" data-action="click-&gt;program#hideTrailer" id="program_trailer" src="/programs/live-jsok-280925/trailer"></turbo-frame>

</turbo-frame>
    <div class="block lg:hidden">
      
    </div>

    <div class="flex justify-between flex-wrap items-start">
      <div class="w-full lg:w-2/3 lg:mt-1 mt-5" id="program_about">
          <div id="program_description_block" class="w-full">
              <div class="flex">
      <a class="content-author me-4" data-turbo-frame="_top" href="/authors/ustadh-muhammad-tim-humble">
        <div class="flex">
          <ds-avatar text="Ustadh Muhammad Tim Humble" url="https://alpha.uscreencdn.com/images/author/65874/small_timhumble3.1690999094.png" size="xxs"></ds-avatar>
          <div class="h-8 flex items-center ms-2">
            <span class="content-author-name text-ds-default text-sm font-medium" data-area="author-title">Ustadh Muhammad Tim Humble</span>
          </div>
        </div>
</a>  </div>

  <ds-show-more
    style="--ds-show-more-fade-color: var(--section-background-color);"
    lines="6"
    class="mt-1"
    float="left"
    show-more-title="Show more"
    show-less-title="Show less"
  >
    <div
      class="content-description program-description-text"
      slot="content"
      data-area="about-description"
      data-controller="timestamp"
      data-turbo="false"
    >
      <div class="editor-content"><p>This is your upcoming live class on Aqeedah with Ustadh Muhammad Tim Humble.</p><p>Aqeedah is a major subject that revolves around the core principles of Islamic beliefs. At the intermediate level, we aim to equip our students with the essential foundations of the religion and ensure their beliefs align with the beliefs of the Salaf of this Ummah.</p><p>Join Ustadh Muhammad Tim Humble live as he teaches the book Kitaab at-Tawheed.</p></div>
    </div>
  </ds-show-more>

  <div class="content-categories flex flex-wrap mt-5" data-area="program-categories">
      <a class="category block dark:bg-white dark:text-black rounded bg-black text-white py-1 px-3 text-sm font-bold me-2 mb-2" data-area="category-item" data-turbo-frame="_top" href="/categories/junior-student-of-knowledge-intermediate">Live - Junior Student of Knowledge</a>
  </div>
  <turbo-frame loading="lazy" id="program_resources" src="/programs/live-jsok-280925/resources"></turbo-frame>

          </div>

      </div>
      <div class="w-full lg:w-1/4 items-end flex-col flex">
        <div class="hidden w-full mt-5 lg:block">
          
        </div>

          <div class="w-full mt-10">
            <turbo-frame loading="lazy" id="program_related" src="/programs/live-jsok-280925/related?vertical=true" target="_top"></turbo-frame>
          </div>
      </div>
    </div>

</div>



</template></turbo-stream>