{{--require documentItem.js , documentItem.js is included in newbase.blade--}}
@php
    $isShowSync = $isShowSync ?? 0;           //display sync info
    $showDownload = $showDownload ?? 1;       //show download button and status
    $showDelete = $showDelete ?? 1;           //show delete button
    $showTime = $showTime ?? 1;               //show time
    $format = strtolower($format);
@endphp
@if($isShowSync !== 0)
    @if($file_upload_status == 1)
    <div class="loading-mask" data-id="{{$id}}" data-type="1">
        服务器同步中
    </div>
    @elseif($file_upload_status == 2)
    <div class="loading-mask" data-id="{{$id}}" data-type="2">
        同步失败，请删除后重新上传
    </div>
    @endif
@endif
@if($showDelete)

@if($showDownload)
<div class="new-download">
    <img 
        onclick="documentItemDownload('{{$filePath}}?m=download&t={{strtotime($created_at)}}',this)" 
        data-name="{{$name}}.{{$format}}"
        src="{{asset('img/applicationFile/download.png')}}" 
        class="replaceImg_img" 
    />
</div>
@endif

<div 
    class="label label-danger pull-right" 
    onclick="documentItemDelete(this,'{{$id}}');"
>
    <img src="{{asset('img/applicationFile/file-delete.png')}}" alt="">
</div>

@endif
<div class="icon fileThumbnail">
    @if(in_array(strtolower($format),\App\lib\FileTransaction::FILE_TYPES["image"] ))
        <a 
            class="download file-item"
            data-galpop-group="gallery3" 
            file-name="{{$name}}.{{$format}}"
            file-downName="{{$filePath}}?m=download&t={{strtotime($updated_at)}}"
            href="javascript:;"
            onclick="documentItemPreviewPdf('{{$id}}','{{isset($applicationFileType) ? $applicationFileType:''}}', '{{isset($allowEdit) ? $allowEdit:''}}');"
        >
            <img 
                class="preview-image" 
                src="{{$filePath}}?x-oss-process=image/resize,m_lfit,h_100,w_100&t={{strtotime($updated_at)}}"
                id="{{$id}}"
                data-url="{{$filePath}}"
            />
        </a>
    @elseif(in_array($format,\App\lib\FileTransaction::FILE_TYPES["zip"] ))
        <div class="packageImage"
            file-name="{{$name}}.{{$format}}"
            file-downName="{{$filePath}}?m=download&t={{strtotime($updated_at)}}"
        >
            <img src="{{asset('img/package.png')}}" id="{{$id}}" data-url="{{$filePath}}" alt="">
        </div>
    @else
        <a 
            class="download file-item" 
            href="javascript:;" 
            onclick="documentItemPreviewPdf('{{$id}}','{{isset($applicationFileType) ? $applicationFileType:''}}', '{{isset($allowEdit) ? $allowEdit:''}}');"
            file-name="{{$name}}.{{$format}}" 
            file-downName="{{$filePath}}?m=download&t={{strtotime($updated_at)}}"
        >
            <img 
                src="{{$thumbnailPath}}?x-oss-process=image/resize,m_lfit,h_100,w_100&t={{strtotime($updated_at)}}"
                id="{{$id}}"
                data-url="{{$thumbnailPath}}"
             />
        </a>
    @endif

    <div class="progress-content">
        <div class="progress-text">0%</div>
        <div class="progress-pie">
            <figure data-behavior="pie-chart" class="rendered pie"></figure>
        </div>
    </div>
    <div class="download-success">下载完成</div>
</div>
@if($showDownload)
<div class="file-name Download_arrow">
    <input class="input-file-name" type="text" value="{{$name}}" data-id="{{$id}}">
    @if(isset($displayDocumentFinalStatus))
        @if($canMarkDocumentFinalStatus)
            @if(!empty($final_oprator_id))
                <div class="finally-button avtived" onclick="showMyAlert(this,'{{$name}}','{{$clientID}}','{{$id}}')" data-type="0">
                    <div class="finally-options">
                        <span></span>
                        <div class="options-username">{{$userName}}</div>
                        <div class="options-date">{{$final_created_at}}</div>
                    </div>
                </div>
            @else
                <div class="finally-button" onclick="showMyAlert(this,'{{$name}}','{{$clientID}}','{{$id}}')" data-type="1"></div>
            @endif
        @else
            @if(!empty($final_oprator_id))
                {{--无权限 & 有final标记--}}
                <div class="finally-button avtived">
                    <div class="finally-options">
                        <span></span>
                        <div class="options-username">{{$userName}}</div>
                        <div class="options-date">{{$final_created_at}}</div>
                    </div>
                </div>
            @endif
        @endif
    @endif
</div>
@endif
@if($showTime)
<div class="file-date">
    <div class="date-text">									
    {{TimestampConverter::getTimezoneTimestamp($created_at, 'd-m-Y H:i')}}
    </div>
    @if(!empty($size))
        @php
            if ($size >= 1073741824){
                $size = number_format($size / 1073741824, 2) . ' GB';
            }elseif ($size >= 1048576){
                $size = number_format($size / 1048576, 2) . ' MB';
            }elseif ($size >= 1024){
                $size = number_format($size / 1024, 2) . ' KB';
            }elseif ($size > 1){
                $size = $size . ' size';
            }elseif ($size == 1){
                $size = $size . ' byte';
            }else{
                $size = '0 size';
            }
        @endphp    
    <div class="fileSize">{{$size}}</div>
    @endif
</div>
@endif