@php
    $files = config('cabinet.other-files.images')?? [];
@endphp

<x-moonshine::grid>
    @foreach($files as $k => $file)
        <x-moonshine::column col-span="3">
            <x-moonshine::box style="background: #283656;box-shadow: 0 0 9px -3px;margin-top: 20px;">
                <div class="flex items-center gap-2 justify-between">
                    {!! \MoonShine\Fields\Text::make('Ссылка')->copy()->readonly()->default(asset($file)) !!}
                    {!! \MoonShine\ActionButtons\ActionButton::make(
                                '',
                         )->customAttributes(['style' => 'width: 100%!important'])
                            ->withConfirm(
                                formBuilder: fn() =>
                                \MoonShine\Components\FormBuilder::make(
                                    fields:
                                    [
                                        \MoonShine\Fields\Hidden::make('id')->customAttributes(['value' => $k])
                                    ])->asyncMethod('image_remove', events: ['reload'])
                            )->icon('heroicons.x-mark')
                    !!}
                </div>
                <div class="flex items-center justify-center w-full"
                     style="max-height: 300px;max-width: 340px; min-height: 150px;">
                    <img style="cursor: pointer;" @click.stop="$dispatch('img-popup', {open: true,
                    src: '{{ asset($file) }}' })"
                         class="h-auto max-w-full rounded-lg mt-2" src="{{ asset($file) }}" alt="#">
                </div>
            </x-moonshine::box>
        </x-moonshine::column>
    @endforeach
</x-moonshine::grid>