﻿<!DOCTYPE html>
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
    <title>Provider Locator</title>
    <meta http-equiv="x-ua-compatible" content="IE=Edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link rel="stylesheet" type="text/css" href="ppms_locator.css" />

    <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="ppms_SDKREST.js"></script>
    <script type="text/javascript" src="ClientGlobalContext.js.aspx"></script>
    <script type='text/javascript'
            src='https://www.bing.com/api/maps/mapcontrol?callback=GetMap?s=1'
            async defer></script>
    <script type="text/javascript" src="ppms_locator.js"></script>
    <style>
        p.small {
            line-height: 0.0;
        }
    </style>
    <style>
        .specialtysearch-css {
            display: block;
            float: left;
            padding: 2px 5px;
            border: 1px solid #b7b7b7;
            font: normal 12px/normal segoe ui;
        }

        .specialtyLookupImg {
            display: block;
            float: left;
            padding-top: 2px;
            border: 1px solid #b7b7b7;
        }

        .lookupAlignment {
            text-align: left;
            vertical-align: middle;
        }

        span {
            font: normal 16px/normal segoe ui;
        }

        td {
            font: normal 14px/normal segoe ui;
            width: 200px;
        }
    </style>
</head>
<body>
    <table class="rootTable" border="0">
        <tr class="header">
            <td colspan="2"><img src="https://dvagov-vrm-ppms-dev.crm9.dynamics.com//WebResources/ppms_locatorlogo" alt="Provider Locator" /></td>
        </tr>
        <tr>
            <td class="sidePanel">
                <div class="searchBar" id="searchContainer">
                    <p class="small">Search Location:</p>
                    <input id="searchBox" type="text" />
                    <input id="searchBtn" type="button" value="Search" />
                    <div class="searchSuggestion" id="searchSuggestion"></div>
                    <p class="small">Provider Speciality:</p>
                    <input id="specialtySearchBox" type="text" class="specialtysearch-css" />
                    <img id="specialtySearchButton" src="https://dvagov-vrm-ppms-dev.crm9.dynamics.com//WebResources/ppms_locatorlookup.gif" class="specialtyLookupImg" />
                    <br />
                    <p class="small">Gender:</p>
                    <input type="radio" name="gender" value="nopreference" checked> No Preference
                    <input type="radio" name="gender" value="767940002"> Male
                    <input type="radio" name="gender" value="767940001"> Female
                    <p class="small">Radius:</p>
                    <select id="radiusSelection">
                        <option value="15">15 Miles</option>
                        <option value="25">25 Miles</option>
                        <option value="50">50 Miles</option>
                        <option value="100">100 Miles</option>
                        <option value="250">250 Miles</option>
                        <option value="500">500 Miles</option>
                    </select>
                </div>                          
                <div class="resultsPanel"></div>
            </td>
            <td class="mapPanel"><div id="myMap"></div></td>
        </tr>
    </table>
</body>
</html>