<?php
    $domId = $id . Str::random(5);
?>
@if(isset($language))
<div id="media-picker-{{$domId}}" class="form-group form-language-group media-picker-wrapper {{ $blocksMode ? "blocks-mode--$blocksMode" : 'blocks-mode--hide' }} form-language-{{ $language }}{{ $language == $defaultLang ? ' default-lang' : '' }} @error($errorKey) has-error @enderror {{ $parentHidden ? ' parent-hidden' : '' }}" style="{{ !empty($hide) ? 'display:none' : '' }}">
@else
<div id="media-picker-{{$domId}}" class="form-group media-picker-wrapper {{ $blocksMode ? "blocks-mode--$blocksMode" : 'blocks-mode--hide' }} @error($errorKey) has-error @enderror {{ $parentHidden ? ' parent-hidden' : '' }}" style="{{ !empty($hide) ? 'display:none' : '' }}">
@endif
    {!! Form::hidden($name, '', array('id' => $id, 'class' => 'media-selection')) !!}
    {!! Form::label($id, ucfirst($label), array('class' => 'control-label')) !!}
    @if(isset($language))
        <div class="form-group-translation-tools pull-right">
            @include('admin.generic.components.forms.copy-translation')
        </div>
    @endif
    @if($enabled)
        <button type="button" class="btn btn-xs btn-default command-add-more pull-right">
            <span class="glyphicon glyphicon-plus"></span>
        </button>
    @endif
    <div class="panel panel-default" @error($errorKey) data-toggle="tooltip" title="{{$message}}" @enderror>
        <div class="panel-body">
            <a href="#" class="select-media">@lang('backend.select_upload_item')</a>
            <ul class="field-media-holder">
            </ul>
        </div>
    </div>
    @if(!empty($info))
        <span id="helpBlock" class="help-block">{!! nl2br($info) !!}</span>
    @endif
</div>
<script>
    $(function () {
        new Eae.View.MediaPicker({
            el: $("#generic_form_{{RequestContext::get('generic_form_timestamp')}} #media-picker-{{$domId}}"),
            mediaType: @json($mediaType),
            fieldId: '{{ $id }}',
            fieldName: @json($fieldName),
            mediaItems: @json($mediaItems),
            multiple: {{ $multiple ? 'true' : 'false' }},
            minSize: {{ $minSize ? $minSize : 0 }},
            maxSize: {{ $maxSize ? $maxSize : 0 }},
            disabled: {{ $enabled ? 'false': 'true' }},
            relatedContentType: '{{ $relatedContentType ? $relatedContentType : '' }}',
            parent:  {!! empty($parent) ? 'false': json_encode($parent) !!},
            @if(isset($language))
            language: @json($language),
            @endif
        });
    });
</script>
