@php
$input_name = $name;
if ($locale) {
    $input_name = $locale . '[' . $name . ']';
}
if (!isset($value) || !$value) {
    $value = [];
} else {
    $value = json_decode($value);
}
@endphp

<div class="form-group multiple-images-wrapper" data-input-name="{{ $input_name }}[]" data-ajax-url="{{ url(config('hellotree.cms_route_prefix') . '/' . $page['route'] . '/edit/images') }}" data-method="{{ isset($row) ? 'PUT' : 'POST' }}">
    @include('cms::components/form-fields/label')
    <label class="file-wrapper placeholder" data-text="Upload images">
        <input type="file" class="form-control" multiple="">
    </label>
    <div class="images-preview px-3 py-3" {!! count($value) ? '' : 'style="display: none;"' !!}>
        <div class="row images-sortable">
            @foreach ($value as $image)
                <div class="col-auto">
                    <input type="hidden" name="{{ $input_name }}[]" value="{{ $image }}">
                    <img class="img-thumbnail" src="{{ Storage::url($image) }}">
                    <div class="bg-danger text-white">
                        <i class="fa fa-times" aria-hidden="true"></i>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>