@php(
    $isOpen = !!(($collapseMenuID ?? null) == 'translation-' . $loop->iteration)
)

<div class="row-group open {{$isOpen ? 'force-open' : ''}}">
    <div class="row service-item" id="translation-{{$loop->iteration}}">
    <div class="column arrow-column">
        <div class="button {{$isOpen ? 'active':''}}">
            <img src="{{config('locations.systemImage.asset') . 'triangle-orange.png'}}">

            <span class="text">
                {!! __("TranslationStatus-".$translationDetail->status) !!}
            </span>
        </div>
    </div>

    <div class="column image-column">
        <img src="{{config('locations.translations.asset').$translationDetail->image}}">
    </div>

    <div class="column details-column">
        <div class="item">
            <span class="bold">
                {{$translationDetail->name}}
            </span>

            <span class="second-line">
                {{$translationDetail->urgency}}
            </span>
        </div>

        <div class="item">
            <span class="bold">
                {{$translationDetail->language}}
            </span>

            <span class="second-line">
                {{$translationDetail->count}}
                {{__("TranslationCountType-" . ($translationDetail->countType == TranslationChargingMethods::WORD_COUNT) ? 'Word Count' : 'Number of Pages')}}
            </span>
        </div>

        <div class="item">
            <span class="bold">
               {{__('已上传文件')}}
            </span>

            <span class="second-line">
                {{$translationDetail->uploaded}} {{__('个')}}
            </span>
        </div>

        <div class="item">
            <span class="bold">
                {{__('已翻译文件')}}
            </span>

            <span class="second-line">
                <span class="highlighted"> {{$translationDetail->completed}} </span> / {{$translationDetail->uploaded}} {{__('个')}}
            </span>
        </div>

        <div class="item">
            <span class="bold">
                {{__('订单成交时间')}}
            </span>

            <span class="second-line">
                {{$translationDetail->orderDate}}
            </span>
        </div>
    </div>
</div>

<div class="row service-item-hidden translation-stages relativeContainer">
    <div class="controls">
        <div class="column">
            <div class="text bold font-title">
                {{__('原始文件')}}
            </div>
            <form id="translationDocumentUploadForm-{{$loop->iteration}}" enctype="multipart/form-data">
                <div class="buttons">
                    <div class="button upload-button" onclick="openFileUploadModal({'translationId':'{{$translationDetail->id}}'}, reloadPageWithParam, 'translation-{{$loop->iteration}}')">
                        <img src="{{config('locations.systemImage.asset').'upload-icon.png'}}"> {{__('文件上传')}}
                    </div>

                    @if ($translationDetail->uploaded > 0)
                        <a onclick="downloadAllFiles('{{route("downloadMass",['id'=>$key,'type'=>'original'])}}')" class="button download-button">
                            <img src="{{config('locations.systemImage.asset').'download-icon.png'}}"> {{__('批量下载')}}
                        </a>
                    @endif
                </div>
            </form>
        </div>

        <div class="column">
            <div class="text bold">
                {{__('翻译稿件')}}
            </div>

            <div class="buttons">
                @if ($translationDetail->completed > 0)
                    <a onclick="downloadAllFiles('{{route("downloadMass",['id'=>$key,'type'=>'translated'])}}')">
                        <div class="button download-button">
                            <img src="{{config('locations.systemImage.asset').'download-icon.png'}}"> {{__('批量下载')}}
                        </div>
                    </a>
                @endif
            </div>
        </div>
    </div>

    @foreach($translationDetail->translationFiles as $translationFile)
        @include('translation::layouts.components.status.translation_item_progress')
    @endforeach

    @if(count($translationDetail->translationFiles) == 0)
        <div class="page-waiting">
            {{__('暂无翻译结果，请上传需翻译材料。')}}
        </div>
    @endif
</div>
</div>