1<!DOCTYPE HTML>
2<html i18n-values="dir:textdirection">
3<head>
4<meta charset="utf-8">
5<link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
6<link rel="stylesheet" href="charger_replacement.css">
7
8<script src="chrome://resources/js/cr.js"></script>
9<script src="chrome://resources/js/event_tracker.js"></script>
10<script src="chrome://resources/js/cr/event_target.js"></script>
11<script src="chrome://resources/js/cr/ui.js"></script>
12<script src="chrome://resources/js/cr/ui/touch_handler.js"></script>
13<script src="chrome://resources/js/load_time_data.js"></script>
14<script src="chrome://resources/js/util.js"></script>
15<script src="chrome://charger-replacement/strings.js"></script>
16
17<script src="/uber/uber_utils.js"></script>
18<script src="charger_replacement.js"></script>
19
20</head>
21
22<body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
23
24<div id="check-charger" class="page">
25  <h2 i18n-content="checkChargerTitle"></h2>
26  <p>
27    <span i18n-content="checkChargerDamage"></span><br><br>
28    <span i18n-content="checkOriginalCharger"></span><br>
29  </p>
30  <p i18n-content="whereDevicePurchased"></p>
31  <div>
32    <select id="select-device-country">
33      <option selected="true" style="display:none;"
34          i18n-content="selectCountry"></option>
35      <option value="au" i18n-content="au"></option>
36      <option value="ca" i18n-content="ca"></option>
37      <option value="ire" i18n-content="ire"></option>
38      <option value="uk" i18n-content="uk"></option>
39      <option value="us" i18n-content="us"></option>
40    </select>
41  </div>
42  <div id="charger-selection-strip">
43  <p i18n-content="checkChargerSelectCharger"></p>
44  <div id="charger-selection">
45    <div id="new-charger-box" class="de-selected-charger">
46      <img id="new-charger" src="images/new_charger_us.png">
47      <img id="new-charger-us" src="images/new_charger_us.png" hidden>
48      <img id="new-charger-uk" src="images/new_charger_uk.png" hidden>
49      <img id="new-charger-au" src="images/new_charger_au.png" hidden>
50    </div>
51    <div id="original-charger-box" class="de-selected-charger">
52      <img id="original-charger" src="images/original_charger_us.png">
53      <img id="original-charger-us" src="images/original_charger_us.png" hidden>
54      <img id="original-charger-uk" src="images/original_charger_uk.png" hidden>
55      <img id="original-charger-au" src="images/original_charger_au.png" hidden>
56    </div>
57  </div>
58  </div>
59  <div class="button-strip">
60    <button type="button" id="check-charger-next-step" class="command-button"
61      i18n-content="nextStepButtonText"></button>
62  </div>
63</div>
64
65<div id="confirm-safe-charger" class="page">
66  <h2 i18n-content="confirmSafeChargerTitle"></h2>
67  <img id="safe-charger-checkmark" src="images/safe-charger-checkmark.png">
68  <p id="go-with-good-charger" i18n-content="goWithSafeCharger"></p>
69  <div class="button-strip">
70    <button type="button" id="back-to-check-charger"
71        i18n-content="prevStepText" class="command-button"></button>
72    <button type="button" id="finish-safe-charger"
73        i18n-content="finishText" class="command-button"></button>
74  </div>
75</div>
76
77<div id="charger-update" class="page">
78  <h2 i18n-content="chargerUpdateTitle"></h2>
79  <p>
80    <span i18n-content="chargerUpdateP1"></span>
81    <span class="stop-use-recalled-charger"
82        i18n-content="stopUsingRecalledCharger"></span>
83  </p>
84  <p i18n-content="chargerUpdateP2"></p>
85  <p i18n-values=".innerHTML:chargerUpdateFAQ"></p>
86  <div>
87    <div class="radio">
88      <input id="order-new-charger" name="order-new-charger" type="radio"
89           value="0">
90      <label for="order-new-charger" i18n-content="orderNewCharger"></label>
91    </div>
92    <div class="radio">
93      <div>
94      <input id="not-order-new-charger" name="order-new-charger" type="radio"
95          value="1">
96      <label for="not-order-new-charger" i18n-content="notOrderNewCharger">
97      </label>
98      </div>
99    </div>
100  </div>
101  <div id="not-order-charger-checkbox-strip">
102    <div>
103      <input id="confirm-not-order-charger" type="checkbox">
104    </div>
105    <div id="confirm-not-order-charger-label-strip" class="checkbox-label">
106      <div>
107        <label for="confirm-not-order-charger"
108            i18n-content="confirmNotOrderNewCharger">
109        </label>
110      </div>
111      <div>
112        <label for="confirm-not-order-charger"
113            i18n-content="noMoreShowText">
114        </label>
115      </div>
116    </div>
117  </div>
118  <div class="button-strip">
119    <button type="button" id="back-to-check-charger-from-charger-update"
120        i18n-content="prevStepText" class="command-button"></button>
121    <button type="button" id="next-to-charger-update"
122        i18n-content="nextStepButtonText" class="command-button"></button>
123  </div>
124
125</div>
126
127<div id="order-charger-online" class="page">
128  <iframe id="charger-order-form" name="charger-order-form">
129  </iframe>
130</div>
131
132<div id="confirm-online-order" class="page">
133  <h2 i18n-content="confirmOnlineOrder"></h2>
134  <img id="safe-charger-checkmark" src="images/safe-charger-checkmark.png">
135  <p>
136    <span i18n-content="confirmReceivingOnlineOrder"></span><br>
137  </p>
138  <span i18n-content="needMoreInformation"></span><br>
139  <a class="link" href="#" i18n-content="faqLink"></a>
140  <div class="button-strip">
141    <button type="button" id="finish-online-order"
142        i18n-content="finishText" class="command-button"></button>
143  </div>
144</div>
145
146<div id="finish-not-order-charger" class="page">
147  <h2 i18n-content="finishNotOrderChargerTitle"></h2>
148  <p>
149    <span class="stop-use-recalled-charger"
150        i18n-content="stopUsingRecalledCharger"></span>
151  </p>
152  <p i18n-values=".innerHTML:finishNotOrderChargerP2"></p>
153  <p>
154    <span i18n-content="finishNotOrderChargerMoreInfo"></span>
155    <a class="link" href="#" i18n-content="faqLink"></a>
156  </p><br>
157  <div class="button-strip">
158    <button type="button" id="finish-not-order-new-charger"
159        i18n-content="finishText" class="command-button"></button>
160  </div>
161</div>
162
163<div id="order-charger-offline" class="page">
164  <h2 i18n-content="orderChargerOfflineTitle"></h2>
165  <div id="offline-content">
166    <div id="offline-content-left">
167      <p>
168        <span i18n-content="offlineChargerOrderParagraph1"></span>
169        <span class="stop-use-recalled-charger"
170            i18n-content="stopUsingRecalledCharger"></span><br>
171      </p>
172      <p i18n-content="offlineChargerOrderParagraph2"></p>
173      <p i18n-values=".innerHTML:chargerUpdateFAQ"></p>
174      <p i18n-values=".innerHTML:privacyPolicy"></p>
175    </div>
176    <div id="offline-content-divider"></div>
177    <div id="offline-content-right">
178      <div>
179        <p id="offline-order-contact"
180            i18n-content="offlineOrderPhoneNumber"></p>
181      </div>
182      <div>
183        <div id="confirm-offline-order-checkbox-strip">
184          <div>
185            <input id="offline-order-confirm" type="checkbox">
186          </div>
187          <div class="checkbox-label">
188            <label for="offline-order-confirm"
189                i18n-content="offlineSafeChargerConfirmationText">
190          </label>
191          </div>
192        </div>
193        <div class="button-strip">
194          <button type="button" id="finish-offline-order"
195              i18n-content="finishText" class="command-button"></button>
196        </div>
197    </div>
198    </div>
199  </div>
200</div>
201
202<div id="charger-still-bad" class="page">
203  <h2 i18n-content="chargerStillBadTitle"></h2>
204  <p>
205    <span i18n-content="chargedOrdered"></span><br>
206    <span class="stop-use-recalled-charger"
207        i18n-content="stopUsingRecalledCharger"></span><br>
208  </p>
209  <p i18n-values=".innerHTML:chargerUpdateFAQ"></p>
210  <p>
211    <span i18n-content="findMoreInfo"></span>
212    <a class="link" href="#" i18n-content="faqLink"></a>
213  </p>
214   <div class="button-strip">
215      <button type="button" id="finish-still-bad-charger"
216          i18n-content="finishText" class="command-button"></button>
217    </div>
218</div>
219
220<script src="chrome://resources/js/i18n_template2.js"></script>
221</body>
222</html>
223