{{#
    Cover Media Partial
    Handles: cover_video (Vimeo URL or mp4) or cover_image
    Usage: {{ partial:partials/cover-media }}
#}}

{{ if cover_video }}
    {{ if cover_video | contains('vimeo') }}
    {{# Vimeo Background Video #}}
    <div class="cover-media container cover-vimeo-wrap">
        {{ vimeo_id = cover_video | replace('https://vimeo.com/', '') | replace('https://player.vimeo.com/video/', '') }}
        <div class="vimeo-bg-wrapper">
            <iframe 
                class="vimeo-bg-iframe"
                src="https://player.vimeo.com/video/{{ vimeo_id }}?background=1&autoplay=1&loop=1&byline=0&title=0&muted=1"
                frameborder="0" 
                allow="autoplay; fullscreen"
                title="Cover video">
            </iframe>
        </div>
    </div>
    {{ else }}
    {{# Self-hosted mp4 #}}
    <div class="cover-media container cover-video-wrap">
        <video class="cover-video-bg" autoplay muted loop playsinline>
            <source src="{{ cover_video }}" type="video/mp4">
        </video>
    </div>
    {{ /if }}
{{ elseif cover_image }}
    <div class="cover-media cover-image-wrap">
        <img src="{{ cover_image }}" alt="{{ title }}" class="cover-image-bg">
    </div>
{{ /if }}