<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true"
    CodeBehind="Per_Qualification.aspx.cs" Inherits="HRMS.GL.Accounting_Calender.Per_Qualification" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div class="row">
        <div class="col-lg-12">
            <!--breadcrumbs start -->
            <ul class="breadcrumb">
                <li><a href="#" id="home" runat="server"><i class="fa fa-home"></i>Home</a></li>
                <li><a href="#" id="ppl" runat="server">People</a></li>
                <li><a href="#" id="ppl_index" runat="server">Employee List</a></li>
            </ul>
            <!--breadcrumbs end -->
        </div>
    </div>
    <div id="my_Modal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal">&times;</button>
                 <h4 class="modal-title">Choose a Document:</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-offset-1"></div>
                    <div class="col-md-4">
                        <label class="control-label">Choose a Document</label>
                    </div>
                    <div class="col-md-4">
                        <asp:FileUpload ID="att_file" runat="server" />
                    </div>
                </div>
                <div class="row">
                <div class="col-md-3">
                    <asp:Label Text="Attachment Name" CssClass="control-label" runat="server" />
                </div>
                 <div class="col-md-4 col-md-offset-1">
                        <asp:TextBox CssClass="form-control" ID="txtatt_name" runat="server" />
                         <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txtatt_name" ControlToValidate="txtatt_name" ErrorMessage="Attachment name is required. " ValidationGroup="save" setfocusonerror="true"></asp:RequiredFieldValidator>
                    </div>
                    </div>      
            </div>
            <div class="modal-footer">
                <asp:Button Text="Save" CssClass="btn btn-info" ID="btn_att_save" 
                    runat="server" ValidationGroup="save" onclick="btn_att_save_Click" />
                 <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>

        </div>
    </div>
</div>


    <div class="main-panel">
        <div class="row">
            <div class="col-md-12">
                <section class="panel">
                    <header class="panel-heading">
                        Qualification
                            <div class="pull-right">
                                <asp:Button ID="btn_save" CssClass="btn btn-info" runat="server" Text="Save" 
                                    onclick="btn_save_Click" />
                                <asp:Button ID="btn_cancel" CssClass="btn btn-info" runat="server" 
                                    Text="Back" onclick="btn_cancel_Click" />
                            </div>
                    </header>

                        <div class="panel-body">
                             <div class="span6">
                                <div id="divmessage" runat="server" visible="false" class="alert alert-info alert-dismissable">
                                    <asp:label text="" ID="lbl_msg" CssClass="msg" runat="server"></asp:label>
                                </div>
                            </div>

                            <div class="span6">
                                <div id="diverrmessage" runat="server" visible="false" class="alert alert-info alert-dismissable">
                                    <asp:label text="" id="lbl_err_msg" CssClass="msg" runat="server"></asp:label>
                                </div>
                            </div>

                            <div class="row" style="padding-top:10px">
                            <asp:HiddenField ID="hid_qualification_id" runat="server"></asp:HiddenField>
                                <label class="control-label col-md-2">Type</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_type" CssClass="form-control" runat="server"></asp:TextBox>
                                    </div>

                                    <label class="control-label col-md-1">Title</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_title" CssClass="form-control" runat="server"></asp:TextBox>
                                    </div>
                            </div>





                            <div class="row" style="padding-top:10px">
                                <label class="control-label col-md-2">Start Date</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_strt_date" CssClass="form-control form_datetime" runat="server"></asp:TextBox>
                                    </div>

                                    <label class="control-label col-md-1">End Date</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_end_date" CssClass="form-control form_datetime" runat="server"></asp:TextBox>
                                    </div>
                            </div>


                            <div class="row" style="padding-top:10px">
                                <label class="control-label col-md-2">Awarded Date</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_awarded_date" CssClass="form-control form_datetime" runat="server"></asp:TextBox>
                                    </div>

                                <label class="control-label col-md-1">Status</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_status" CssClass="form-control" runat="server"></asp:TextBox>
                                    </div>
                            </div>

                            <div class="row" style="padding-top:10px">
                                <label class="control-label col-md-2">Project Completion Date</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_project_completion_date" CssClass="form-control form_datetime" runat="server"></asp:TextBox>
                                    </div>

                                <label class="control-label col-md-1">Grade</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_grade" CssClass="form-control" runat="server"></asp:TextBox>
                                    </div>
                            </div>


                            <div class="row" style="padding-top:10px">
                                <label class="control-label col-md-2">Establishment</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_establishment" CssClass="form-control" runat="server"></asp:TextBox>
                                    </div>

                                <label class="control-label col-md-1">Ranking</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_group_ranking" CssClass="form-control" runat="server"></asp:TextBox>
                                    </div>
                            </div>


                            <div class="row" style="padding-top:10px">
                                <label class="control-label col-md-2">Awarding Body</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_awarding_body" CssClass="form-control" runat="server"></asp:TextBox>
                                    </div>

                                <label class="control-label col-md-1">Information</label>
                                    <div class="col-md-3">
                                        <asp:TextBox ID="txt_information" CssClass="form-control" runat="server"></asp:TextBox>
                                    </div>
                            </div>


                             <div class="row" style="padding-top:10px">
                                <label class="control-label col-md-2">Comments</label>
                                    <div class="col-md-7">
                                        <asp:TextBox ID="txt_comments" CssClass="form-control" TextMode="MultiLine" runat="server"></asp:TextBox>
                                    </div>
                            </div>

                            <br />

                         <div>
		                    <ul class = "nav nav-tabs">
		                        <li><a data-toggle="tab" href = "#license">License</a></li>
		                        <li><a data-toggle="tab" href = "#tution">Tution</a></li>
                                <li><a data-toggle="tab" href = "#traning">Traning</a></li>
                                <li><a data-toggle="tab" href = "#professional_membership">Professional Membership</a></li>
                                <li><a data-toggle="tab" href = "#qualifications_framework_details">Qualifications Framework Details</a></li>
		                    </ul>
                         </div>
<%---tab_controls---%>
                      <div class="tab-content">
                         <div class="tab-pane fade in active" id="license">
                                <div class="panel-body">
                                   <div class="row">
                                        <label class="control-label col-md-2">License Number</label>
                                            <div class="col-md-2">
                                                 <asp:TextBox ID="txt_license_num" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>

                                            <label class="control-label col-md-1">Restrictions</label>
                                            <div class="col-md-2">
                                                 <asp:TextBox ID="txt_restrictions" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>

                                            <label class="control-label col-md-1">ExpiryDate</label>
                                            <div class="col-md-2">
                                                 <asp:TextBox ID="txt_expiry_date" runat="server" CssClass="form-control form_datetime"></asp:TextBox>
                                            </div>
                                    </div>
                                </div>
                         </div>


                         <div class="tab-pane fade" id="tution">
                                <div class="panel-body">
                                   <div class="row">
                                        <label class="control-label col-md-2">Fee</label>
                                            <div class="col-md-3">
                                                 <asp:TextBox ID="txt_fee" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                            <label class="control-label col-md-2">Fee Currency</label>
                                                <div class="col-md-3">
                                                    <asp:TextBox ID="txt_fee_currency" runat="server" CssClass="form-control"></asp:TextBox>
                                                </div>
                                   </div>

                                   <div class="row" style="padding-top:10px">
                                        <label class="control-label col-md-2">Arrangements</label>
                                            <div class="col-md-3">
                                                 <asp:TextBox ID="txt_arngments" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                             <label class="control-label col-md-2">Tution Method</label>
                                                <div class="col-md-3">
                                                    <asp:TextBox ID="txt_tution_method" runat="server" CssClass="form-control"></asp:TextBox>
                                                </div>
                                   </div>
                                </div>
                         </div>


                          <div class="tab-pane fade" id="traning">
                                <div class="panel-body">
                                   <div class="row">
                                        <label class="control-label col-md-4">Compeleted Ammount</label>
                                            <div class="col-md-3">
                                                 <asp:TextBox ID="txt_completed_amount" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                            
                                   </div>

                                   <div class="row" style="padding-top:10px">
                                        <label class="control-label col-md-4">Total Ammount</label>
                                            <div class="col-md-3">
                                                 <asp:TextBox ID="txt_total_amount" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                             
                                   </div>
                                   
                                   <div class="row" style="padding-top:10px">
                                        <label class="control-label col-md-4">Training Completed Units</label>
                                                <div class="col-md-3">
                                                    <asp:TextBox ID="txt_training_unit" runat="server" CssClass="form-control"></asp:TextBox>
                                                </div>
                                   </div>
                                </div>
                         </div>

                         <div class="tab-pane fade" id="professional_membership">
                                <div class="panel-body">
                                    <div class="row">
                                        <label class="control-label col-md-3">Professional Body Name</label>
                                            <div class="col-md-3">
                                                <asp:TextBox ID="txt_body_name" CssClass="form-control" runat="server"></asp:TextBox>
                                            </div>

                                              <label class="control-label col-md-2">Membership Number</label>
                                            <div class="col-md-3">
                                                <asp:TextBox ID="txt_membership_no" CssClass="form-control" runat="server"></asp:TextBox>
                                            </div>
                                    </div>

                                     <div class="row" style="padding-top:10px">
                                        <div class="panel-bpdy">
                                            <label class="control-label col-md-3">Membership Category</label>
                                                <div class="col-md-3">
                                                    <asp:TextBox ID="txt_membership_cat" CssClass="form-control" runat="server"></asp:TextBox>
                                                </div>

                                              <label class="control-label col-md-2">Subscription Payment</label>
                                                    <div class="col-md-3">
                                                        <asp:TextBox ID="txt_sub_paymnt_method" CssClass="form-control" runat="server"></asp:TextBox>
                                                    </div>
                                        </div>
                                     </div>
                                </div>
                        </div>

                        <div class="tab-pane fade" id="qualifications_framework_details">
                                <div class="panel-body">
                                    <div class="row">
                                        <label class="control-label col-md-2">Qualification ID</label>
                                            <div class="col-md-3">
                                                <asp:TextBox ID="txt_qualification_id" CssClass="form-control" runat="server"></asp:TextBox>
                                            </div>

                                            <label class="control-label col-md-2">Qualification Type</label>
                                                <div class="col-md-3">
                                                    <asp:TextBox ID="txt_qualification_type" CssClass="form-control" runat="server"></asp:TextBox>
                                                </div>
                                    </div>

                                    <div class="row" style="padding-top:10px">
                                        <label class="control-label col-md-2">Field</label>
                                            <div class="col-md-3">
                                                <asp:TextBox ID="txt_fld" CssClass="form-control" runat="server"></asp:TextBox>
                                            </div>

                                            <label class="control-label col-md-2">Sub Field</label>
                                                <div class="col-md-3">
                                                    <asp:TextBox ID="txt_sub_fld" CssClass="form-control" runat="server"></asp:TextBox>
                                                </div>
                                    </div>


                                    <div class="row" style="padding-top:10px">
                                        <label class="control-label col-md-2">Level Type</label>
                                            <div class="col-md-3">
                                                <asp:TextBox ID="txt_level_type" CssClass="form-control" runat="server"></asp:TextBox>
                                            </div>

                                            <label class="control-label col-md-2">Level</label>
                                                <div class="col-md-3">
                                                    <asp:TextBox ID="txt_level" CssClass="form-control" runat="server"></asp:TextBox>
                                                </div>
                                    </div>


                                     <div class="row" style="padding-top:10px">
                                        <label class="control-label col-md-2">Credit Type</label>
                                            <div class="col-md-3">
                                                <asp:TextBox ID="txt_credit_type" CssClass="form-control" runat="server"></asp:TextBox>
                                            </div>

                                            <label class="control-label col-md-2">Credit</label>
                                                <div class="col-md-3">
                                                    <asp:TextBox ID="txt_credit" CssClass="form-control" runat="server"></asp:TextBox>
                                                </div>
                                    </div>
                                </div>
                        </div>
                         
                            <div class="row">
                                <div class="col-md-6 pull-left">
                                  <a href="#demo" class="btn btn-info" data-toggle="collapse">Attachment</a>
                                </div>
                                <div class="col-md-6">
                                 
                                </div>

                            </div>
                             
                             <div id="demo" class="collapse" >
                              <div class="pull-right">
                                  <a data-toggle="modal" data-target="#my_Modal" id="file" class="btn btn-info" runat="server">
                                  <span class="fa fa-paperclip"></span>

                                  </a>
                                  </div>
                                <asp:GridView ID="GridView1" runat="server" CssClass="display" CellPadding="0" 
                                     border="0" AutoGenerateColumns="False" OnRowCommand="GridView1_RowCommand">
                                    <Columns>
                                        <asp:BoundField DataField="att_id" HeaderText="ID" />
                                        <asp:BoundField DataField="att_name" HeaderText="File Name" />
                                        <asp:TemplateField HeaderText="Download" ItemStyle-Width="6%">
                                            <ItemTemplate>
                                               <asp:LinkButton ID="lnkDownload" CommandArgument = '<%# Eval("att_physical_file_path") %>' runat="server" OnClick = "DownloadFile">
                                             <span class="fa fa-cloud-download" style="font-size:20px"></span>
                                               </asp:LinkButton>
                                               <asp:LinkButton ID="btn_delete" CommandName="gDelete" runat="server" >
                                               <asp:HiddenField id="hid_file_path" runat="server"  Value='<%# Eval("att_physical_file_path") %>'/>
                                             <span class="fa fa-trash" style="font-size:20px"></span>
                                               </asp:LinkButton>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                    </Columns>
                            <FooterStyle CssClass="footerStyle" />
                            <HeaderStyle CssClass="headerStyle" />
                            <RowStyle CssClass="rowStyle" />
                                </asp:GridView>
                                <script src="/ThemeScrips/Datatables/media/js/jquery.js" type="text/javascript"></script>
                                <script src="/ThemeScrips/Datatables/media/js/jquery.datatables.min.js" type="text/javascript"></script>
                                <script src="/ThemeScrips/Datatables/media/js/jquery.Datatables.js" type="text/javascript"></script>
                                <script src="/ThemeScrips/Datatables/media/js/GridviewFix.js" type="text/javascript"></script>
                                <script type="text/javascript">
                                    $("#ContentPlaceHolder1_GridView1").GridviewFix().dataTable();
                                </script>
                             </div>
                        </div>
                     </div>
            </div>
            </section>
        </div>
    </div>
</asp:Content>
