@php
    $files = config('cabinet.other-files.files') ?? [];
    $iconMap = [
        'pdf' => 'fa-file-pdf',      // Иконка для PDF
        'doc' => 'fa-file-word',     // Иконка для Word
        'docx' => 'fa-file-word',
        'xls' => 'fa-file-excel',    // Иконка для Excel
        'xlsx' => 'fa-file-excel',
        'txt' => 'fa-file-alt',      // Иконка для текстовых файлов
        'jpg' => 'fa-file-image',    // Иконка для изображений
        'jpeg' => 'fa-file-image',
        'png' => 'fa-file-image',
        'gif' => 'fa-file-image',
        'zip' => 'fa-file-archive',  // Иконка для архивов
        'rar' => 'fa-file-archive',
        'default' => 'fa-file',      // Иконка по умолчанию
    ];
@endphp
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"
      integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ=="
      crossorigin="anonymous" referrerpolicy="no-referrer"/>
<x-moonshine::grid>
    @foreach($files as $k => $file)
        @php
            $extension = pathinfo($file, PATHINFO_EXTENSION);
            $iconClass = $iconMap[$extension] ?? $iconMap['default']; // Определяем класс иконки
        @endphp
        <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('file_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;">
                    @if (in_array($extension, ['jpg', 'jpeg', 'png', 'gif']))
                        <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="#">
                    @else
                        <i class="fas {{ $iconClass }} fa-5x mt-2" style="color: #fff;"></i>
                        <!-- Иконка для других файлов -->
                    @endif
                </div>
            </x-moonshine::box>
        </x-moonshine::column>
    @endforeach
</x-moonshine::grid>