<?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 d-flex" >
< img class = "mx-auto" style = "border: 1px solid grey; border-radius: 15px;" src = "assets/machinelabel-sample.svg" alt = "Sample machine ID label" / >
< / 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 >