@using Leica.Spider.BusinessCenter.Frontend.Utils
@model bool

<div id="dialog"
     class="modal fade"
     role="dialog">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">@Lang.Html("IDS_TABLE_MESSAGES_AREYOUSURE")</h4>
            </div>
            <div class="modal-body">
                @Lang.Html("IDS_RINEX_DOWNLOAD_QUESTION")
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary"
                        id="confirmDownload">
                    @Lang.Html("IDS_YES")</button>
                <button class="btn btn-default"
                        data-dismiss="modal">
                    @Lang.Html("IDS_NO")</button>
            </div>
        </div>
    </div>
</div>
<!-- Result Header template -->
<script id="resultHeaderTemplate"
        type="text/x-handlebars-template">
    <div class="rinexResultsPanel panel panel-default" id="accordianHeader_{{requestId}}">
        <div class="rinexSiteAndTimePeriod panel-heading {{toggleClass status}}" data-toggle="{{istoggleAllowed status}}" data-parent="#accordion" href="#collapseRinexResult{{this.sectionIndex}}" data-requestId="{{requestId}}">
            <div class="row">
                <div class="col-xs-7 col-lg-9 col-md-9 col-sm-8 requestDetails">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 sectionIndex">
                                    {{sectionIndex}}. @Lang.Html("IDS_RINEX_REQUEST_TEXT_DATE_OF_REQUEST_LABEL")
                                    <span><b>{{requestedDate}}</b></span>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 projectNameField">
                                    <span>@Lang.Html("IDS_XPOS_RESULTS_PROJECT_TEXT_LABEL") &nbsp;</span>
                                    <a href="#" class="rrProjectName" data-type="text" data-ccid="{{requestId}}" data-title="@Lang.Attr("IDS_XPOS_RESULTS_PROJECT_NAME_TITLE")">{{name}}</a>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    {{FormatSiteNames selectedSites}}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12 col-md-10 col-sm-10 col-xs-9">
                                    <span>@Lang.Html("IDS_RINEX_REQUEST_START_TIME_OF_REQUEST_LABEL") </span><span> {{startDate}}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            <div class="row duration PaddingLeft">
                                <div>
                                    <span>@Lang.Html("IDS_RINEX_REQUEST_DURATION_LABEL") {{formatTimeSpanFromMilliseconds duration true}}, </span>
                                </div>
                                <div class="filesCount">
                                    <span> {{filesCount}} @Lang.Html("IDS_RINEX_REQUEST_TEXT_FILES") {{#unless Concatenation}} ({{filesdownloadSize}}) {{/unless }}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12 col-md-10 col-sm-10 col-xs-9">
                                    <span>@Lang.Html("IDS_RINEX_REQUEST_TEXT_OBSERVATION_RATE"): </span><span> {{ObservationRate}} @Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_SEC")</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12 col-md-10 col-sm-10 col-xs-9">
                                    <span>@Lang.Html("IDS_RINEX_REQUEST_TEXT_DATA_COMPLETENESS"): </span><span> {{formatPercent dataCompleteness}}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12 col-md-10 col-sm-10 col-xs-9">
                                    <span>@Lang.Html("IDS_PACKAGES_VIEW_DF_UNIT_EPOCHS_LABEL"): </span><span> {{epochs}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-5 col-sm-4 col-md-3 col-lg-3 requestActions">
                    {{#isRequestAgain status}}
                    <div class="row">
                        <div class="col-sm-8 col-xs-8 col-md-9 col-lg-9 panel-action">
                            <div class="col-sm-12 col-xs-12 col-md-12 col-lg-6">
                                {{#isProcessingOrFailed status Concatenation}}
                                <button class="btn btn-primary rinexDownloadButton" id="rinexDownloadButton{{requestId}}" data-requestId="{{requestId}}"
                                        data-status="{{requestState}}">
                                    {{DownloadButtonText requestState}}
                                </button>
                                {{else}}
                                <div data-toggle="tooltip" data-placement="top" data-container="body" class="{{rinexResultStatusClass status}} icon icon16" title="{{rinexResultStatusTooltip status}}"></div>
                                {{/isProcessingOrFailed}}
                            </div>
                            <div class="col-sm-12 col-xs-12 col-md-12 col-lg-6">
                                <div class="progress" id="rinexProgress{{requestId}}"><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>
                        </div>
                        <div class="col-sm-1 col-xs-1 col-md-1 col-lg-1">
                            {{> shared_client_app_partial clientApplication}}
                        </div>
                        <div class="col-lg-1 col-sm-2 col-md-1 col-xs-1 panel-title pull-right">
                            {{#isProcessing status}}
                            <a class="collapsed pull-right" id="arrowIcon{{requestId}}">
                                <i class="fa fa-lg fa-angle-down"></i>
                                <i class="fa fa-lg fa-angle-down"></i>
                            </a>
                            {{else}}
                            <a class="collapsed pull-right processingIcon">
                                <i class="fa fa-lg fa-cog fa-spin"></i>
                            </a>
                            {{/isProcessing}}
                        </div>
                    </div>
                    <text>{{else}}</text>
                    <div class="row">
                        <div class="col-lg-9 col-sm-8 col-md-9 col-xs-8">
                            <button class="btn btn-primary submitAgain" data-requestId="{{requestId}}">@Lang.Html("IDS_RINEX_RESULTS_REQUEST_AGAIN")</button>
                            <form action="@Url.Action("RinexDataRequest")" method="POST" class="submitAgainForm" id="resultform">
                                @Html.AntiForgeryToken()
                                <input type="hidden" id="resultformJson" name="resultformJson" value="" />
                            </form>
                        </div>

                        <div class="col-lg-1 col-sm-2 col-md-1 col-xs-1">
                            {{> shared_client_app_partial clientApplication}}
                        </div>
                        <div class="col-sm-1 col-xs-1 col-md-1 col-lg-1">
                        </div>
                    </div>
                        {{/isRequestAgain}}
                    </div>
            </div>
        </div>
        <div id="collapseRinexResult{{this.sectionIndex}}" class="panel-collapse collapse">
            <div class="requestFiles panel-body no-padding"></div>
        </div>
    </div>
</script>
<!-- File details template -->
<script id="fileDetailsTemplate"
        type="text/x-handlebars-template">
    {{#each this}}
    <div class="rinexFileContent">
        <div class="row">
            <div class="col-xs-9 col-lg-9 col-md-10 col-sm-10">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="File">
                        <div class="FileName">
                            <b>#{{itemIndex}} {{fileName}},</b> {{#unless Concatenation}} {{fileSize}} {{/unless }} {{iconstatus Status}}
                        </div>
                    </div>
                    <div class="StartDateTime">
                        <span class="StartDateTime">{{StartTime}}</span>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="Site"><span class="siteNameInList"><b>{{markerName}}</b></span>({{markerNumber}}), {{GNSS}}</div>
                    <div><span>@Lang.Html("IDS_RINEX_REQUEST_TEXT_DATA_COMPLETENESS"): </span><span> {{formatPercent dataCompleteness}},</span> <span>@Lang.Html("IDS_PACKAGES_VIEW_DF_UNIT_EPOCHS_LABEL"): {{epochs}}</span></div>
                </div>
            </div>
            <div class="col-xs-3 col-sm-2 col-md-2 col-lg-3 fileActions">
                <button class="btn btn-primary fileDownloadButton" id="fileDownloadButton{{requestId}}_{{id}}" data-selector="{{requestId}}_{{id}}" data-status="{{Status}}" data-concatenation="{{Concatenation}}" >@Lang.Html("IDS_RINEX_DOWNLOAD")</button>
                <div class="progress" id="fileProgress{{requestId}}_{{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>
        </div>
    </div>
    {{/each}}
</script>