<%@ Page Language="vb" AutoEventWireup="false" CodeFile="Contact.aspx.vb" Inherits="Contact" EnableEventValidation="false" %>
<%@ 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>

   <style type="text/css">
       body{
           overflow:auto;
       }
        #div_main{
            margin-left:auto; 
            margin-right:auto;
            text-align:left;
            width:90%;
            font-size:9pt;
        }
        
        .td_Input_title{
            background-color:rgb(221,217,196);
            font-size:9pt;
            padding-left:5px;
            text-align:center;
        }

        .watertext {
           color:#9f9c9c;
           font-size:9pt;
        }

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

        .modalBack {
            filter: grayscale(100%);
            pointer-events: none; 
            opacity: 0.7;
            background-color: Black;
        }

        .error_msg{
            font-size:9pt;
            color:red;
        }
        [data-required="true"]::after {
            content: '*';
            font-weight: bold;
            padding-right: 5px;
            color: #FF0000;
        }

        .gridViewRow {
        background-color: #ffffff; /* GridViewの行の背景色を白に設定 */
        }

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

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

   </style>
        <script type="text/javascript">
            (function () {
                function toggleOtherInput() {
                    var ddl = document.getElementById('ddl_screen');
                    var otherInput = document.getElementById('txtOtherInput');

                    if (ddl.value === '16') {
                        otherInput.disabled = false;
                        otherInput.placeholder="その他の画面名"
                        otherInput.focus();
                    } else {
                        otherInput.disabled = true;
                        otherInput.placeholder = ""
                        otherInput.value = '';
                    }
                }

                function initializeForm() {
                    var ddl = document.getElementById('ddl_screen');
                    if (ddl) {
                        ddl.addEventListener('change', toggleOtherInput);
                        toggleOtherInput(); // 初期状態を設定
                    }
                }

                // DOMの読み込みが完了したら初期化を実行
                if (document.readyState === 'loading') {
                    document.addEventListener('DOMContentLoaded', initializeForm);
                } else {
                    initializeForm();
                }
            })();

            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();
                }
            }

        </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

        <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 style="height:15px;"></div>
        
        <div id="div_main">
            <div>
                <div class="section_block"  style="width:350px;">
                    <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>各団体の職員研修担当課にて、システム操作に不明な点がありましたら、
                        <br />
                        本お問い合わせフォームよりお問い合わせください。
                        <br />
                        なお、回答の返信には２～３営業日かかることもございます。
                        <br />
                        ※研修の内容についてのご不明点は、市町村アカデミー調査研究部までお問い合わせください。
                        <br />
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <br />
                        <span style="font-weight:bold;">【受付期間】2025年1月6日(月)～3月31日(月)
                        <br />
                        【受付時間】随時受付をいたします
                        </span>
                    </td>
                </tr>
            </table>

            <table class="adaptiveWidth380">
                <colgroup>
                    <col style="width:20%;"/>
                    <col style="width:80%;"/>
                </colgroup>
                <tr>
                    <td style="height:30px;" colspan="2">
                        <span style="font-weight:bold;font-size:13px;"><br/>■お問い合わせ内容</span>
                    </td>
                </tr>
                <tr>
                    <td class="td_Input_title" style="text-align:center;">
                        <asp:Label ID="Label8" runat="server" Text="該当画面" data-required="true"></asp:Label>
                    </td>
                    <td>
                        <span>お問い合わせ内容に関連する画面名をご選択ください。<br/></span>
                        <span>「その他」を選択された場合は該当の画面名をご入力ください。<br/></span>
                        <asp:DropdownList ID="ddl_screen" Width="35%" runat="server" Height="30" ClientIDMode="Static">
                        </asp:DropdownList>
                        <asp:TextBox ID="txtOtherInput" runat="server" placeholder="その他の画面名" Enabled="false" Width="35%"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="valDdlScreen" ControlToValidate="ddl_screen" InitialValue="" ValidationGroup="Contact"
                            ErrorMessage="<br />選択してください" runat="server" Display="Dynamic"/>
                    </td>
                </tr>
                <tr>
                    <td class="td_Input_title" style="height:30px;text-align:center;">
                        <asp:Label ID="Label7" runat="server" Text="お問い合わせ内容" data-required="true"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtContent" runat="server" Text="" TextMode="MultiLine" Width="75%" Height="200" style="font-family:Meiryo;" placeholder="操作方法が分からない、メールが届かない、エラーになる等、お問い合わせ内容をご入力ください。"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="rfv_txtContent" runat="server" ControlToValidate="txtContent" 
                            ErrorMessage="<br />お問い合わせ内容を入力してください。" 
                            ValidationGroup="Contact" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td style="height:30px;" colspan="2">
                        <span style="font-weight:bold;font-size:13px;"><br/>■ご連絡先</span>
                        <span><br/>回答をお送りするご連絡先情報をご入力ください。</span>
                    </td>
                </tr>
                <tr>
                    <td class="td_Input_title">
                        <asp:Label ID="Label1" runat="server" Text="市区町村コード"></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>
                    </td>
                    <td>
                        <span>市区町村コードが分かる場合は、ご入力ください。<br/></span>
                        <asp:TextBox ID="txtCityCd" Width="50%" runat="server" placeholder="(市区町村コード)"></asp:TextBox>
                        
                        <asp:RegularExpressionValidator ID="revCityCd" runat="server" ControlToValidate="txtCityCd"
                                ErrorMessage="<br />半角数字6桁で入力してください。"
                                ValidationGroup="Contact" CssClass="error_msg" Display="Dynamic"
                                ValidationExpression="^\d{6}$"></asp:RegularExpressionValidator>
                    </td>
                </tr>
                <tr>
                    <td class="td_Input_title" style="height:30px;">
                        <asp:Label ID="Label2" runat="server" Text="団体名" data-required="true"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtOrgName" Width="50%" runat="server" placeholder="(団体名)"></asp:TextBox>
                         
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtOrgName" 
                            ErrorMessage="<br />団体名を入力してください。" 
                            ValidationGroup="Contact" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                 <tr>
                    <td class="td_Input_title">
                        <asp:Label ID="Label6" runat="server" Text="所属名" data-required="true"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtDeptName" Width="50%" runat="server"></asp:TextBox>
                        
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" 
                            WatermarkText="(所属名)" TargetControlID="txtDeptName" WatermarkCssClass="watertext"></ajaxToolkit:TextBoxWatermarkExtender>
                        
                        <asp:RequiredFieldValidator ID="rfvDeptName" runat="server" ControlToValidate="txtDeptName" 
                            ErrorMessage="<br />所属名を入力してください。" 
                            ValidationGroup="Contact" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                 <tr>
                    <td class="td_Input_title">
                        <asp:Label ID="Label3" runat="server" Text="氏名" data-required="true"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtUserName" Width="50%" runat="server"></asp:TextBox>
                        
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender3" runat="server" 
                            WatermarkText="(田中　太郎)" TargetControlID="txtUserName" WatermarkCssClass="watertext"></ajaxToolkit:TextBoxWatermarkExtender>
                        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtUserName" 
                            ErrorMessage="<br />氏名を入力してください。" 
                            ValidationGroup="Contact" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td class="td_Input_title">
                        <asp:Label ID="lblKana" runat="server" Text="ふりがな" data-required="true"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtKana" Width="50%" runat="server"></asp:TextBox>
                        
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender4" runat="server" 
                            WatermarkText="(たなか　たろう)" TargetControlID="txtKana" WatermarkCssClass="watertext"></ajaxToolkit:TextBoxWatermarkExtender>
                        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtKana" 
                            ErrorMessage="<br />ふりがなを入力してください。" 
                            ValidationGroup="Contact" 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>
                        <asp:TextBox ID="txtTel" Width="50%" runat="server" MaxLength="11"></asp:TextBox>
                        
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender5" runat="server" 
                            WatermarkText="0123456789" TargetControlID="txtTel" WatermarkCssClass="watertext"></ajaxToolkit:TextBoxWatermarkExtender>
                        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtTel" 
                            ErrorMessage="<br />電話番号を入力してください。" 
                            ValidationGroup="Contact" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="vdt_tel" runat="server" ControlToValidate="txtTel" ErrorMessage="<br />半角数字で入力してください。" 
                            ValidationExpression="^[0-9]+$" ForeColor="Red" Display="Dynamic" ValidationGroup="Contact" />
                    </td>
                </tr>
                <tr>
                    <td class="td_Input_title" style="height:30px;">
                        <asp:Label ID="Label5" runat="server" Text="メールアドレス" data-required="true"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtEmail" Width="50%" runat="server"></asp:TextBox>
                        
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender6" runat="server" 
                            WatermarkText="(メールアドレス)" TargetControlID="txtEmail" WatermarkCssClass="watertext"></ajaxToolkit:TextBoxWatermarkExtender>
                        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtEmail" 
                            ErrorMessage="<br />メールアドレスを入力してください。" 
                            ValidationGroup="Contact" CssClass="error_msg" Display="Dynamic"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="vdt_研修担当EMAIL半角" runat="server" ControlToValidate="txtEmail" ErrorMessage="<br />メールアドレスの形式で入力してください。" 
                            ValidationExpression="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"  ForeColor="Red" Display="Dynamic" ValidationGroup="apply" />
                    </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('Contact')) { return confirm('入力した内容で送信します。よろしいですか？');}"
                            CssClass="button button-blue" Width="100px" Height="25px"/>
                        <br />
                        <asp:Label ID="lbl_errorMsg" runat="server" Text="" CssClass="error_msg"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align:left;padding-top:10px;">
                        <asp:Label ID="lb_Attention" runat="server" Text="原則、メールでの回答（１３：００～１７：００）となります。<br />お問い合わせ内容等により、ヘルプデスクより電話をかける場合があります。" Height="25px" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align:left;padding-top:10px;">
                         <div style="margin-top:10px;">
                             <span style="font-size:9pt;font-weight:bold;">本システムに関するお問い合わせ先</span>
                             <div style="font-size:9pt;padding-left:10px;">市町村アカデミー WEBポータル ヘルプデスク【対応事業者：(株)サーブネット】<br />
                                TEL：03-6261-7601<br />
                                受付期間：2025年1月6日(月)～3月31日(月)　※土日祝を除く<br />
                                受付時間：9:30-11:30 / 13:00-17:00
                             </div>
                         </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align:center;padding-top:10px;">
                       <div style="height:30px;"></div>
                        <asp:Button ID="btnBackToLogin" runat="server" Text="戻る" 
                            CssClass="button" OnClick="btnBackToLogin_Click" Width="100px" Height="25px" />
                    </td>
                </tr>
            </table>
        </div>
        
    </form>
</body>
</html>
