<%@ Control Language="VB" AutoEventWireup="false" CodeFile="uc_SearchTraining.ascx.vb" Inherits="teacher_uc_SearchTraining" %>

    <script>
        $(function () {            
            $("input[id*=cb_MailTo]").click(function () {
                UpdateHiddenValue(this.value, this.checked);
            });
            SetCheckAttr();
        });

        function SetCheckAttr() {
            //HiddenFieldの値を元に、研修一覧のcheckboxを設定する
            $("input[id*=cb_MailTo]").each(function (i) {
                if ((',' + $("input[id*=hKenshuCd]").val()).indexOf(',' + $(this).attr('value') + ',') > -1) {                    
                    this.checked = true;
                }
                else {                    
                    this.checked = false;
                }
            });
        }

        function UpdateHiddenValue(strInput, bolChecked) {

            if (strInput == "on") return; //gv_宛先側の操作での更新を無効化

            if (bolChecked == true) {
                //存在していない場合、追加する
                if ((',' + $("input[id*=hKenshuCd]").val()).indexOf(',' + strInput + ',') == -1) {
                    $("input[id*=hKenshuCd]").val($("input[id*=hKenshuCd]").val() + strInput + ',');
                }
            }
            else {
                //存在している場合、削除する
                if ((',' + $("input[id*=hKenshuCd]").val()).indexOf(',' + strInput + ',') > -1) {
                    var v = ',' + $("input[id*=hKenshuCd]").val();
                    v = v.replace(',' + strInput + ',', ',');
                    v = v.substr(1, v.length - 1);
                    $("input[id*=hKenshuCd]").val(v);
                }
            }
              
        }

        function MailToSelectCheckAll(HeaderCheckbox) {
            //全チェック・全クリア
            $('[id$=gv_研修一覧] input[id*=cb_MailTo]').prop("checked", HeaderCheckbox.checked);
            $("input[id*=cb_MailTo]").each(function () {
                UpdateHiddenValue(this.value, this.checked);
            });

        }

        function toggleCheckbox(container, event) {
            //フィールドのクリックでchk状態の切替
            event = event || window.event; // イベントオブジェクトを取得
            var target = event.target || event.srcElement; // イベント発生源要素を取得

            // イベント発生源がチェックボックス自体でない場合のみトグル
            if (target.tagName !== "INPUT") {
                var chk = container.getElementsByTagName("input")[0];
                if (chk) {
                    chk.checked = !chk.checked; // チェック状態を切り替え

                    UpdateHiddenValue(chk.value, chk.checked);
/*                    SetCheckAttr();*/
                }
            }
        }

    </script>

<asp:SqlDataSource ID="sql_研修一覧" runat="server" />

<div style="width:700px;">
    <uc:TitleBar ID="uc_TitleBar_宛先選択" Mode="point" Text="宛先選択" runat="server" />
    <uc:TitleBar ID="uc_TitleBar_検索" Mode="search" Text="検索条件" runat="server" />
    <div style="vertical-align:middle; border:solid 1px #EEEEEE; padding-left:10px;">
        <table style="font-size:9pt;">
            <colgroup>
                <col style="width:20%;" />
                <col style="width:30%;" />
                <col style="width:20%;" />
                <col style="width:30%;" />
            </colgroup>
            <tr>
                <td style="text-align:right;">
                    開講年度：
                </td>
                <td>
                    <asp:DropDownList ID="dd_検索_開講年度" runat="server" DataValueField="履修年度" DataTextField="履修年度" CssClass="input" AppendDataBoundItems="true">
<%--                         <asp:ListItem Selected="True" />--%>
                    </asp:DropDownList>
                </td>
            <tr>
                <td style="text-align:right;">
                    科目名：
                </td>
                <td colspan="2">
                    <asp:TextBox ID="txt_検索_科目名" runat="server" CssClass="input" Width="20em" MaxLength="100" />
                </td>
            </tr>
            <tr>
                <td style="text-align:right;">
                    回名：
                </td>
                <td colspan="2">
                    <asp:TextBox ID="txt_検索_回名" runat="server" CssClass="input" Width="20em" MaxLength="100" />
                </td>
            </tr>
        </table>
        <div class="button-area">
            <asp:Button ID="btn_検索" runat="server" CssClass="training-button training-button-blue" Text="検&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;索" OnClick="btn_検索_Click" />
           <asp:Button ID="btn_クリア" runat="server" CssClass="button" Text="ク&nbsp;&nbsp;リ&nbsp;&nbsp;ア" OnClick="btn_クリア_Click" />
        </div>
    </div>

    <%--選択した行番号を[履修年度_成績年度_分野CD_科目CD_講座CD]の形式で、[,]区切りで格納--%>
    <input type="text" id="hKenshuCd" runat="server" style="width:100%;" hidden/> 

    <%-- 研修一覧 Start --%>
    <uc:TitleBar ID="uc_TitleBar_研修一覧" Mode="point" Text="研修一覧" runat="server" />
    <asp:GridView
    ID="gv_研修一覧" AutoGenerateColumns="False"
    EnableModelValidation="True" AllowPaging="True" PageSize="20"
    CssClass="list" GridLines="Vertical" Width="100%"
    EnableViewState="False" ShowFooter="True" runat="server"
    DataKeyNames="履修年度,成績年度,分野CD,科目CD,回CD"
>
    <Columns>
        <%-- チェックボックス --%>
        <asp:TemplateField ItemStyle-Width="5%" Visible="false">
            <HeaderTemplate>
                <asp:CheckBox ID="chk_All" runat="server" onclick="MailToSelectCheckAll(this);"/>
                <asp:Label ID="Label1" runat="server" Text="選択"></asp:Label>
            </HeaderTemplate>
            <ItemTemplate>
                 <div class="checkbox-container" onclick="toggleCheckbox(this, event);">
                    <asp:CheckBox ID="cb_MailTo" runat="server" />
                 </div>
            </ItemTemplate>
            <ItemStyle HorizontalAlign ="Center"/>
        </asp:TemplateField>
        <%-- 選択ボタン --%>
        <asp:TemplateField ItemStyle-Width="5%">
            <HeaderTemplate>
                <asp:Label ID="hdlb_choice" runat="server" Text="選択"></asp:Label>
            </HeaderTemplate>
            <ItemTemplate>
         <asp:Button ID="btn_Select" runat="server" Text="選択" CssClass="select-button" OnClick="SelectButton_Click" 
            CommandArgument='<%# Container.DataItemIndex %>' />
            </ItemTemplate>
            <ItemStyle HorizontalAlign ="Center"/>
        </asp:TemplateField>
        <%-- 開講年度 --%>
        <asp:TemplateField HeaderText="開講年度" ItemStyle-Width="5%" Visible="false">
            <HeaderStyle Font-Bold="False"/>
            <ItemTemplate>
                <asp:Label ID="lb_開講年度" runat="server" Text='<%# Bind("履修年度")%>' />
                <%--非表示--%>
                <asp:Label ID="lb_履修年度" runat="server" Text='<%# Bind("履修年度")%>' Visible="false" />
                <asp:Label ID="lb_成績年度" runat="server" Text='<%# Bind("成績年度")%>' Visible="false" />
                <asp:Label ID="lb_分野CD" runat="server" Text='<%# Bind("分野CD")%>' Visible="false" />
            </ItemTemplate>
            <ItemStyle HorizontalAlign="Center"/>
        </asp:TemplateField>
        <%-- 科目CD --%>
        <asp:TemplateField HeaderText="科目CD" ItemStyle-Width="8%">
            <HeaderStyle Font-Bold="False"/>
            <ItemTemplate>
                    <asp:Label ID="lb_科目CD" runat="server" Text='<%# Bind("科目CD")%>'/>
            </ItemTemplate>
            <ItemStyle HorizontalAlign="Center" />
        </asp:TemplateField>
        <%-- 科目名 --%>
        <asp:TemplateField HeaderText="科目名" ItemStyle-Width="15%">
            <HeaderStyle Font-Bold="False"/>
            <ItemTemplate>
                    <asp:Label ID="lb_科目名" runat="server" Text='<%# Bind("科目名")%>'/>
            </ItemTemplate>
            <ItemStyle HorizontalAlign="Center" />
        </asp:TemplateField>
        <%-- 回CD --%>
        <asp:TemplateField HeaderText="回CD" ItemStyle-Width="5%">
            <HeaderStyle Font-Bold="False"/>
            <ItemTemplate>
                    <asp:Label ID="lb_回CD" runat="server" Text='<%# Bind("回CD")%>'/>
            </ItemTemplate>
            <ItemStyle HorizontalAlign="Center" />
        </asp:TemplateField>
        <%-- 回名 --%>
        <asp:TemplateField HeaderText="回名" ItemStyle-Width="15%">
            <HeaderStyle Font-Bold="False"/>
            <ItemTemplate>
                    <asp:Label ID="lb_回名" runat="server" Text='<%# Bind("回名")%>'/>
            </ItemTemplate>
            <ItemStyle HorizontalAlign="Center" />
        </asp:TemplateField>
        <%-- 研修期間 --%>
        <asp:TemplateField HeaderText="研修期間" ItemStyle-Width="25%">
            <HeaderStyle Font-Bold="False"/>
            <ItemTemplate>
                    <asp:Label ID="lb_研修期間開始" runat="server" Text='<%# Bind("研修期間開始", "{0:yyyy/M/d(ddd)}")%>' />
                    ～
                    <asp:Label ID="lb_研修期間終了" runat="server" Text='<%# Bind("研修期間終了", "{0:yyyy/M/d(ddd)}")%>' />
            </ItemTemplate>
            <ItemStyle HorizontalAlign="Center" />
        </asp:TemplateField>
  
    </Columns>
    <AlternatingRowStyle CssClass="alt-row" />
    <SelectedRowStyle CssClass="sel-row" />
    <FooterStyle BackColor="#E8E8E8" BorderStyle="None" />
    <PagerSettings Mode="NumericFirstLast" Position="Top" PageButtonCount="5" />    
    <PagerStyle CssClass ="GridViewPager" HorizontalAlign="Center" />
    <EmptyDataTemplate>
        <asp:Label ID="lbl_empty" class="accent" Text="該当する研修はありません。" runat="server" />
    </EmptyDataTemplate>
    <EmptyDataRowStyle HorizontalAlign="Center" />
</asp:GridView>
<div style="height:40px; padding:5px 0px; text-align:center;">
    <asp:Button ID="btn_宛先に追加" runat="server" Text="宛先に追加" cssclass="button_blue" Height="30px" Visible="false"/>
</div>
</div>