@using Leica.Spider.BusinessCenter.Frontend.Utils
<script id="vrinexResultHeaderTemplate"
        type="text/x-handlebars-template">
    <div class="vrinexResultsPanel panel panel-default">
        <div class="vrinexResultHeader panel-heading accordion">
            <div class="row">

                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            <div>
                                {{sectionIndex}}. @Lang.Html("IDS_RINEX_REQUEST_TEXT_DATE_OF_REQUEST_LABEL") <b>{{formatDateTimeMinutesSeconds creationTime}}</b>,
                                <span>@Lang.Html("IDS_XPOS_RESULTS_PROJECT_TEXT_LABEL") </span>
                                <a href="#" class="vrinexProjectName" data-type="text" data-pk="{{id}}" data-vrinexId="{{id}}" data-original-title="@Lang.Attr("IDS_XPOS_RESULTS_PROJECT_NAME_TITLE")">{{name}}</a>
                            </div>
                            <div>
                                @Lang.Html("IDS_XPOS_RESULTS_VRINEX_REQUESTED_START_TIME_LABEL_TEXT") {{formatDateTimeMinutesSeconds startTime}}
                            </div>
                            <div>
                                @Lang.Html("IDS_RINEX_REQUEST_DURATION_LABEL") {{formatTimeSpanFromMilliseconds duration true}}
                            </div>
                            <div>
                                @Lang.Html("IDS_VRINEX_REQUEST_LATITUDE_LABEL_TEXT") {{getLatitude latitude}}
                            </div>
                            <div>
                                @Lang.Html("IDS_VRINEX_REQUEST_LONGITUDE_LABEL_TEXT") {{getLongitude longitude}}
                            </div>
                            <div>
                                @Lang.Html("IDS_VRINEX_REQUEST_HEIGHT_LABEL_TEXT") {{getHeight height}} m
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            {{#isProcessingFinished status}}
                            <div>
                                @Lang.Html("IDS_VRINEX_RESULT_MARKER_NAME_NUMBER_LABEL_TEXT") {{markerName}}, {{markerNumber}}
                            </div>
                            {{#isSuccess status}}
                            <div>
                                {{FormatSiteNames auxiliarySites masterSite true}}
                            </div>
                            <div>
                                @Lang.Html("IDS_RINEX_REQUEST_TEXT_OBSERVATION_RATE"): {{ObservationRate}} @Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_SEC"),  @Lang.Html("IDS_VRINEX_RESULT_FILE_SIZE_LABEL_TEXT") {{formatFileSize resultFileSize}}
                            </div>
                            <div>
                                @Lang.Html("IDS_VRINEX_RESULT_SATELLITE_SYSTEMS_LABEL_TEXT") {{satelliteSystems}}
                            </div>
                            <div>
                                @Lang.Html("IDS_VRINEX_RESULT_DATA_COMPLETENESS_LABEL_TEXT") {{formatPercent dataCompleteness}}
                            </div>
                            <div>
                                @Lang.Html("IDS_PACKAGES_VIEW_DF_UNIT_EPOCHS_LABEL"): {{epochs}}
                            </div>
                            {{else}}
                            <div>
                                <i class="icon icon16 fa fa-warning"></i>
                                {{vrinexResultStatusTooltip status}}
                            </div>
                            {{/isSuccess}}
                            {{/isProcessingFinished}}
                        </div>
                    </div>
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 vrinexStatusItem">
                    <div data-toggle="tooltip" data-placement="top" data-container="body" class="icon icon16 {{vrinexResultStatusClass status}}" title="" data-original-title="{{vrinexResultStatusTooltip status}}"></div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 vrinexActionItems panel-action">
                    <div class="row {{vrinexResultLoadingIndicatorClass status}}">
                        {{#isProcessingFinished status}}
                        {{#isSuccess status}}
                        <div class="col-sm-12 col-xs-12 col-md-12 col-lg-6">
                            <button class="btn btn-primary vrinexFileDownloadButton" id="vrinexFileDownloadButton{{id}}" data-requestId="{{id}}"
                                    data-status="{{requestState}}">
                                @Lang.Html("IDS_VRINEX_RESULT_DOWNLOAD_LABEL_TEXT")
                            </button>
                            <button class="btn btn-primary vrinexDownloadButton hidden" id="vrinexDownloadButton{{id}}" data-requestId="{{id}}"
                                    data-status="{{requestState}}">
                                @Lang.Html("IDS_CANCEL")
                            </button>
                        </div>
                        <div class="col-sm-12 col-xs-12 col-md-12 col-lg-6">
                            <div class="progress hidden" id="vrinexProgress{{id}}"><div class="progress-bar progress-bar-info" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{downloadProgress}}" style="width: {{downloadProgress}}%;">{{downloadProgress}}%</div></div>
                        </div>
                        {{/isSuccess}}
                        {{else}}
                        <div class="processingIcon">
                            <i class="fa fa-lg fa-cog fa-spin"></i>
                        </div>
                        {{/isProcessingFinished}}
                    </div>
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 vrinexClientApp">
                    {{> shared_client_app_partial clientApplication}}
                </div>
            </div>
        </div>
    </div>
</script>