<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;How to plan a flight using SKYSIGHT&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;How to plan a flight using SKYSIGHT&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="3294177"
  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">How to plan a flight using SKYSIGHT</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]">00:22:30</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">October 2024</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">Bokmål, Norwegian, Czech, Dutch, English 2, French, German, Italian, Korean, Polish, Spanish</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/xc-flying"
                    data-turbo-frame="_top"
                  >
                    LEVEL 11: Cross Country
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (66 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="free-preview-video">
          <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="3294177"
  data-controller="program-video scrat-analytics program-video-free-preview"
  data-program-video-timeline-preview-sections-value="[]"
  data-program-video-timeline-preview-storyboard-url-value=""
  data-program-video-free-preview-state-value="initial"
  data-program-video-free-preview-show-cta-at-value="25"
  storage-key="uscreen:free_preview:video"
  class=""
  mux-data="{&quot;env_key&quot;:&quot;c43v645rpolt89529v2pesifn&quot;,&quot;viewer_user_id&quot;:null,&quot;video_title&quot;:&quot;How to plan a flight using SKYSIGHT&quot;,&quot;video_id&quot;:3294177}"
  data-program-video-stats-value="{&quot;video_id&quot;:3294177,&quot;content_id&quot;:3294177,&quot;content_type&quot;:&quot;free_preview&quot;,&quot;chapter_id&quot;:3294177,&quot;user_id&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=""
  data-program-video-user-is-logged-in-value="false"
  data-scrat-analytics-category-param="player"
  data-scrat-analytics-event-param="control_seekbar_seek"
>
  <video
    slot="video"
    crossorigin="anonymous"
    playsinline
    data-program-video-target="video"
    data-program-video-free-preview-target="video"
    poster="https://alpha.uscreencdn.com/assets%2Ftmp%2F14.1759424888.jpg"
  >
    <source
      src="https://stream.mux.com/j01gV100sT2CTwODLPb4gThZvGcluoTqbN.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJqMDFnVjEwMHNUMkNUd09ETFBiNGdUaFp2R2NsdW9UcWJOIiwiZXhwIjoxNzc1MjYyOTA1LCJraWQiOiJibEJBSzhkSENmaTIzcXZsYlZyQ1Fpb1pic3JrVnM2UCIsImF1ZCI6InYiLCJhc3NldF9zdGFydF90aW1lIjowLCJhc3NldF9lbmRfdGltZSI6MzB9.PV75uBTAUxUl-ljUnzxrNQQFIdndsClcGKskMOnWgsBcHCKzCGZmH4IhlbdxYpqDLu2N71LgNoRzSXdeiGzxGizPNaPEZVTUqa7kj_CqZxv65BoSOcQZ30KNAUn9d1KvNoTeWaZph11eG4MemM5RLpdiJAdt0s6vKEkvQGSNQecpkktEUZ4DsZaCJnvFS_i7y6bjuvD19uZLZ4lowfDK1WmjIibTQpXk1mzy9uMuzuab-THs-Q09nQ2D_PyHQDFAVJ5PT4Ba3dRZ-PCAhW9AtfixWAPetkCZwjRdUvl81g5xUU21Y2R2ZaXHnDGn9ChDz-PMLnsDURig0WWouQrd1g"
      type="application/x-mpegURL"
    />
  </video>
  <video-condition query="played==false">
    <ds-button data-program-video-free-preview-target="playButton"
              data-action="click->program-video-free-preview#playButton"
              variant="primary" size="small" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
      <ds-icon name='play-button-solid' class="mr-2"></ds-icon> Free preview
    </ds-button>
  </video-condition>

  <div class="absolute top-0 left-0 w-full h-full bg-black/50 z-[1] hidden" data-program-video-free-preview-target="cta">
    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
      <div class="flex flex-col items-center justify-center">
        <h1 class="text-white text-2xl font-bold text-center">Unlock full access</h1>
        <p class="text-white text-sm text-center">Get instant access to this video and more</p>

        <ds-button variant="text" size="small" class="mt-6" data-action="click->program-video-free-preview#replayButton">
          <span class="text-white flex items-center">
            <ds-icon name='arrow-forward-circle' class="mr-2"></ds-icon>
            Replay video
          </span>
        </ds-button>
      </div>
    </div>
  </div>

  <video-controls class="hidden" data-program-video-free-preview-target="controls">
    <video-timeline segments="0" data-program-video-target="timeline">
      <video-timer format="past"></video-timer>
    </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-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-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-controls>
  <video-cues></video-cues>

  <span class="text-white text-sm font-medium absolute right-2 bottom-2 z-[2] px-2 py-1 bg-black/65 rounded-md" data-program-video-free-preview-target="duration">
    22:30
  </span>
</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">
        How to plan a flight using SKYSIGHT
      </h1>
      <div class="mt-2">
        <span class="inline-block">
            <ds-avatar
              style="--ds-avatar-size: 1.5rem;"
              class="inline-block "
              size="xxxs"
              url="https://alpha.uscreencdn.com/images/author/14731/small_Rcq7mIsTLegEfq622PWA_avatar-clean-transparent-500.png"
              text="Greg Hamerton">
            </ds-avatar>
        </span>
        <span class="inline-block align-super text-ds-default text-ds-small-regular">
          Greg Hamerton
        </span>
      </div>
    <div class="mt-4 text-ds-small-regular">
      <div aria-expanded=true 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">
        <div class="editor-content"><p>Using the weather forecast we'll set an ambitious task that gets the best out of the day, then we'll fly the route, and debrief the performance afterwards, so you can learn how to use this great planning tool.</p><p><strong>Naviter SeeYou</strong> is available on <a target="_blank" rel="noopener noreferrer nofollow" href="https://bit.ly/seeyoufly">https://bit.ly/seeyoufly</a></p><p><strong>Skysight </strong>is available on <a target="_blank" rel="noopener noreferrer nofollow" href="https://skysight.io">https://skysight.io</a></p><p><strong>Video </strong>© Greg Hamerton</p><p><strong>Music </strong>licenced from Audiio: Faded Light (His Time)</p><p><strong>Subtitles </strong>by Greg (English), Alejo Jeketo (Spanish), Stephan Assmus (German) and DeepL (other languages)</p></div>
      </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', '3294177', 'sidebar', 'Subscribe to watch')">
                  Subscribe to watch
                <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=29405"
                    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/29405/11513_2Foffer_image_2FYImtFNcJTgux3I4P4PZM_badge-monthly.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">
                        Flight Academy (Monthly)
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for one day
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            USD $31.99/month after trial
                          </span>
                        </div>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=29875"
                    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/29875/badge-annual.1717163431.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">
                        Flight Academy (Yearly)
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for one day
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            USD $319.99/year after trial
                          </span>
                        </div>
                    </div>
                  </a>
              </div>
            </ds-dropdown>
    </div>
  </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_3294177_comments_count">4</turbo-frame>)
  </h3>
    <p class="pt-4">
        <a class="text-primary capitalize font-medium" href="/sign_in">sign in</a> to view the conversation
    </p>
</turbo-frame>
      </div>
    </div>
</div>


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

</template></turbo-stream>