<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;">Pending</p>
  <div class="text-left">
    
    <p>
      This page allows a user of the Med Science Center, Inc. to view a list of patients whose laboratory results are not yet finalized.
      A cutoff date may be entered to reduce the number of patients displayed.
      <br />
      For sites with patients for more than one client number, the search can be restricted by selecting a specific client from the selection list.
    </p>
    <br />

    <table style="margin-bottom:10px;">
      <tr>
        <td class="" style="width:20%;padding:10px;">Cutoff Date:</td>
        <td class="text-nowrap" style="width:30%;padding:5px;">
          <input class="form-control input-sm w100 datepicker pull-left" style="margin-right:20px;" id="cutoffdate" type="text" placeholder="Cutoff Date" value="" maxlength="10" />
        </td>
        <td class="" style="width:15%;padding:10px;">Client #:</td>
        <td class="" style="padding:5px;">
          <select class="form-control input-sm w200" id="clientlist" style="font-size:11px;">
          </select>
        </td>
      </tr>
    </table>

    <div class="b1" style="width:700px;height:310px;overflow-y:scroll;">
      <table class="table table-condensed table-striped table-hover" style="font-size: 12px;">
        <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;">BLACKER, PAULA</td>
            <td class="text-center" style="padding: 5px;">06/30/1927</td>
            <td class="text-center" style="padding: 5px;">F</td>
            <td class="text-center" style="padding: 5px;">03/18/2015</td>
            <td class="text-center" style="padding: 5px;">15009777</td>
            <td class="text-center" style="padding: 5px;">PB06301927</td>
          </tr>
          <tr>
            <td class="text-center" style="padding: 5px;">CHANDLER, MARTY</td>
            <td class="text-center" style="padding: 5px;">08/08/1962</td>
            <td class="text-center" style="padding: 5px;">M</td>
            <td class="text-center" style="padding: 5px;">04/21/2015</td>
            <td class="text-center" style="padding: 5px;">15014356</td>
            <td class="text-center" style="padding: 5px;">MC08081962</td>
          </tr>
          <tr>
            <td class="text-center" style="padding: 5px;">CONDON, GEOFFERY</td>
            <td class="text-center" style="padding: 5px;">06/20/1940</td>
            <td class="text-center" style="padding: 5px;">M</td>
            <td class="text-center" style="padding: 5px;">08/24/2015</td>
            <td class="text-center" style="padding: 5px;">15029667</td>
            <td class="text-center" style="padding: 5px;">CD06201940</td>
          </tr>
          <tr>
            <td class="text-center" style="padding: 5px;">DEMPSEY, JACK</td>
            <td class="text-center" style="padding: 5px;">05/03/1946</td>
            <td class="text-center" style="padding: 5px;">M</td>
            <td class="text-center" style="padding: 5px;">03/06/2015</td>
            <td class="text-center" style="padding: 5px;">15008006</td>
            <td class="text-center" style="padding: 5px;">OD05031946</td>
          </tr>
          <tr>
            <td class="text-center" style="padding: 5px;">DONOVAN, JIMMY</td>
            <td class="text-center" style="padding: 5px;">11/14/1968</td>
            <td class="text-center" style="padding: 5px;">M</td>
            <td class="text-center" style="padding: 5px;">08/21/2015</td>
            <td class="text-center" style="padding: 5px;">15029513</td>
            <td class="text-center" style="padding: 5px;">JD11141968</td>
          </tr>
          <tr>
            <td class="text-center" style="padding: 5px;">HORTON, HEARSAWHO</td>
            <td class="text-center" style="padding: 5px;">05/26/1940</td>
            <td class="text-center" style="padding: 5px;">F</td>
            <td class="text-center" style="padding: 5px;">06/17/2015</td>
            <td class="text-center" style="padding: 5px;">15021610</td>
            <td class="text-center" style="padding: 5px;">BH05261940</td>
          </tr>
          <tr>
            <td class="text-center" style="padding: 5px;">KELLY, PATRICK</td>
            <td class="text-center" style="padding: 5px;">12/31/1970</td>
            <td class="text-center" style="padding: 5px;">M</td>
            <td class="text-center" style="padding: 5px;">04/21/2015</td>
            <td class="text-center" style="padding: 5px;">15014398</td>
            <td class="text-center" style="padding: 5px;">AK12311970</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="helpbtn" class="btn btn-success btn-sm" tabindex="-1">Help</button>
          <button id="clearbtn" class="btn btn-default btn-sm" tabindex="-1">Clear</button>
          <button id="searchbtn" class="btn btn-primary btn-sm" tabindex="-1">Search</button>
          <button id="backbtn" class="btn btn-info btn-sm" tabindex="-1">Exit</button>
        </td>
      </tr>
   </table>
  </div>

  <p class="text-left">
    <span class="text-primary">Cutoff Date:</span>
    <br />
    The cutoff date box may be clicked to show a drop down calendar for date selection. For example, if "September 1st" were entered or selected, as an example, 
    the program would display all patients with pending reports that were entered on or before that date. <br />
  </p>
  <p class="text-left">
    <span class="text-primary">Client Number:</span>
    <br />
    Client number selection restricts the patients returned to only that specific client.
    <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>
