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

<div id="kinematicDetailsDialog"
     class="modal fade"
     role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button"
                        class="close"
                        data-dismiss="modal"
                        aria-hidden="true">
                    ×
                </button>

                <h4 class="modal-title row">
                    <span class="pointName"></span>
                    <span class="pointDetails pull-right">
                        <span class="pointObservationTime"></span>
                        <span class="pointTrack"></span>
                    </span>
                </h4>

            </div>
            <div class="modal-body">
                <div id="mapTrajectory"
                     class="mapTrajectorySplit">
                </div>
            </div>
        </div>
    </div>
</div>
<script id="ccResultHeaderTemplate"
        type="text/x-handlebars-template">
    <div class="computationResultsPanel panel panel-default accordion">
        <div class="computationResultHeader panel-heading toggleDetails" data-toggle="collapse" data-parent="#accordion" href="#collapseComputationResult{{this.sectionIndex}}">
            <div class="row">
                <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 computationDetails">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    {{sectionIndex}}. @Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_TEXT_DATE_OF_REQUEST_LABEL") <b>{{formatDateTimeMinutesSeconds creationTime}}</b>
                                </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="ccProjectName" data-type="text" data-pk="{{id}}" data-ccid="{{id}}" data-original-title="@Lang.Attr("IDS_XPOS_RESULTS_PROJECT_NAME_TITLE")">{{name}}</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            <div class="row">
                                <div class="duration col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <div class="filesCount">
                                        <span>{{resultSummary.filesCount}} @Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_FILES_LABEL"), </span>
                                    </div>
                                    <div class="markers">
                                        <span>{{#PointCond resultSummary.staticPointCount resultSummary.kinematicPointCount}} {{body}}{{/PointCond}}</span>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    {{#if useVirtual}}
                                    @Lang.Html("IDS_COORDINATE_COMPUTATION_VR_ENABLED")
                                    {{else}}
                                    @Lang.Html("IDS_COORDINATE_COMPUTATION_VR_DISABLED")
                                    {{/if}}
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            <div class="targetSystem">
                                <span><b>@Lang.Html("IDS_COORDINATE_COMPUTATION_COORDINATE_SYSTEM_LABEL")
                                    {{#if targetCoordinateSystem}}
                                    {{targetCoordinateSystem.name}}
                                    {{else}}
                                    @Lang.Html("IDS_COORDINATE_SYSTEM_WGS84")
                                    {{/if}}
                                </b></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 computationResultActions {{computationFinishedClass status}}">
                    <div class="row">
                        <div class="col-sm-7 col-xs-3 col-md-9 col-lg-9 panel-action">
                            <div data-toggle="tooltip" data-placement="top" data-container="body" class="{{computationResultStatusClass status}} icon icon16" title="{{computationResultStatusTooltip status}}"></div>
                        </div>
                        <div class="col-sm-1 col-xs-4 col-md-1 col-lg-1">
                            {{> shared_client_app_partial clientApplication}}
                        </div>
                        <div class="col-lg-1 col-sm-1 col-md-1 col-xs-4 panel-title pull-right">
                            <a class="collapsed pull-right expanderIcon" id="arrowIcon{{id}}">
                                <i class="fa fa-lg fa-angle-down"></i>
                            </a>
                            <a class="collapsed pull-right processingIcon">
                                <i class="fa fa-lg fa-cog fa-spin"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{#ifComputationFinished status}}
        <div id="collapseComputationResult{{this.sectionIndex}}" class="panel-collapse collapse">
            <div class="loadingData">
                <i class="fa fa-cog fa-spin fa-2x"></i>
                @Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_LOADING_RESULTS")
            </div>
            <div class="resultDetails"></div>
        </div>
        {{/ifComputationFinished}}
    </div>
</script>

<script id="ccFileDetailsTemplate"
        type="text/x-handlebars-template">
    {{#ifCond status '===' 'FinishedSuccess'}}
    <div class="row">
        <div class="actions filesPointsTougle col-lg-9 col-md-8 col-sm-7 col-xs-7">
            <span class="toggleFiles">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_SHOW_FILE_DETAILS_LABEL")</span>
        </div>
        <div class="actions ccReport pull-right">
            {{#hasTransformPointsAccess files}}
            @if (Model)
            {
                <button class="btn btn-primary ccTransformPoints">@Lang.Html("IDS_XPOS_CC_TRANSFORM_POINTS_TEXT")</button>
            }
            {{/hasTransformPointsAccess}}
            <a class="btn btn-primary report pull-right" target="_blank" href="@Url.Action("CoordinateComputationReport", "Xpos")/{{id}}">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_REPORT_LABEL")</a>
        </div>
    </div>
    {{/ifCond}}
    <div class="ccResultDetails_{{id}}">
        <table class="pointresults table table-striped table-bordered table-hover">
            <thead>
                <tr>
                    <th data-class="expand">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_MARKER_LABEL")</th>
                    <th data-hide="tablet,phone, miniPhone">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_OBSERVATION_TIME_LABEL")</th>
                    <th class="localGrid">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_GRID_LABEL")<br />{{targetCS}}</th>
                    <th class="computationResult localPosition toggleCartesian" data-hide="phone">
                        <div class="geodetic">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_POSITION_GEODETIC_LABEL")</div>
                        <div class="cartesian">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_POSITION_CARTESIAN_LABEL")</div>
                    </th>
                    <th data-hide="miniPhone" class="computationResult toggleCartesian">
                        <div class="geodetic">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_DEFAULT_CS_LABEL")</div>
                        <div class="cartesian">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_CARTESIAN_LABEL")</div>
                    </th>
                    <th data-hide="miniPhone">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_QUALITY_LABEL")</th>
                    <th class="hidden" data-hide="miniPhone">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_QUALITY_LABEL")</th>
                    <th></th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <div class="ccResultFileDetails_{{id}}">
        <table class="filedetails table table-striped table-bordered table-hover">
            <thead>
                <tr>
                    <th data-class="expand">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_FILE_NAME_LABEL")</th>
                    <th data-hide="tablet,phone, miniPhone">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_OBSERVATION_TIME_LABEL")</th>
                    <th data-hide="phone, miniPhone">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_OCCUPATON_TYPE_LABEL")</th>
                    <th data-hide="phone, miniPhone">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_ANTENNA_LABEL")<br />@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_RECEIVER_LABEL")</th>
                    <th data-hide="miniPhone">@Lang.Html("IDS_COORDINATE_COMPUTATION_RESULTS_STATUS_LABEL")</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</script>

<script type="text/javascript">
    var Localisation_Sec = @Lang.JsString("IDS_COORDINATE_COMPUTATION_RESULTS_SEC");
    var Localisation_Km = @Lang.JsString("IDS_COORDINATE_COMPUTATION_RESULTS_KILOMETER");
    var Localisation_Min = @Lang.JsString("IDS_COORDINATE_COMPUTATION_RESULTS_MIN");
    var Localisation_SoltionType_PhaseFixed = @Lang.JsString("IDS_COORDINATE_COMPUTATION_SOLUTION_TYPE_PHASE_FIXED");
    var Localisation_SoltionType_XRTK = @Lang.JsString("IDS_COORDINATE_COMPUTATION_SOLUTION_TYPE_XRTK");
    var Localisation_SoltionType_PhaseFloat = @Lang.JsString("IDS_COORDINATE_COMPUTATION_SOLUTION_TYPE_PHASE_FIOAT");
    var Localisation_SoltionType_Code = @Lang.JsString("IDS_COORDINATE_COMPUTATION_SOLUTION_TYPE_CODE");
    var Localisation_SoltionType_Navigated = @Lang.JsString("IDS_COORDINATE_COMPUTATION_SOLUTION_TYPE_NAVIGATED");
    var Localisation_SoltionType_Automated = @Lang.JsString("IDS_COORDINATE_COMPUTATION_SOLUTION_TYPE_AUTOMATIC");
    var Localisation_SoltionType_Unknown = @Lang.JsString("IDS_COORDINATE_COMPUTATION_SOLUTION_TYPE_UNKNOWN");
    var Localisation_Degree = @Lang.JsString("IDS_COORDINATE_COMPUTATION_RESULTS_DEGREE");
    var Localisation_SoltionOptimization_IonoFree = @Lang.JsString("IDS_COORDINATE_COMPUTATION_SOLUTION_OPTIMIZATION_IONO_FREE");
    var Localisation_SoltionOptimization_None = @Lang.JsString("IDS_COORDINATE_COMPUTATION_SOLUTION_OPTIMIZATION_NONE");
    var Localisation_SoltionOptimization_Automated = @Lang.JsString("IDS_COORDINATE_COMPUTATION_SOLUTION_OPTIMIZATION_AUTOMATIC");
    var Localisation_SoltionOptimization_Unknown = @Lang.JsString("IDS_COORDINATE_COMPUTATION_SOLUTION_OPTIMIZATION_UNKNOWN");
    var Localisation_Export_KML_Heading_Kinematic_Pocessing = @Lang.JsString("IDS_CC_EXPORT_KML_HEADING_KINEMATIC_PROCESSING");
    var Localisation_Export_KML_Heading_Sbc_Version = @Lang.JsString("IDS_CC_EXPORT_KML_HEADING_SBC_VERSION");
    var Localisation_Export_KML_Raw_File_NaME = @Lang.JsString("IDS_CC_EXPORT_KML_HEADING_RAW_DATA_FILE_NAME");
    var Localisation_Export_KML_Placemark = @Lang.JsString("IDS_CC_EXPORT_KML_PLACEMARK");
    var Localisation_Export_KML_Track = @Lang.JsString("IDS_CC_EXPORT_KML_TRACK");
</script>