<%@ Page Language="vb" AutoEventWireup="false" CodeFile="SignupForm.aspx.vb" Inherits="SignupForm" EnableEventValidation="false" %>
<%--<%@ Page Language="VB" MasterPageFile="~/portal.master" AutoEventWireup="false" CodeFile="SignupForm.aspx.vb" Inherits="SignupForm" %>--%>
<%@ Register Src="~/uc/uc_TitleBar.ascx" TagPrefix="uc" TagName="TitleBar" %>
<%@ Register Src="~/uc/uc_SearchCityCd.ascx" TagPrefix="uc" TagName="SearchCityCd" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server" id="login_header">
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>
        <%=lb_title.Text & " - " & lb_user.Text%>
    </title>
   <link href="~/css/login.css?20230605" rel="stylesheet" type="text/css" />
   <link href="~/css/master.css" rel="stylesheet" type="text/css" />
   <link href="~/css/common.css" rel="stylesheet" type="text/css" />
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
   <style type="text/css">

        #msp_div_main{
            margin-left:auto; 
            margin-right:auto;
            text-align:left;
            width:90%;
            font-size:9pt;
        }

        #msp_div_content{
            padding:20px;
        }
        
        .td_Input_title{
            background-color:rgb(221,217,196);
            font-size:9pt;
            width:170px;
            padding:5px;
        }
        .td_Input_content{
            width:200px;
        }

        .watertext {
           color:#9f9c9c;
           font-size:9pt;
        }
        
        /* プレースホルダーのスタイル */
        input::placeholder {
            color: #9f9c9c;
            font-size: 12px;
        }

        div.section_block {
            display:block;
            border-bottom:solid;
            border-bottom-color:#C0C0C0;
            border-bottom-width:1px;
            width:200px;
            height:22px;
        }

        .error_msg{
            font-size:9pt;
            color:red;
        }
        .message{
            font-size:15pt;
            color:red;
        }

        /* 必須表示 */
        [data-required="true"]::before {
            content: '*';
            font-weight: bold;
            padding-right: 5px;
            padding-left:5px;
            color: #FF0000;
        }
        /* モーダル */
        .modalBack {
            filter: grayscale(100%);
            pointer-events: none; 
            opacity: 0.7;
            background-color: Black;
        }
        .gridViewRow {
        background-color: #ffffff; /* GridViewの行の背景色を白に設定 */
        }

        .gridViewRowAlternate {
            background-color: #f2f2f2; /* GridViewの代替行の背景色を淡いグレーに設定 */
        }

        .emptyRow {
            padding:1px;
            height: 27.6px;
            border-collapse:collapse;
        }

        .pnl_mes{
            margin:10px;
        }

   </style>
    <script src="<%= ResolveUrl("~/js/jquery-1.8.3.min.js") %>" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~/js/jquery-ui.js") %>" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~/js/jquery.cookie.js") %>" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~/js/master.js") %>" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~/js/common.js") %>" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~/js/login.js") %>" type="text/javascript"></script>
    <script type="text/javascript">
        function selectCityCode(cityCode, cityName) {
            document.getElementById('txtCityCd').value = cityCode;
            document.getElementById('txtOrgName').value = cityName;

            var cityCdTextBox = document.getElementById('txtCityCd');
            var cityNameTextBox = document.getElementById('txtOrgName');
            if (cityCdTextBox) {
                cityCdTextBox.value = cityCode;
                cityNameTextBox.value = cityName;
            } else {
                console.error("TextBox not found.");
            }

            // モーダルを閉じる
            var modalPopup = $find('ModalPopup');
            if (modalPopup) {
                modalPopup.hide();
            }
        }

        function closeModal() {
            // モーダルを閉じる
            var modalPopup = $find('ModalPopup');
            if (modalPopup) {
                modalPopup.hide();
            }
        }

        function showAlertAndRedirect(message, url) {
            alert(message);
            window.location.href = url;
        }

    </script>
    <script type="text/javascript">
        function ValidatePassword(source, arguments) {
            // 入力パスワードにNGパスワードが含まれないかチェック
            var inputPassword = arguments.Value.trim().toLowerCase();

            // HiddenFieldからNGパスワードリストを取得
            var hiddenField = document.getElementById('<%= hdfPassNgList.ClientID %>');
            var ngPasswordList = hiddenField.value;

            arguments.IsValid = true;

            if (ngPasswordList && inputPassword) {
                var ngPasswords = ngPasswordList.split(',');
                for (var i = 0; i < ngPasswords.length; i++) {
                    if (inputPassword === ngPasswords[i].toLowerCase()) {
                        arguments.IsValid = false;
                        return;
                    }
                }
            }
        }
</script>
</head>
<body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <asp:SqlDataSource ID="sds_アカウント申請" runat="server"></asp:SqlDataSource>
        <%--<uc:TitleBar ID="uc_TitleBar" runat="server" Horizontal="true" />--%>
        <div id="div_header">
            <div style="height:10px;">
                &nbsp;<asp:Label ID="lb_user" style="font-size:9pt;" runat="server" />
                <br />
                &nbsp;<asp:Label ID="lb_title" style="font-size:15pt; font-weight:700;" runat="server" />
            </div>
        </div>
          <div id="msp_div_main">
        <%-- タイトルバー(大) Start --%>
<%--        <uc:TitleBar_big ID="uc_TitleBar_big" Mode="point" ScrollTop="True" runat="server" />--%>
        <%-- タイトルバー(大) End --%>
        <%-- コンテンツ Start --%>
        <table id="msp_table_main" runat="server">
            <tr>
                <%-- Webフォーム Start --%>
                <td id="msp_td_content">
                    <div id="msp_div_content_scroll">
                        <div id="msp_div_content" style="width:800px;">
                            <div>
                                <div class="section_block" >
                                    <asp:Image ID="img_section_mst" runat="server" ImageAlign="AbsMiddle" ImageUrl="~/img/title_point.png" />
                                    <asp:Label ID="lb_設定" runat="server" Text="アカウント情報入力"></asp:Label>       
                                </div>
                            </div>
                            <div style="height:5px;"></div>
                            <table class="adaptiveWidth400" style="font-size:9pt;">
                                <tr>
                                    <td>
                                        <span>以下の項目を入力後、登録ボタンを押してください。</span>
                                    </td>
                                </tr>
                             </table>

                    <div style="height:15px;"></div>
                    
                    <table class="adaptiveWidth400">
                        <tr>
                            <td class="td_Input_title" style="height:30px;">
                                <asp:Label ID="Label2" runat="server" Text="ユーザーID" data-required="true"></asp:Label>
                                <br />
                                <span>※任意の半角英数字4～20桁</span>
                            </td>
                            <td class="td_Input_content">
                                <asp:TextBox ID="txtPID" Width="90%" runat="server" MaxLength="20"></asp:TextBox>
                                
                                <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" runat="server" 
                                    WatermarkText="mihama01_ytaro" TargetControlID="txtPID" WatermarkCssClass="watertext"></ajaxToolkit:TextBoxWatermarkExtender>
                                
                                <asp:RequiredFieldValidator ID="rfd_PID" runat="server" ControlToValidate="txtPID" 
                                    ErrorMessage="<br />入力してください。" 
                                    ValidationGroup="SendMail" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="revPID" runat="server" ControlToValidate="txtPID"
                                ErrorMessage="<br />半角英数字、記号(-、_、.、+、#、$、/)のみを使用し、4～20桁で入力してください。"
                                ValidationGroup="SendMail" CssClass="error_msg" Display="Dynamic"
                                ValidationExpression="^[a-zA-Z0-9\-_.+#$/]{4,}$"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="td_Input_title">
                                <asp:Label ID="Label1" runat="server" Text="市区町村CD" data-required="true"></asp:Label>
                                <asp:Button Text="検索" runat="server" ID="btn_検索" />
                                <asp:Panel ID="pnlPopup" runat="server" Width="400">
                                    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                                        <ContentTemplate>
                                            <uc:SearchCityCd runat="server" ID="uc_SearchCityCd" />
                                    </ContentTemplate>
                                   </asp:UpdatePanel>
                                </asp:Panel>
                                <ajaxToolkit:ModalPopupExtender ID="ModalPopup" runat="server" PopupControlID="pnlPopup" 
                                        TargetControlID="btn_検索" DropShadow="False" BackgroundCssClass="modalBack">
                                </ajaxToolkit:ModalPopupExtender>
                                <br />
                                <span>※半角数字6桁</span>
                                <br />
                                <span style="font-size:7pt;"> 市区町村CDを持っていない団体は<br />「000000」を入力してください。</span>
                            </td>
                            <td class="td_Input_content">
                                <asp:TextBox ID="txtCityCd" Width="90%" runat="server" placeholder="123456"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="rfcCityCd" runat="server" ControlToValidate="txtCityCd" 
                                    ErrorMessage="<br />入力してください。" 
                                    ValidationGroup="SendMail" CssClass="error_msg" Display="Dynamic">
                                </asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="revCityCd" runat="server" ControlToValidate="txtCityCd"
                                ErrorMessage="<br />半角数字6桁で入力してください。"
                                ValidationGroup="SendMail" CssClass="error_msg" Display="Dynamic"
                                ValidationExpression="^\d{6}$"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                 </table>
                    
           <div style="height:15px;"></div>
            
            <table class="adaptiveWidth400">
                <tr>
                    <td class="td_Input_title" style="height:30px;">
                        <asp:Label ID="Label3" runat="server" Text="所属団体名" data-required="true"></asp:Label>
                    </td>
                    <td class="td_Input_content">
                        <asp:TextBox ID="txtOrgName" Width="90%" runat="server" MaxLength="200" placeholder="千葉市美浜区"></asp:TextBox>
                        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtOrgName" 
                            ErrorMessage="<br />入力してください。" 
                            ValidationGroup="SendMail" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td class="td_Input_title">
                        <asp:Label ID="Label4" runat="server" Text="研修担当部課" data-required="true"></asp:Label>
                    </td>
                    <td class="td_Input_content">
                        <asp:TextBox ID="txtDeptName" Width="90%" runat="server" MaxLength="50"></asp:TextBox>
                        
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender5" runat="server" 
                            WatermarkText="人事課" TargetControlID="txtDeptName" WatermarkCssClass="watertext"></ajaxToolkit:TextBoxWatermarkExtender>
                        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtDeptName" 
                            ErrorMessage="<br />入力してください。" 
                            ValidationGroup="SendMail" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                    </td>
                </tr>
           </table>

            <div style="height:15px;"></div>
            
            <table class="adaptiveWidth400">
                <tr>
                    <td class="td_Input_title" style="height:30px;">
                        <asp:Label ID="Label5" runat="server" Text="研修担当者氏名" data-required="true"></asp:Label>
                        <span><br />※全角文字</span>
                        <br />
                        <span style="font-size:7pt;"> 姓と名の間には全角スペースを<br />入力してください。</span>
                    </td>
                    <td class="td_Input_content">
                        <asp:TextBox ID="txtStaffName" Width="90%" runat="server" MaxLength="50"></asp:TextBox>
                        
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender3" runat="server" 
                            WatermarkText="田中　次郎" TargetControlID="txtStaffName" WatermarkCssClass="watertext"></ajaxToolkit:TextBoxWatermarkExtender>
                        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtStaffName" 
                            ErrorMessage="<br />入力してください。" 
                            ValidationGroup="SendMail" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                       <%--全角入力チェックの追加 20240327 S.Iguchi--%>
                        <asp:RegularExpressionValidator ID="vdt_全角" runat="server" ControlToValidate="txtStaffName" ErrorMessage="<br />全角文字を入力してください。" 
                            ForeColor="Red" Display="Dynamic" ValidationGroup="SendMail"
                            ValidationExpression="^[^\x01-\x7E\xA1-\xDF]+$" />
                      <%--姓名の間には全角スペースチェック--%>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator5" runat="server" 
                        ControlToValidate="txtStaffName" Display="Dynamic" ValidationGroup="SendMail"
                        ErrorMessage="<br />姓と名の間には全角スペースを入れてください。" 
                        ValidationExpression="^(?!\u3000)(?!.*\u3000$)[^\x01-\x7E\xA1-\xDF]*(?<!\u3000)[^\x01-\x7E\xA1-\xDF]*[\u3000]+.*$"
                    />
                    </td>
                </tr>
                <tr>
                    <td class="td_Input_title">
                        <asp:Label ID="Label6" runat="server" Text="直通電話番号" data-required="true"></asp:Label>
                    </td>
                    <td class="td_Input_content">
                        <asp:TextBox ID="txtTel" Width="90%" runat="server" MaxLength="11"></asp:TextBox>
                        
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender6" runat="server" 
                            WatermarkText="0123456789" TargetControlID="txtTel" WatermarkCssClass="watertext"></ajaxToolkit:TextBoxWatermarkExtender>
                        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtTel" 
                            ErrorMessage="<br />入力してください。" 
                            ValidationGroup="SendMail" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="rfvTel" runat="server" ControlToValidate="txtTel" ErrorMessage="<br />半角数字で入力してください。" 
                        ValidationExpression="^[0-9]+$" ForeColor="Red" Display="Dynamic" ValidationGroup="SendMail" />
                    </td>
                </tr>
           </table>
            <div style="height:15px;"></div>
            
            <table class="adaptiveWidth400">
                <tr>
                    <td class="td_Input_title" style="height:30px;">
                        <asp:Label ID="Label7" runat="server" Text="パスワード" data-required="true"></asp:Label>
                        <br />
                        <span>※任意の半角英数字8桁以上</span>
                    </td>
                    <td class="td_Input_content">
                        <asp:TextBox ID="txtPw" Width="90%" runat="server" MaxLength="50"></asp:TextBox>
                        
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender7" runat="server" 
                            WatermarkText="uk64vozg" TargetControlID="txtPw" WatermarkCssClass="watertext"></ajaxToolkit:TextBoxWatermarkExtender>
                        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="txtPw" 
                            ErrorMessage="<br />入力してください。" 
                            ValidationGroup="SendMail" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" 
                                    ErrorMessage="<br />パスワードは半角英数字（8～20桁、英数混在必須）を入力してください。" CssClass="error_msg" Display="Dynamic" 
                                    ValidationExpression="^(?=.*[A-Za-z])(?=.*[0-9])[A-Za-z0-9]{8,20}$" 
                                    ControlToValidate="txtPw" ValidationGroup="SendMail"></asp:RegularExpressionValidator>
                            <!-- NGパスワードチェック用 -->
                            <asp:CustomValidator ID="CustomValidator1" runat="server" 
                                ErrorMessage="<br />このパスワードはご使用いただけません。他のパスワードで申請をお願いいたします。" 
                                CssClass="error_msg" Display="Dynamic" 
                                ControlToValidate="txtPw" 
                                ValidationGroup="SendMail"
                                ClientValidationFunction="ValidatePassword"
                                OnServerValidate="CustomValidator1_ServerValidate"></asp:CustomValidator>
                            <!-- NGパスワードリスト -->
                            <asp:HiddenField ID="hdfPassNgList" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="td_Input_title">
                        <asp:Label ID="Label8" runat="server" Text="パスワード確認用" data-required="true"></asp:Label>
                    </td>
                    <td class="td_Input_content">
                        <asp:TextBox ID="txtPwChk" Width="90%" runat="server"></asp:TextBox>
                        
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender8" runat="server" 
                            WatermarkText="uk64vozg" TargetControlID="txtPwChk" WatermarkCssClass="watertext"></ajaxToolkit:TextBoxWatermarkExtender>
                        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="txtPwChk" 
                            ErrorMessage="<br />入力してください。" 
                            ValidationGroup="SendMail" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                       <td colspan="2" style="text-align:center;padding-top:10px;">
                        <asp:Button ID="btn登録" runat="server" Text="登録" ValidationGroup="SendMail"
                            OnClientClick="if (Page_ClientValidate('SendMail')) { return confirm('アカウント登録用メールを送信します。よろしいですか？');}"
                            CssClass="button button-blue" Width="100px" Height="25px"/>
                        <br />   
                    </td>
                </tr>
                <tr>
                <td colspan="2" style="text-align:center;padding-top:10px;">
                    <asp:Label ID="lbl_errorMsg" runat="server" Text="" CssClass="error_msg"></asp:Label>    
                    <asp:Label ID="lbl_timeStamp" runat="server" Text="" CssClass="error_msg" Visible="False"></asp:Label> 
                </td>
            </tr>
           </table>
        </div>
                    </div>
                </td>
            </tr>
        </table>
         <asp:Panel runat="server" ID="MessagePanel" Visible="false" CssClass="pnl_mes">
                <asp:Label runat="server" ID="message" Text="既に申請済のURLです。<br />新たに申請する場合は、再度URLを発行してください。" CssClass="message"></asp:Label>
         </asp:Panel>
        <%-- コンテンツ End --%>
    </div>
    <%-- メイン領域 End --%>
    </form>
</body>
</html>
