<turbo-stream action="update" target="program_content"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="true"
     data-integrations-google-tag-manager-enabled-value="true"
     data-integrations-google-analytics-enabled-value="true"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Finger of God&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Finger of God&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="202654"
  data-blocked-in-user-country="false"
>
    
<ds-modal no-background="" size="small" with-close-icon id="more-details-modal" data-action="close->program-details-modal#closeDetailModal">
  <div class="bg-ds-default">
    <div class="p-6 pb-0 max-h-[calc(100vh-190px)] overflow-y-auto">
      <p class="text-ds-default text-ds-large-bold mb-4">Finger of God</p>
      <p class="text-ds-small-semi-bold-uppercase text-ds-muted mb-4">About</p>
      <div class="content-description text-ds-base-regular text-ds-default mb-6" data-program-details-modal-target="modalContent"></div>
      <div class="p-4 bg-ds-overlay flex flex-col gap-2 rounded overflow-x-auto">
          <div class="flex w-full gap-2">
            <div class="text-ds-small-medium text-ds-default w-[100px]">Duration</div>
            <div class="text-ds-micro-semi-bold text-ds-subtle bg-ds-inverted rounded px-1 pt-[0.15rem]">01:42:35</div>
          </div>
        <div class="flex w-full gap-2">
          <div class="text-ds-small-medium text-ds-default w-[100px]">Released</div>
          <div class="text-ds-small-regular text-ds-default">September 2019</div>
        </div>
          <div class="flex w-full gap-2">
            <div class="text-ds-small-medium text-ds-default w-[100px] shrink-0">Subtitles</div>
            <div class="text-ds-small-regular text-ds-default">Arabic, Chinese (Mandarin), Chinese (Simplified), Czech, Dutch, English, Finnish, French, German, Indonesian, Korean, Polish, Portuguese, Russian, Spanish, Turkish</div>
          </div>
          <div class="flex w-full gap-2">
              <div class="text-ds-small-medium text-ds-default w-[100px] shrink-0">Categories</div>
            <div class="flex flex-col w-full">
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/films-1"
                    data-turbo-frame="_top"
                  >
                    Films
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (10 videos)
                  </span>
                </div>
            </div>
          </div>
      </div>
    </div>
    <div class="text-right p-6 pt-2">
      <ds-button variant="primary" onclick="document.getElementById('more-details-modal').close()">Close</ds-button>
    </div>
  </div>
</ds-modal>

<div class="flex flex-col lg:flex-row gap-x-12 mb-6 lg:mb-0">
    <div class="h-full w-full lg:w-[55%] relative">
        <div data-test="trailer-video">
          <ds-badge color="gray" class="absolute left-2 top-2 z-[2]"><ds-icon name='video-player' class="mr-1"></ds-icon> Trailer</ds-badge>
          
<script
  type="module"
  crossorigin
  src="https://cdn.jsdelivr.net/npm/@uscreentv/video-player@1.4.0/+esm"
></script>


<video-player
  dir="lrt"
  idle-timeout="5000"
  data-test="player"
  data-id="202986"
  data-controller="program-video scrat-analytics program-video-timeline-preview"
  data-program-video-timeline-preview-sections-value="[]"
  data-program-video-timeline-preview-storyboard-url-value="https://image.mux.com/YFHw6x6iWRDTZ02fstnzN4cT681Kn2cqq/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJZRkh3Nng2aVdSRFRaMDJmc3Ruek40Y1Q2ODFLbjJjcXEiLCJleHAiOjE3NzUzMjM4MTIsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoicyJ9.rlA-wsIDOyqOstFAcukJGbVxUuGlzLGD7EEmM3jc-n9AzxLp1c56InC18fDUkufiotdo3Cuk-U180-_wZZFekR3Vy146aPd7JUkHCSVfyWQrfPZDY96kRMgPwQkHJvHDEonuxhjjBs3c8x8-bKnwAbwLYIMPUU-_u88DQ5i1OO6n3mB9F3GsP7eYgJ6w53kqRkhM2OeZGXEisb0Rd7fDKQ7K970Bg2gYWHSAew1KCDjRarYpQOkIeRXIgZeK0AkR7cxxMnVoVTEjbx5fvDj4kX9R2LDmadWhaSwrlFSt9ito8AeIJya7ADz9SxjgY-HAi244EwFE91z0iPSrxgG02w"
  storage-key="uscreen:video"
  class=""
  mux-data="{&quot;env_key&quot;:&quot;c43v645rpolt89529v2pesifn&quot;,&quot;viewer_user_id&quot;:null,&quot;video_title&quot;:&quot;Finger of God Trailer&quot;,&quot;video_id&quot;:202986}"
  data-program-video-stats-value="{&quot;store_id&quot;:7446,&quot;video_id&quot;:202654,&quot;trailer_id&quot;:202986,&quot;content_id&quot;:202986,&quot;content_title&quot;:&quot;Finger of God&quot;,&quot;content_type&quot;:&quot;trailer&quot;,&quot;chapter_id&quot;:202986,&quot;user_id&quot;:null,&quot;author_id&quot;:[],&quot;author_title&quot;:null,&quot;environment_id&quot;:&quot;production&quot;}"
  data-program-video-content-type-value="video"
  data-program-video-next-video-id-value="0"
  data-program-video-challenge-watched-video-url-value=""
  data-program-video-streak-watch-threshold-value="10"
  data-program-video-streak-enabled-value="false"
  data-program-video-streak-path-value="/streak/continue"
  data-program-video-user-is-logged-in-value="false"
  data-scrat-analytics-category-param="player"
  data-scrat-analytics-event-param="control_seekbar_seek"
  data-action="hovering-&gt;program-video-timeline-preview#setPreviewFrame "
>
  <video
    slot="video"
    crossorigin="anonymous"
    playsinline
    data-program-video-target="video"
    poster="https://alpha.uscreencdn.com/images/videos/324783/934eb56c-d24b-433b-9316-f4cfed170f9d.jpg"
  >
    <source
      src="https://stream.mux.com/YFHw6x6iWRDTZ02fstnzN4cT681Kn2cqq.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJZRkh3Nng2aVdSRFRaMDJmc3Ruek40Y1Q2ODFLbjJjcXEiLCJleHAiOjE3NzUzMjM4MTIsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoidiJ9.k6hs1h5xK6QtHOcb6QM5dDfuW-6nTWRnywn6jdDJfiZ2Vj0DzU-2vvaX0nv0GUjeUWl7cORDNGWpxWsBup4XOZ2e4YB3V3w6vauydRZWzITAlhi9zbNZ22uG3skgncmCgDCG8pAJQMeyqXHYC9XlE7BD7LScPtPktZ1eNxgrV_MN8YQkAPWjfIirKOdKiWz_RfOGSn4zbIeqnTsUKSxY-jIxPe1Qk9IT0YSYIHrcBfp4IGb-Uz7lnMTstusC4lwCS1MXDnykKj5nmvQ4tBInjkVZy3a_FCJ5wDGbFWED-JfKEir2Tviytxiyu-92yzEmZm4UftwJ-eQ-YjbRUSwh1g"
      type="application/x-mpegURL"
    />
  </video>
  <video-chromecast
    slot="chromecast"
      receiver-application-id="3EE5C317"
  ></video-chromecast>
  <video-condition query="played==false">
    <video-play-button
      data-action="click->program-video#clickPlayButtonScreen"
      without-tooltip
      data-test="big-play-button"
      slot="true"
      class="
        absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2
        bg-primary rounded-full [--video-player-button-color:var(--contrast-to-primary-color)]
        [--size:4.5rem] part-[button]:p-3 shadow hover:scale-105
      "
    ></video-play-button>
  </video-condition>
  <video-controls>
      <video-timeline
        segments=""
        data-program-video-target="timeline"
      >
        <video-timer format="past"></video-timer>
          <div
            class="hidden items-center flex-col"
            data-program-video-timeline-preview-target="previewRoot"
          >
            <div
              class="rounded relative overflow-hidden border border-white h-20 w-20 bg-ds-default mb-1"
              data-program-video-timeline-preview-target="preview"
            >
              <img
                alt=""
                class="absolute left-0 top-0 max-w-none transform origin-top-left"
                data-program-video-timeline-preview-target="image"
                data-action="load->program-video-timeline-preview#onImageLoad"
              />
            </div>
            <div
              class="max-w-[12rem] text-center text-white empty:hidden line-clamp-1 text-ds-small-medium"
              data-program-video-timeline-preview-target="sectionTitle"></div>
            <div
              class="max-w-[12rem] text-center text-white text-ds-small-medium"
              data-program-video-timeline-preview-target="timecode">0:00</div>
          </div>
      </video-timeline>

    <video-play-button data-test="play-button" data-action="click->program-video#clickPlayButton">
      <span slot="tooltip:play">Play</span>
      <span slot="tooltip:pause">Pause</span>
    </video-play-button>

      <video-backward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Backward</span>
      </video-backward-button>
      <video-forward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Forward</span>
      </video-forward-button>

    <video-volume-button>
      <span slot="tooltip:unmute">Unmute</span>
      <span slot="tooltip:mute">Mute</span>
    </video-volume-button>

    <video-volume-control></video-volume-control>


    <div class="ms-auto"></div>

    <video-subtitles-button>
      <span slot="tooltip">Subtitles</span>
    </video-subtitles-button>

    <video-settings-button
      
      translation="{&quot;back&quot;:&quot;Back&quot;,&quot;shortcuts&quot;:&quot;Keyboard Shortcuts&quot;,&quot;quality&quot;:&quot;Quality&quot;,&quot;rate&quot;:&quot;Playback Settings&quot;,&quot;rewind&quot;:&quot;Rewind&quot;,&quot;volume&quot;:&quot;Change Volume&quot;,&quot;mute&quot;:&quot;Mute&quot;,&quot;toggle-play&quot;:&quot;Play / Pause&quot;,&quot;enter-fullscreen&quot;:&quot;Enter fullscreen&quot;,&quot;exit-fullscreen&quot;:&quot;Exit fullscreen&quot;}"
    >
      <span slot="tooltip">Settings</span>
    </video-settings-button>

    <video-airplay-button>
      <span slot="tooltip:disabled">Airplay</span>
      <span slot="tooltip:enabled">Airplay</span>
    </video-airplay-button>

    <video-pip-button>
      <span slot="tooltip:disabled">Picture in Picture</span>
      <span slot="tooltip:enabled">Picture in Picture</span>
    </video-pip-button>

    <video-chromecast-button>
      <span slot="tooltip:disabled">Chromecast</span>
      <span slot="tooltip:enabled">Chromecast</span>
    </video-chromecast-button>

    <video-fullscreen-button>
      <span slot="tooltip:disabled">Enter fullscreen</span>
      <span slot="tooltip:enabled">Exit fullscreen</span>
    </video-fullscreen-button>
  </video-controls>
  <video-cues></video-cues>
</video-player>

        </div>
    </div>
  <div id="program_about" class="w-full lg:w-[45%] lg:mb-5">
      <h1 class="text-ds-title-2-semi-bold mt-2 lg:mt-0">
        Finger of God
      </h1>
    <div class="mt-4 text-ds-small-regular">
      <div  class="content-description line-clamp-3 max-h-[60px] xl:line-clamp-[7] xl:max-h-[140px] xl:aria-expanded:line-clamp-[11] xl:aria-expanded:max-h-[220px]" data-program-details-modal-target="description">
        Prepare to go on a dizzying journey around the world from the streets of Northern California to the mud huts of Africa; from the underground church in China to the Gypsies in Eastern Europe Ð you will be challenged and encouraged by the extraordinary things God is doing in our world today. Born out of filmmaker Darren Wilson's personal journey of two years and hundreds of hours of footage, Finger of God will show you a world you never knew existed. A world of hope and courage. A world where God's fingerprints are found in the unlikeliest of places.
      </div>
      <ds-button variant="text" data-action="click->program-details-modal#openDetailModal" class="cursor-pointer">Learn more</ds-button>
    </div>
    <div class="mt-4 flex flex-col sm:flex-row gap-2 ">
            <ds-dropdown data-test="subscriptions-list" float="center" sm="float:left" class="w-full">
              <ds-button class="w-full" slot="control" variant="primary" onclick="window.CatalogAnalytics('clickVideoCtaToSubscribe', '202654', 'sidebar', 'Subscribe to watch')">
                  <span class="hidden lg:!block  xl:!hidden">
                    Subscribe
                  </span>
                  <span class="xl:!block lg:hidden">
                    Subscribe to watch
                  </span>
                <ds-icon slot="after" name="chevron-down"></ds-icon>
              </ds-button>
              <div
                slot="content"
                class="p-6 pt-4 w-screen max-w-screen-md sm:max-w-lg box-border sm:w-auto"
              >
                <p class="text-ds-small-regular mb-4">Select a membership:</p>
                  <a
                    href="/checkout/new?o=23060"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/23060/Monthly-subscription.1629003349.jpg">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Monthly
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        WP TV Monthly Subscription
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for 7 days
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            USD $9.99/month after trial
                          </span>
                        </div>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=23196"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/23196/Annual-subscription.1629003328.jpg">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Annually
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        WP TV Annual Subscription
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for 7 days
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            USD $99.99/year after trial
                          </span>
                        </div>
                    </div>
                  </a>
              </div>
            </ds-dropdown>
          <ds-button class="shrink-0" href="/checkout/new?o=p202654" variant="regular" data-turbo-frame="_top">
            Buy $9.99</ds-button>
          <ds-button class="shrink-0" href="/checkout/new?o=rp202654" variant="regular" data-turbo-frame="_top">
            Rent $2.99</ds-button>
    </div>
        <ds-dropdown class="w-full sm:w-auto mt-2" float="center" sm="float:left"  data-test="more-purchase-options" class="mt-1">
          <ds-button class="w-full" slot="control" variant="text">
            More purchase options
            <ds-icon slot="after" name="chevron-down"></ds-icon>
          </ds-button>
          <div slot="content" class="flex flex-col w-screen box-border sm:w-auto px-3 py-2 gap-2">
              <a class="flex gap-2 items-center w-full" href="/checkout/new?o=56846" data-turbo-frame="_top">
                <span class="text-ds-small-medium text-ds-default max-w-[120px] truncate shrink-0">
                  Finger of God Deluxe Edition
                </span>
                <span class="text-ds-small-regular text-ds-muted shrink-0">
                  (61 video bundle)
                </span>
                <span class="w-full text-right">
                    <span class="text-primary text-ds-base-medium">
                      $19.99
                    </span>
                  </span>
              </a>
              <a class="flex gap-2 items-center w-full" href="/checkout/new?o=42677" data-turbo-frame="_top">
                <span class="text-ds-small-medium text-ds-default max-w-[120px] truncate shrink-0">
                  WP Regular Edition Digital Bundle
                </span>
                <span class="text-ds-small-regular text-ds-muted shrink-0">
                  (18 video bundle)
                </span>
                <span class="w-full text-right">
                    <span class="text-primary text-ds-base-medium">
                      $89.99
                    </span>
                  </span>
              </a>
              <a class="flex gap-2 items-center w-full" href="/checkout/new?o=39798" data-turbo-frame="_top">
                <span class="text-ds-small-medium text-ds-default max-w-[120px] truncate shrink-0">
                  WP Deluxe Edition - Digital Bundle
                </span>
                <span class="text-ds-small-regular text-ds-muted shrink-0">
                  (303 video bundle)
                </span>
                <span class="w-full text-right">
                    <span class="text-primary text-ds-base-medium">
                      $129.99
                    </span>
                  </span>
              </a>
              <a class="flex gap-2 items-center w-full" href="/checkout/new?o=59944" data-turbo-frame="_top">
                <span class="text-ds-small-medium text-ds-default max-w-[120px] truncate shrink-0">
                  WP TV Lifetime Access
                </span>
                <span class="text-ds-small-regular text-ds-muted shrink-0">
                  (555 video bundle)
                </span>
                <span class="w-full text-right">
                    <span class="text-primary text-ds-base-medium">
                      $299.99
                    </span>
                  </span>
              </a>
          </div>
        </ds-dropdown>
  </div>
</div>

    <div class="flex flex-wrap mt-20 w-full">
      <div class="w-full">
        <turbo-frame data-program-tabs-target="commentsContainer" class="community-page" id="program_comments" target="_top">
  <h3 class="comments-title font-medium text-xl">
    Comments
    (<turbo-frame id="video_202654_comments_count">23</turbo-frame>)
  </h3>
        <p class="pb-4">
            <a class="text-primary capitalize font-medium" href="/sign_in">sign in</a> to participate in the conversation
        </p>

    <div class="border-b border-ds-default"></div>

      <turbo-frame lazy="true" id="video_202654_comments_section" src="/contents/202654/comments">

        <ds-icon name="placeholders/comment"></ds-icon>
</turbo-frame></turbo-frame>
      </div>
    </div>
</div>


  <turbo-frame loading="lazy" id="program_related" src="/programs/finger-of-god/related" target="_top"></turbo-frame>

</template></turbo-stream>