@php
    $max = isset($max) ? $max : 1;
    $files = isset($files) ? $files : [];
    $isPreview = isset($isPreview) ? $isPreview : true ;
    $isView = isset($isView) ? $isView : false ;
    $accept =  isset($accept) ? $accept : '.jpg, .png, .jpeg, .webp'
@endphp

<div @class(['uploadFile', 'file-wrap',
    'scroll-x-active' => $isPreview,
    'has-files' => !blank($files)
    ]) >

    @if (! $isView)
        <input type="hidden" name="max-count" id="maxCount" value="{{ $max }}" />
        @if ($isPreview)
            <label class="uploadArea" style="{{ $max <= sizeof($files) ? "display: none" : "" }}">
                <figure class="upload-icon"></figure>
                <input type="file" class="el-hide" class="file" id="file" accept="{{ $accept }}" {{ $max > 1 ? "multiple" : "" }}><span class="hidden">파일 첨부</span>
            </label>
        @else
            <h4>
                <i class="ico-camera"></i>
                파일첨부
            </h4>
            <input type="file" class="el-hide" class="file" id="file" accept="{{ $accept }}" {{ $max > 1 ? "multiple" : "" }}>
            <label class="mo_tab-file uploadArea add-file" for="file">
            </label>
        @endif
    @endif
        @if($isView && !blank($files))
            <h4>
                <i class="ico-camera"></i>
                파일첨부
            </h4>
        @endif
    <div class="file-list">
        <ul>
        @if ($isPreview)
            <div class="imageFile" id="default" style="display: none">
                <img src="" class="preview">
                <button type="button" class="remove" data-fileId=""></button>
            </div>
        @endif
            @foreach ( $files as $file )
                @php
                    $fileSize = $file->size / 1024;
                @endphp
                @if ($isView)
                    <li>
                        <a href="{{ app(\S3Helper::class)->getPublicUrl($file->s3_key) }}" class="icon" target="_blank"
                           download>{{ $file->name }} </a>
                    </li>
                @else
                    <li class="file-name">
                        <span>{{ $file->name }}({{ number_format($fileSize, $fileSize < 1 ? 3 : 1)  }}kb)</span>
                        <i class="remove ico-file-delete" data-id="{{ $file->id }}"></i>
                    </li>
                @endif
            @endforeach
        </ul>
    </div>
</div>