<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;">Report Log</p>
    <div class="text-left">
      <p></p>
      This page allows a user of the Med Science Center, Inc. to view a report log of patients reported by the laboratory.
      A date range 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:15%;padding:10px;">Date Range:</td>
          <td class="text-nowrap" style="width:8%;padding:5px;">
            <input class="form-control input-sm w100 datepicker" id="startdate" type="text" placeholder="Start" value="" maxlength="10" />
          </td>
          <td class="text-nowrap" style="width:25%;padding:5px;">
            <input class="form-control input-sm w100 datepicker" id="enddate" type="text" placeholder="End" value="" maxlength="10" />
          </td>
          <td class="" style="width:12%;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: 10%;">Date</td>
              <td class="text-center" style="padding: 5px; width: 10%;">Time</td>
              <td class="text-center" style="padding: 5px; width: 35%;">Patient Name</td>
              <td class="text-center" style="padding: 5px; width: 15%;">Chart#</td>
              <td class="text-center" style="padding: 5px; width: 15%;">Report#</td>
              <td class="text-center" style="padding: 5px; width: 15%;">Collected</td>
            </tr>
            <tr>
              <td class="text-center" style="padding: 5px;">09/01/2015</td>
              <td class="text-center" style="padding: 5px;">07:27</td>
              <td class="text-center" style="padding: 5px;">MAHIDASHTI, MARY</td>
              <td class="text-center" style="padding: 5px;">MM02161964</td>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To Print Report">15030441</a>
              </td>
              <td class="text-center" style="padding: 5px;">08/24/2015</td>
            </tr>
            <tr>
              <td class="text-center" style="padding: 5px;">09/01/2015</td>
              <td class="text-center" style="padding: 5px;">07:27</td>
              <td class="text-center" style="padding: 5px;">COLCORD, CLARENCE</td>
              <td class="text-center" style="padding: 5px;">HC07091925</td>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To Print Report">15030452</a>
              </td>
              <td class="text-center" style="padding: 5px;">08/31/2015</td>
            </tr>
            <tr>
              <td class="text-center" style="padding: 5px;">09/01/2015</td>
              <td class="text-center" style="padding: 5px;">07:27</td>
              <td class="text-center" style="padding: 5px;">COLCORD, BRIAN</td>
              <td class="text-center" style="padding: 5px;">AC11231928</td>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To Print Report">15030454</a>
              </td>
              <td class="text-center" style="padding: 5px;">08/31/2015</td>
            </tr>
            <tr>
              <td class="text-center" style="padding: 5px;">09/01/2015</td>
              <td class="text-center" style="padding: 5px;">07:27</td>
              <td class="text-center" style="padding: 5px;">FAHEY, FATHER JOE</td>
              <td class="text-center" style="padding: 5px;">MF11111937</td>
              <td class="text-center" style="padding: 5px;">
                <a title="Click To Print Report">15030457</a>
              </td>
              <td class="text-center" style="padding: 5px;">08/31/2015</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>

      <p class="text-left">
        <span class="text-primary">Date Range:</span>
        <br />
        The date range boxes may be clicked to show a drop down calendar for date selection. The program display all patients that were reported during the date range. <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>
