<div class="entity-attribute entity-attribute-video @if($errors->has((string)$attribute->getKey())) error @endif {!!$attribute->getStyleClass()!!}" data-key="{{$attribute->getKey()}}" title="{{ $errors->get((string)$attribute->getKey()) != [] ? $errors->get((string)$attribute->getKey())[0] : ''}}">

    @include('kms.attributes.label')

    <input type="hidden" name="{{ (string)$attribute->getKey() }}" value="{{ $attribute->getValue() }}"> <!--TODO @Maarten. The data from this input is stored in the database. It is set in video.js and holds the value of the autocomplete input and video id input-->


    <p style="color: #000;">Autoplay:</p>
    <input style="height: 20px" name="{{ (string)$attribute->getKey() }}_autoplay" type="checkbox" class="autoplay">

    <p style="color: #000">Video ID: </p>
    <input name="{{ (string)$attribute->getKey() }}_video_id" type="text" value="" class="video_id">

    <!--TODO @maarten show youtube video thumb somewhere-->
</div>