You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
4.8 KiB
PHP
86 lines
4.8 KiB
PHP
<?php
|
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
?><div class="modal fade" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="helpModalLabel">Finding the Machine ID Number</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row justify-content-center">
|
|
<div class="col-sm-6">
|
|
<h5>Desktops</h5>
|
|
<p>On a desktop computer tower, the sticker is usually on the top or a side near the top, close to the back of the computer.</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<h5>Laptops</h5>
|
|
<p>On a laptop computer, the sticker is usually on the bottom side.</p>
|
|
</div>
|
|
<div class="col-12">
|
|
<h5>Sticker Appearance</h5>
|
|
<ul class="nav nav-tabs nav-fill" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" id="repair-tab" data-toggle="tab" href="#repair" role="tab" aria-controls="repair" aria-selected="true">
|
|
Repaired/Upgraded
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="refurb-tab" data-toggle="tab" href="#refurb" role="tab" aria-controls="refurb" aria-selected="false">
|
|
Refurbished
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div class="tab-pane fade active show" id="repair" role="tabpanel" aria-labelledby="repair-tab">
|
|
<div class="d-flex justify-content-between pt-3 flex-wrap">
|
|
<div class="mb-3">
|
|
<img style="border: 1px solid grey; border-radius: 15px; max-width: 95%;" src="assets/machinelabel-repair-lg.svg" alt="Sample desktop machine ID label" />
|
|
</div>
|
|
<div>
|
|
<img style="border: 1px solid grey; border-radius: 15px; max-width: 95%;" src="assets/machinelabel-repair-sm.svg" alt="Sample laptop machine ID label" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="refurb" role="tabpanel" aria-labelledby="refurb-tab">
|
|
<div class="d-flex justify-content-center pt-3">
|
|
<img style="border: 1px solid grey; border-radius: 15px; max-width: 95%;" src="assets/machinelabel-refurb-lg.svg" alt="Sample desktop machine ID label" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container mt-4">
|
|
<div class="d-flex justify-content-center">
|
|
<div class="card">
|
|
<img class="card-img-top p-4 mx-auto" style="max-width: 100%; width: 400px;" src="<?php echo LOGO_URL; ?>" alt="<?php echo LOGO_ALT; ?>" />
|
|
<div class="card-body py-0">
|
|
<h5>
|
|
PC Info Finder
|
|
</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<p>
|
|
Enter the machine ID number on the sticker. <span class="text-primary" style="cursor: pointer;" onclick='$("#helpModal").modal();'>Click here</span> if you can't find it.
|
|
</p>
|
|
<form method="GET">
|
|
<input type="hidden" name="page" value="info" />
|
|
<input type="text" name="serial" class="form-control" placeholder="Machine ID Number" required />
|
|
<button type="submit" class="btn btn-primary btn-block mt-2">Get Info</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|