<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="NewCus.aspx.vb" Inherits="VS4WebApp.NewCus" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <link rel="stylesheet" href="/demoValidators/css/validationEngine.jquery.css" type="text/css" />
    <link rel="stylesheet" href="/demoValidators/css/template.css" type="text/css" />
    <script src="/demoValidators/js/jquery-1.6.min.js" type="text/javascript">	</script>
    <script src="/demoValidators/js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
    <script src="/demoValidators/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        var JValid = jQuery.noConflict(true);
    </script>
    <link href="Scripts/Site2.css" rel="stylesheet" type="text/css" />
    <%--    <link rel="stylesheet" href="/Scripts/jquery-ui-1.10.3/themes/base/jquery.ui.all.css"/>
	<script src="/Scripts/jquery-ui-1.10.3/jquery-1.9.1.js"></script>
	<script src="/Scripts/jquery-ui-1.10.3/ui/jquery.ui.core.js"></script>
	<script src="/Scripts/jquery-ui-1.10.3/ui/jquery.ui.widget.js"></script>--%>


    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script type="text/javascript" src="/Scripts/jquery.cookie.js"></script>
    <link href="Content/bootstrap/bootstrap.css" rel="stylesheet" />
    <style type="text/css">
        .Btn
        {
            border: 2px groove #7c93ba;
            cursor: pointer; /*forces the cursor to change to a hand when the button is hovered*/
            padding: 5px 25px;
            /*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
            background-color: #6b6dbb; /*required for browsers that don't support gradients*/
            background: -webkit-gradient(linear, left top, left bottom, from(#88add7), to(#6b6dbb));
            background: -webkit-linear-gradient(top, #88add7, #6b6dbb);
            background: -moz-linear-gradient(top, #88add7, #6b6dbb);
            background: -o-linear-gradient(top, #88add7, #6b6dbb);
            background: linear-gradient(top, #88add7, #6b6dbb);
            /*style to the text inside the button*/
            font-family: Andika, Arial, sans-serif; /*Andkia is available at http://www.google.com/webfonts/specimen/Andika*/
            color: #fff;
            font-size: 1.1em;
            letter-spacing: .1em;
            font-variant: small-caps;
            /*give the corners a small curve*/
            /*-webkit-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;*/
            /*add a drop shadow to the button*/
            -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
            -moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
            box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
        }
        /***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
        input#submitbutton:hover, input#submitbutton:focus
        {
            color: #edebda;
            /*reduce the spread of the shadow to give a pushed effect*/
            -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
            -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
            box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
        }

        .auto-style1
        {
            width: 100%;
        }

        .auto-style4
        {
            height: 23px;
            width: 57px;
        }

        .auto-style7
        {
            width: 105px;
        }

        .auto-style8
        {
            height: 23px;
            width: 105px;
        }

        .auto-style9
        {
            width: 57px;
            height: 26px;
        }

        .auto-style11
        {
            width: 105px;
            height: 26px;
        }

        .auto-style13
        {
            width: 134px;
        }

        .auto-style14
        {
            height: 23px;
            width: 134px;
        }

        .auto-style15
        {
            width: 134px;
            height: 26px;
        }

        .auto-style16
        {
            width: 57px;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {

            JValid("#FromNewCus").validationEngine();
            $("#DropDownList1").change(function (e) {
                var selectedOption = $("#DropDownList1 option:selected").text();
                //$("#txtGender").val(selectedOption);
                if (selectedOption != 'บุคคล') {
                    $("#txtLastName").hide();
                    $("#Label4").hide();
                    //tb_remove();
                } else {
                    $("#txtLastName").show();
                    $("#Label4").show();
                }
            });

            $("#GotoNew").click(function () {
                var sPageURL = window.location.search.substring(1);
                var url = 'ARList.aspx?' + sPageURL;
                window.location = url;
            });

            $("#Button2").click(function () {
                if ($("#txtARCode").val() == "") {
                    $("#txtARCode").val('.');
                }
                if ($("#txtFirstName").val() == "") {
                    $("#txtFirstName").val('.');
                }

                if ($("#txtTel").val() == "") {
                    $("#txtTel").val('.');
                }
              
            });

        });
    </script>
</head>
<body>
    <br />
    <button type="button" id="GotoNew" class="btn btn-warning" style="background-color: #4671D5">
        <span class="glyphicon glyphicon-fast-backward"></span>กลับไปหน้าตารางเลือกลูกค้า
    </button>

    <hr />

    <form id="FromNewCus" runat="server">


        <div style="display: table; margin-right: auto; margin-left: auto;">

            <table>
                <tr>
                    <td style="text-align: right">ชนิดลูกค้า</td>
                    <td>
                        <asp:DropDownList ID="DropDownList1" runat="server">
                            <asp:ListItem>บุคคล</asp:ListItem>
                            <asp:ListItem>นิติบุคคล</asp:ListItem>
                            <asp:ListItem>หน่วยงานของรัฐ</asp:ListItem>
                            <asp:ListItem>ร้านค้า</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align: right">รหัสลูกค้า</td>
                    <td>
                        <asp:TextBox ID="txtARCode" runat="server" CssClass="validate[required] text-input" Width="160px"></asp:TextBox>
                        <asp:Button ID="Button2" runat="server" Text="N" />
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align: right">คำนำหน้า</td>
                    <td>
                        <asp:TextBox ID="txtGender" runat="server" Width="160px"></asp:TextBox>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align: right">ชื่อ</td>
                    <td>
                        <asp:TextBox ID="txtFirstName" runat="server" CssClass="validate[required] text-input" Width="160px"></asp:TextBox>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align: right">สกุล</td>
                    <td>
                        <asp:TextBox ID="txtLastName" runat="server" Width="160px"></asp:TextBox>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align: right">มือถือ</td>
                    <td>
                        <asp:TextBox ID="txtMobile" runat="server" Width="160px"></asp:TextBox>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align: right">โทรศัพท์</td>
                    <td>
                        <asp:TextBox ID="txtTel" runat="server" CssClass="validate[required] text-input" Width="160px"></asp:TextBox>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align: right">แฟกซ์</td>
                    <td>
                        <asp:TextBox ID="txtFax" runat="server" Width="160px"></asp:TextBox>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align: right">อีเมล์</td>
                    <td>
                        <asp:TextBox ID="txtEmail" runat="server" Width="160px"></asp:TextBox>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align: right">ที่อยู่</td>
                    <td>
                        <asp:TextBox ID="txtAddressBill" runat="server" TextMode="MultiLine" Width="160px"></asp:TextBox>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align: right">&nbsp;</td>
                    <td>
                        <asp:Label ID="lblMessage" runat="server"></asp:Label>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="text-align: right">&nbsp;</td>
                    <td>
                        <asp:Button ID="Button1" runat="server" Text="บันทึกและเลือก" CssClass="Btn" />
                    </td>
                    <td>&nbsp;</td>
                </tr>
            </table>
        </div>
    </form>


</body>
</html>
