<div class="container mt20">
<div class="col-sm-offset-2 col-sm-8 text-center">
  <p class="text-center" style="text-shadow: 1px 2px 3px #aaa;">Inquiry</p>
  <div class="text-left">
    
    <p>
      This page allows a user of the Med Science Center, Inc. to search for patients, select a patient, view patient detail and view/print a patient report PDF.
      Only the first 250 matches are returned.  To see others, restrict the search using the search arguments.  All search arguments entered are used to narrow the
      search results returned.
      <br />
    </p>
    <br />

    <div class="container" style="width:700px;margin:10px auto 0px auto;">
      <table style="margin-bottom:10px;">
        <tr>
          <td class="" style="width:10%;margin:0px;padding:10px;font-size:11px;">Patient:</td>
          <td class="text-nowrap" style="width:30%;padding:5px;">
            <input class="form-control input-sm w150" style="font-size:11px;" id="pname" type="text" placeholder="Patient Name" value="WOOD" maxlength="30" />
          </td>
          <td class="" style="width:10%;padding:10px;font-size:11px;">Date:</td>
          <td class="text-nowrap" style="width:10%;padding:5px;">
            <input class="form-control input-sm w100 datepicker pull-left" style="margin-right:20px;font-size:11px;" id="dtcoll" type="text" placeholder="Date Collected" value="" maxlength="10" />
          </td>
          <td class="" style="width:10%;padding:10px;font-size:11px;">Chart:</td>
          <td class="" style="padding:5px;">
            <input class="form-control input-sm w150" style="font-size:11px;" id="chart" type="text" placeholder="Chart#" value="" maxlength="12" />
          </td>
        </tr>
        <tr>
          <td class="" style="width:10%;padding:10px;font-size:11px;">DOB:</td>
          <td class="text-nowrap" style="width:30%;padding:5px;">
            <input class="form-control input-sm w100" style="font-size:11px;" id="dob" type="text" placeholder="DOB" value="" maxlength="10" />
          </td>
          <td class="" style="width:10%;padding:10px;font-size:11px;">Gender:</td>
          <td class="text-nowrap" style="width:10%;padding:5px;">
            <input class="form-control input-sm w75" style="font-size:11px;" id="gender" type="text" placeholder="Gender" value="" maxlength="2" />
          </td>
          <td class="" style="width:10%;padding:10px;font-size:11px;">Report#:</td>
          <td class="" style="padding:5px;">
            <input class="form-control input-sm w100" style="font-size:11px;" id="reportno" type="text" placeholder="Report#" value="" maxlength="8" />
          </td>
        </tr>
      </table>

      <div class="b1" style="width:100%;height:310px;overflow-y:scroll;">
        <table class="table table-condensed table-striped table-hover" style="font-size: 11px;">
          <tbody>
            <tr>
              <td class="text-center" style="padding: 5px; width: 30%;">Patient Name</td>
              <td class="text-center" style="padding: 5px; width: 10%;">DOB</td>
              <td class="text-center" style="padding: 5px; width: 10%;">Gender</td>
              <td class="text-center" style="padding: 5px; width: 10%;">Date</td>
              <td class="text-center" style="padding: 5px; width: 10%;">Report#</td>
              <td class="text-center" style="padding: 5px; width: 30%;">Chart#</td>
            </tr>
            <tr>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To View Patient Detail">WOOD, JOANNE</a>
              </td>
              <td class="text-center" style="padding: 5px;">07/30/1933</td>
              <td class="text-center" style="padding: 5px;">F</td>
              <td class="text-center" style="padding: 5px;">04/22/2015</td>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To Print Report">15014635</a>
              </td>
              <td class="text-center" style="padding: 5px;">JW07301933</td>
            </tr>
            <tr>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To View Patient Detail">WOOD, JOANNE</a>
              </td>
              <td class="text-center" style="padding: 5px;">07/30/1933</td>
              <td class="text-center" style="padding: 5px;">F</td>
              <td class="text-center" style="padding: 5px;">04/22/2015</td>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To Print Report">15014636</a>
              </td>
              <td class="text-center" style="padding: 5px;">JW07301933</td>
            </tr>
            <tr>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To View Patient Detail">WOOD, JOANNE</a>
              </td>
              <td class="text-center" style="padding: 5px;">07/30/1933</td>
              <td class="text-center" style="padding: 5px;">F</td>
              <td class="text-center" style="padding: 5px;">08/17/2015</td>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To Print Report">15028875</a>
              </td>
              <td class="text-center" style="padding: 5px;">JW07301933</td>
            </tr>
            <tr>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To View Patient Detail">WOOD, JOANNE</a>
              </td>
              <td class="text-center" style="padding: 5px;">07/30/1933</td>
              <td class="text-center" style="padding: 5px;">F</td>
              <td class="text-center" style="padding: 5px;">08/17/2015</td>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To Print Report">15028876</a>
              </td>
              <td class="text-center" style="padding: 5px;">JW07301933</td>
            </tr>
          </tbody>
        </table>
      </div>

      <table class="table table-condensed">
        <tr>
          <td colspan="2" align="center" class="input-group-btn" style="padding:15px;">
            <button id="helpbtnx" class="btn btn-success btn-sm" tabindex="-1">Help</button>
            <button id="clearbtnx" class="btn btn-default btn-sm" tabindex="-1">Clear</button>
            <button id="searchbtnx" class="btn btn-primary btn-sm" tabindex="-1">Search</button>
            <button id="backbtnx" class="btn btn-info btn-sm" tabindex="-1">Exit</button>
          </td>
        </tr>
      </table>
    </div>

    <p class="text-left">
      <span class="text-primary">Patient Name:</span>
      <br />
      Patient name search is left to right based on patient last name, first name.  Search will return all patient names that match the characters entered.
      For example, if "WOO" is entered, the program will return all patient last names with "WOO" as the first three letters.
      <br />
    </p>
    <p class="text-left">
      <span class="text-primary">Date:</span>
      <br />
      Date of service searches left to right matching characters entered. For example, if "10" is entered, all dates for month "10" will be returned.
      <br />
    </p>
    <p class="text-left">
      <span class="text-primary">Chart:</span>
      <br />
      Chart number search returns all patients whose chart number matches the characters entered, using a left to right matching technique.
      <br />
    </p>
    <p class="text-left">
      <span class="text-primary">DOB:</span>
      <br />
      Date of birth searches left to right matching characters entered. For example, if "10" is entered, all dates for month "10" will be returned.
      <br />
    </p>
    <p class="text-left">
      <span class="text-primary">Gender:</span>
      <br />
      Returns any patients whose gender matches the character entered.  Gender codes are M and F.
      <br />
    </p>
    <p class="text-left">
      <span class="text-primary">Report #:</span>
      <br />
      Report number search returns all patients whose report number matches the characters entered, using a left to right matching technique.
      <br />
    </p>
    <br />
    <p class="text-left">
      <button id="updatebtn" class="btn btn-success btn-xsm" tabindex="-1" style="width:75px;">Help</button>
      Takes you to the Online Help Reference for this program.
      <br />
    </p>
    <p class="text-left">
      <button id="clearbtn" class="btn btn-default btn-xsm" tabindex="-1" style="width:75px;">Clear</button>
      Clears all fields on the screen.
      <br />
    </p>
    <p class="text-left">
      <button id="addbtn" class="btn btn-primary btn-xsm" tabindex="-1" style="width:75px;">Search</button>
      Applies all search arguments entered to search and return a list of patients matching the arguments.
      <br />
    </p>
    <p class="text-left">
      <button id="backbtn" class="btn btn-info btn-xsm" tabindex="-1" style="width:75px;">Exit</button>
      Return to the menu program.
    </p>
  </div>

</div>
</div>
