<div class="container custom-main-container">
<div class="row">
<div class="col-md-4">
<div class="container-fluid component-background calculation-container">
<form class="form ru-value-calculator"
action="https://forms.deere.com/forms/rest/registration/submitInfo"
method="POST">
<input type="hidden" id="country" name="Country" value="beforeactivate._change"/> <input type="hidden" id="language" name="Language" value="beforeactivate._change"/>
<div class="row">
<div class="col-xs-12">
<h3 class="main-headline">Please enter your criteria for comparison:</h3>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-12">
<label for="slider" class="input-label">Years of usage</label>
<div class="slider-wrapper">
<div id="slider"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-12">
<div class="input-container">
<label for="hoursPerYear" class="input-label">Hours per year</label>
<div class="input-wrapper">
<span class="input-addon">hr/yr</span>
<input type="number"
min="0"
id="hoursPerYear"
placeholder=""
required
>
</div>
<p class="validation-error">
<span class="default">Please fill in all fields.</span>
<span class="negative-numbers">No negative numbers allowed.</span>
</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-12">
<div class="input-container">
<label for="dieselPrice" class="input-label">Diesel price</label>
<div class="input-wrapper">
<span class="input-addon">€/l</span>
<input type="number"
min="0"
id="dieselPrice"
placeholder=""
required
>
</div>
<p class="validation-error">
<span class="default">Please fill in all fields.</span>
<span class="negative-numbers">No negative numbers allowed.</span>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<hr/>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h4 class="second-headline">Which machines would you like to compare?</h4>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="select-wrapper">
<label for="johnDeereSelect" class="input-label">John Deere</label>
<select name="johnDeereSelect" id="johnDeereSelect" class="default-dropdown" required>
<option value="" selected="selected" disabled>-Select-</option>
<option value="jd-6195m">6195M</option>
</select>
</div>
<div class="select-wrapper">
<label for="competitorSelect" class="input-label">Competitor</label>
<select name="competitorSelect" id="competitorSelect" class="default-dropdown" required>
<option value="" selected="selected" disabled>-Select-</option>
<option value="case-ih-puma-210">IH Puma 210</option>
<option value="claas-axion-850">Axion 850</option>
</select>
</div>
<div class="button-wrapper">
<div class="button1 disabled" id="calculate-button">Calculate</div>
</div>
</div>
</div>
</form>
</div> </div>
<div class="col-md-8" id="result-col">
<div class="row compare-teaser-component hidden-xs equal">
<div class="col-xs-6">
<div class="component-background">
<div class="row">
<div class="col-xs-5">
<div class="comparison-teaser-title">John Deere</div>
<div id="comparison-teaser-johndeere-vehicle-name"> </div>
<div class="customer-price-text">
Customer Price </div>
<div class="customer-price-wrapper">
<span id="comparison-teaser-johndeere-vehicle-price">0 </span>€ </div>
</div>
<div class="col-xs-7">
<img id="comparison-teaser-johndeere-vehicle-image" src="https://qual.tools.deere.com/ru-value-calculator/public/assets/images/region-2/campaigns/ag-turf/ru-value-calculator/placeholder.png" alt="John Deere image">
</div>
</div>
<div class="row row-bottom">
<div class="col-xs-3">
<div>
<img class="row-image" src="https://qual.tools.deere.com/ru-value-calculator/public/assets/images/region-2/campaigns/ag-turf/ru-value-calculator/engine.svg" alt="engine">
</div>
<div class="row-value" id="comparison-teaser-johndeere-vehicle-engine"></div>
</div>
<div class="col-xs-5">
<div>
<img class="row-image" src="https://qual.tools.deere.com/ru-value-calculator/public/assets/images/region-2/campaigns/ag-turf/ru-value-calculator/power.svg" alt="power">
</div>
<div class="row-value">
<span id="comparison-teaser-johndeere-vehicle-power-kw"></span>kW / <span id="comparison-teaser-johndeere-vehicle-power-hp"></span>HP </div>
</div>
<div class="col-xs-4">
<div>
<img class="row-image" src="https://qual.tools.deere.com/ru-value-calculator/public/assets/images/region-2/campaigns/ag-turf/ru-value-calculator/weight.svg" alt="weight">
</div>
<div class="row-value">
<span id="comparison-teaser-johndeere-vehicle-weight"></span>kg </div>
</div>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="component-background">
<div class="row">
<div class="col-xs-5">
<div id="comparison-teaser-competitor-vehicle-brand" class="comparison-teaser-title">Competitor</div>
<div id="comparison-teaser-competitor-vehicle-name"> </div>
<div class="customer-price-text">
Customer Price </div>
<div class="customer-price-wrapper">
<span id="comparison-teaser-competitor-vehicle-price">0 </span>€ </div>
</div>
<div class="col-xs-7">
<img src="https://qual.tools.deere.com/ru-value-calculator/public/assets/images/region-2/campaigns/ag-turf/ru-value-calculator/placeholder.png" alt="Competitor image">
</div>
</div>
<div class="row row-bottom">
<div class="col-xs-3">
<div>
<img class="row-image" src="https://qual.tools.deere.com/ru-value-calculator/public/assets/images/region-2/campaigns/ag-turf/ru-value-calculator/engine.svg" alt="engine">
</div>
<div class="row-value" id="comparison-teaser-competitor-vehicle-engine"></div>
</div>
<div class="col-xs-5">
<div>
<img class="row-image" src="https://qual.tools.deere.com/ru-value-calculator/public/assets/images/region-2/campaigns/ag-turf/ru-value-calculator/power.svg" alt="power">
</div>
<div class="row-value">
<span id="comparison-teaser-competitor-vehicle-power-kw"></span>kW / <span id="comparison-teaser-competitor-vehicle-power-hp"></span>HP </div>
</div>
<div class="col-xs-4">
<div>
<img class="row-image" src="https://qual.tools.deere.com/ru-value-calculator/public/assets/images/region-2/campaigns/ag-turf/ru-value-calculator/weight.svg" alt="weight">
</div>
<div class="row-value">
<span id="comparison-teaser-competitor-vehicle-weight"></span>kg </div>
</div>
</div>
</div>
</div>
</div> <div class="table-comp table-comp-custom" data-action="tableComp">
<div class="table-comp-custom-footer hidden-md hidden-lg">
<h3>
Total: John Deere Added Value <div class="pull-right-md total-john-deere-added-value-result"><!-- will be filled with JS --></div>
</h3>
</div>
<div class="table-comp-custom-header hidden-xs hidden-sm"><h3>Calculation</h3></div>
<table class="table table-reflow" id="value-calculator-result-table">
<thead>
<tr>
<th>Type</th>
<th>Fuel consumption field work<sup>1</sup></th>
<th>AutoTrac SF1 vs Egnos 30cm, rub/ha</th>
<th>Resale Value, Quality, Reliability</th>
<!-- todo: make header cells flexible using js? -->
</tr>
</thead>
<!-- todo: create rows using jquery or pure js and the json file -->
<tbody>
<tr>
<th class="first">
<span class="cell-content">
<span id="th-johnDeere-vehicle-default">John Deere</span>
<span id="th-johnDeere-vehicle"><!-- will be filled with JS --></span>
</span>
</th>
<td>
<span class="cell-content-container cell-content">
<span id="value-calculator-result-table-johndeere-fuel-consumption-lh"></span>
<span id="value-calculator-result-table-johndeere-fuel-consumption-gkwh"></span>
</span>
</td>
<td><span class="cell-content-container cell-content" id="value-calculator-result-table-johndeere-autotrac"></span></td>
<td>
<div class="cell-content">
<div class="input-wrapper">
<span class="input-addon">€</span>
<input type="number"
min="0"
id="value-calculator-result-table-johndeere-resale-value"
placeholder="0"
>
</div>
</div>
</td>
</tr>
<tr>
<th class="first">
<span class="cell-content">
<span id="th-competitor-vehicle-default">Competitor</span>
<span id="th-competitor-vehicle"><!-- will be filled with JS --></span>
</span>
</th>
<td>
<span class="cell-content-container cell-content">
<span id="value-calculator-result-table-competitor-fuel-consumption-lh"></span>
<span id="value-calculator-result-table-competitor-fuel-consumption-gkwh"></span>
</span>
</td>
<td><span class="cell-content-container cell-content" id="value-calculator-result-table-competitor-autotrac"></span></td>
<td>
<div class="cell-content">
<div class="input-wrapper">
<span class="input-addon">€</span>
<input type="number"
min="0"
id="value-calculator-result-table-competitor-resale-value"
placeholder="0"
>
</div>
</div>
</td>
</tr>
<tr>
<th class="first"><span class="cell-content">John Deere Added Value</span></th>
<td><span class="cell-content-container cell-content calculated-added-value" id="value-calculator-result-table-addedvalue-fuel-consumption"></span></td>
<!-- <td><span class="cell-content"><a href="#0">32</a></span></td> -->
<td><span class="cell-content-container cell-content calculated-added-value" id="value-calculator-result-table-addedvalue-autotrac"></span></td>
<td><span class="cell-content-container cell-content calculated-added-value" id="value-calculator-result-table-addedvalue-resale-value"></span></td>
</tr>
</tbody>
</table>
<div class="table-comp-custom-footer hidden-xs hidden-sm">
<h3>
Total: John Deere Added Value <input type="hidden" id="total-john-deere-added-value-result-1">
<div class="pull-right-md total-john-deere-added-value-result"><!-- will be filled with JS --></div>
</h3>
</div>
</div>
</div>
</div>
</div>
| Type | Fuel consumption field work1 | AutoTrac SF1 vs Egnos 30cm, rub/ha | Resale Value, Quality, Reliability |
|---|---|---|---|
| John Deere |
€
|
||
| Competitor |
€
|
||
| John Deere Added Value |