@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',
    'scroll-x-active' => $isPreview,
    "fileWrap" => ! $isPreview && $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
            <input type="file" class="el-hide" class="file" id="file" accept="{{ $accept }}" {{ $max > 1 ? "multiple" : "" }}>
            <label class="mo_tab-file uploadArea" for="file">
                <div class="flex">
                    <figure class="upload-icon"></figure>
                    <span>파일 첨부</span>
                </div>
            </label>
            <label class="file-drop pc-file-drop uploadArea" for="file">
                <div class="flex">
                    <figure class="upload-icon"></figure><p>파일을 마우스로 끌어오세요.</p>
                    <span>내 컴퓨터에서</span>
                </div>
            </label>
        @endif
    @endif
    <div class="file-list">

        @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 )
            @if ($isPreview)
                <div class="imageFile">
                    <img src="{{ app(\S3Helper::class)->getPublicUrl($file->s3_key) }}" class="preview">
                    @if (! $isView)
                    <button type="button" class="remove" data-id="{{ $file->id }}"></button>
                    @endif
                </div>
            @else
                @php
                    $fileSize = $file->size / 1024;
                @endphp
                @if ($isView)
                <div class="file">
                    <p class="ellipsis_1 name">{{ $file->name }} ({{ number_format($fileSize, $fileSize < 1 ? 3 : 1)  }}kb)</p>
                    <a href="{{ app(\S3Helper::class)->getPublicUrl($file->s3_key) }}" class="icon" target="_blank" download>다운로드</a>
                </div>
                @endif
            @endif
        @endforeach
    </div>
</div>