@extends('homepagemodules::admin.modules.support.module_container')

@section('module-content')
    <div class="background video-clickable"
         style="
             background-color: {{isset($value->settings->backgroundColor)?$value->settings->backgroundColor:'#cccccc'}};
             background-image: {{isset($value->settings->backgroundImage)?'url('.config('locations.homepageImage.asset').$value->settings->backgroundImage.')':''}};
         "

         data-id="{{$value->id}}"
         data-module-type="{{$value->type}}"

         data-type="video"
         data-title="{{isset($value->images[0]->settings->title)?$value->images[0]->settings->title:""}}"
         data-title-chinese="{{isset($value->images[0]->settings->titleChinese)?$value->images[0]->settings->titleChinese:""}}"
         data-description="{{isset($value->images[0]->settings->description)?$value->images[0]->settings->description:""}}"
         data-description-chinese="{{isset($value->images[0]->settings->descriptionChinese)?$value->images[0]->settings->descriptionChinese:""}}"
         data-autoplay="{{isset($value->images[0]->settings->autoplay)?$value->images[0]->settings->autoplay:''}}"
         data-loop="{{isset($value->images[0]->settings->loop)?$value->images[0]->settings->loop:''}}"
         data-traffic-id="{{isset($value->images[0]->settings->trafficId)?$value->images[0]->settings->trafficId:""}}"

         data-image-id="{{isset($value->images[0]->id)?$value->images[0]->id:""}}"
         data-image-position="1"
         data-image-src="{{isset($value->images[0]->image)?$value->images[0]->image:""}}"
         data-image-src-chinese="{{isset($value->images[0]->imageChinese)?$value->images[0]->imageChinese:""}}"
    >
        @if(isset($value->images[0]->image))
            <video class="video-js" controls
                {{isset($value->images[0]->settings->autoplay)?'autoplay':''}}
                {{isset($value->images[0]->settings->loop)?'loop':''}}

                   data-title="{{$value->images[0]->settings->title}}"
                   data-setup='{@if(config('app.locale') !== 'en') "language":"zh-CN" @endif}'
            >
                <source src="{{config('locations.homepageVideo.asset').$value->images[0]->image}}" type="video/mp4">
            </video>
        @endif
    </div>
@overwrite