<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="MSE.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Styles/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div id="wrapper">
      <h1>MSE</h1>
      <div id="tabContainer">
        <div id="tabs">
          <ul>
            <li id="tabHeader_1">Dashboard</li>
            <li id="tabHeader_2">Schedule</li>
            <li id="tabHeader_3">Configuration</li>
          </ul>
        </div>
        <div id="tabscontent">
          <div class="tabpage" id="tabpage_1">
            <h2>Page 1</h2>
            <p>&nbsp;</p>
          </div>
          <div class="tabpage" id="tabpage_2">
            <h2>&nbsp;</h2>
              <fieldset>
                <legend>Report Parameters</legend>
                <table border="0">
                    <tbody>
                        <tr>
                            <td>Assembly Line :</td>
                            <td>
                                <select name="ScheduleAssemblyLine" style="width:144px;">
                                    <option value="SWBD">SWBD</option>
                                    <option value="LVDO">LVDO</option>
                                </select>
                            </td>
                            <td>&nbsp;&nbsp;&nbsp;&nbsp;Report :</td>
                            <td colspan="2">
                                <select name="Report" style="width:144px;">
                                    <option value="Past Due">Past Due</option>
                                    <option value="Scheduled to start today">Scheduled to start today</option>
                                    <option value="Scheduled to finish today">Scheduled to finish today</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>Mfg Gate :</td>
                            <td>
                                <select name="ScheduleMfgGate" style="width:144px;">
                                    <option value="ALL">ALL</option>
                                    <option value="Panel Wire">Panel Wire</option>
                                    <option value="Mech Line">Mech Line</option>
                                    <option value="Bussing">Bussing</option>
                                    <option value="Wirng">Wirng</option>
                                    <option value="Test">Test</option>
                                    <option value="Packout">Packout</option>
                                </select>
                            </td>
                            <td>&nbsp;&nbsp;&nbsp;&nbsp;Date :</td>
                            <td><input type="date" name="ScheduleDate" />&nbsp;&nbsp;&nbsp;&nbsp;</td>
                            <td><button id="btnSearch" class="button" runat="server" onserverclick="btnSearch_ServerClick">Search</button></td>
                        </tr>
                    </tbody>
                </table>
              </fieldset>
          </div>
          <div class="tabpage" id="tabpage_3">
            <h2><u>Schedule Execution Plan</u></h2>
            <table border="0">
                <tbody>
                    <tr>
                        <td>User :</td>
                        <td><input type="text" id="txtUser" name="User" runat="server" disabled="disabled" size="16" /></td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;Role :</td>
                        <td><input type="text" id="txtRole" name="Role" runat="server" disabled="disabled" size="16" /></td>
                    </tr>
                    <tr>
                        <td>Assembly Line</td>
                        <td>
                            <select name="AssemblyLine" style="width:144px;">
                                <option value="SWBD">SWBD</option>
                                <option value="LVDO">LVDO</option>
                            </select>
                        </td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;Mfg Gate</td>
                        <td>
                            <select name="MfgGate" style="width:144px;">
                                <option value="Panel Wire">Panel Wire</option>
                                <option value="Mech Line">Mech Line</option>
                                <option value="Bussing">Bussing</option>
                                <option value="Wirng">Wirng</option>
                                <option value="Test">Test</option>
                                <option value="Packout">Packout</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Daily Run Rate : </td>
                        <td><input type="text" id="txtRunRate" name="RunRate" size="4" maxlength="4" autocomplete="off"/></td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;Begin Run Rate : </td>
                        <td><input type="date" id="txtStartDate" name="StartDate" /></td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;End Run Rate :</td>
                        <td><input type="date" id="txtEndDate" name="EndDate" /></td>
                    </tr>
                    <tr>
                        <td colspan="4"><h2><u>Performance Level</u></h2></td>
                    </tr>
                    <tr>
                        <td colspan="4">Green >= <input type="number" name="Green" />&nbsp;>&nbsp;Yellow&nbsp;<input type="number" name="Yellow" />&nbsp;>&nbsp;Red</td>
                    </tr>
                    <tr><td colspan="4">&nbsp;</td></tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td><button id="btnSubmit" class="button" runat="server" onserverclick="btnSubmit_ServerClick" formtarget="_parent" autofocus="autofocus">Save Run Rate</button></td>
                    </tr>
                </tbody>
            </table>
          </div>
        </div>
      </div>
      <a href="http://www.my-html-codes.com/javascript-tabs-html-5-css3">Back to Tutorial</a> 
    </div>
    <script src="JS/tabs.js"></script>
    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-1332079-8']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>
    </form>
</body>
</html>
