<%@ page language="C#" autoeventwireup="true" inherits="Pages_OnlineAdmission_StudentAcademicDetails, App_Web_3fty40tz" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href='<%# ResolveUrl("~/App_Themes/BlackTheme/bootstrap/css/bootstrap.min.css")%>' rel="Stylesheet" type="text/css" />
    <link href="~/App_Themes/BlackTheme/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="~/App_Themes/BlackTheme/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />
    <style type="text/css">
        .auto-style1 {
            width: 100%;
        }

        .auto-style2 {
            height: 23px;
        }

        .auto-style1 tr td {
            border-style: outset;
            border-width: thin;
            margin-left: 80px;
        }

        input[type=password] {
            display: initial;
            padding: 0px 6px;
            padding-right: 2px !important;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px !important;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

            input[type=password]:disabled {
                cursor: not-allowed;
                background-color: #eee;
                opacity: 1;
            }

            input[type=password]:read-only {
                cursor: not-allowed;
                background-color: #eee;
                opacity: 1;
            }

            input[type=password]:focus {
                border-color: #66afe9;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            }

            input[type=password]:hover {
                border-color: #66afe9;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            }

        label {
            font-size: 12px !important;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
            padding-left: 2px;
            padding-right: 2px;
            font-weight: 600;
            color: #333;
        }

        .detail-label {
            font-size: 12px !important;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
            font-weight: 500;
            padding-top: 10px;
            padding-left: 2px;
            padding-right: 2px;
            color: #333;
        }

        .gridview-textbox {
            width: 150% !important;
            height: 40px !important;
        }

        legend {
            border-bottom: 1px !important;
        }

        input[type=text], input[type=password] {
            width: 100% !important;
            height: 22px !important;
            background: transparent !important;
            border: 1px solid;
            border-color: #ccc !important;
            color: #333 !important;
        }

            input[type=text]:disabled, select:disabled {
                background-color: pink !important;
                opacity: 0.5 !important;
            }

        .null-message {
            color: #ed1c24;
            font-size: 12px;
            padding-top: 5px;
        }

        select {
            width: 100% !important;
            height: 22px !important;
            background: transparent;
            border: 1px solid;
            border-color: #ccc !important;
        }

        input[type=date] {
            line-height: normal !important;
            font-size: 16px !important;
            border-radius: 5px;
        }

        img {
            border: 1px solid black;
        }

        input[type="submit"] {
            /*background: url(../../Images/form-background.jpg);*/
            color: white;
            width: 100%;
            font-size: medium;
            font-weight: 600;
            background-color: #337ab7;
        }

            input[type="submit"]:hover {
                transition: all 0.2s linear;
                background: #337ab7;
                color: white;
            }

        .ui-datepicker {
            font-size: 11pt !important;
        }

        .mTop15 {
            margin-top: 15px;
        }

        .page-header {
           background-color: #337ab7;
            color: white;
            position: fixed;
            z-index: 2;
            text-align: center;
            width: 100%;
        }

        .well {
            background-color: gainsboro;
        }

        .divbg:hover {
            box-shadow: 0px 0px 0px 1px black;
            transition: all 0.5s ease;
        }

        .divbg {
            box-shadow: 0px 0px 2px 2px #337ab7;
            transition: all 1s ease;
        }

        .form-background {
            /*background: url(../../Images/form-background.jpg);*/
            background: url(../../Images/container-background.png);
            /*background-color: white;*/
        }

        .container {
            padding-left: 0px !important;
        }

        .container-background {
            /*background: url(../../Images/container-background.png);*/
            background-color: white;
            box-sizing: border-box;
        }

        .container-box {
            box-shadow: 0px 0px 2px 2px rgba(1,1,1,0.5);
            box-sizing: border-box;
        }

        .container-box-button {
            box-shadow: 0px 2px 2px rgba(1,1,1,0.5), -1px 2px 2px rgba(1,1,1,0.5), 2px 2px 2px rgba(1,1,1,0.5);
        }

        .box-gridview {
            box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
        }

        textarea {
            background: transparent;
            border: 1px solid black;
        }

            textarea:hover {
                border: 1px solid black;
            }

        .header {
            padding: 1px;
            padding-left: 9px;
            background: #337ab7;
            color: white;
            border-radius: 4px;
        }

        .table-striped > tbody > tr:nth-of-type(odd) {
            background-color: white !important;
            color: #333;
        }

        .table-striped > tbody > tr:nth-of-type(even) {
            background-color: white !important;
            color: #333;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server" class="form-background" style="min-height: 666px">
        <div class="row">
            <div class="col-lg-12">
                <div class="page-header" style="margin-top: 0; font-size: 24px; z-index: 2; font-weight: bold;">
                    <h3>
                        <asp:Label ID="schoolnameLabel" runat="server" Style="font-weight: 500; text-align: center;" Text=""></asp:Label></h3>

                </div>
            </div>
        </div>
        <div class="row">
        </div>
        <legend class="col-md-10 col-md-offset-1"></legend>
        <legend class="col-md-10 col-md-offset-1"></legend>
        <legend class="col-md-10 col-md-offset-1"></legend>
        <div>
            <div class="container container-background container-box">
                <div style="padding-top: 10px;" runat="server" id="failuremessage" visible="false">
                    <div class="alert alert-danger" style="margin-bottom: 0px !important; font-size: small;margin-top: 63px !important">
                        <span class="glyphicon glyphicon-remove"></span><strong>Error! Please check all the inputs & try again.</strong>
                    </div>
                </div>
                <legend class="col-md-10 col-md-offset-1"></legend>
                <div class="col-md-10 col-md-offset-1">
                    <div class="header" style="margin-top: 0px; background-color: #333;">
                        <h4 style="text-align: center">Student Academic Details</h4>
                    </div>
                </div>
                <legend class="col-md-10 col-md-offset-1"></legend>
                <div class="">
                    <div class="">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="col-lg-12">
                                <div class="well well-sm divbg">
                                    <h6>
                                        <strong>
                                            <asp:Label ID="StudentAcademicRemarkLabel" runat="server"></asp:Label>
                                        </strong>
                                    </h6>
                                </div>
                            </div>
                            <legend></legend>
                            <div class="col-md-2 col-md-offset-5" style="margin-bottom: 15px" runat="server" id="AddDetailButtonDiv">
                                <asp:Button ID="AddDetailButton" runat="server" Text="Add Details" OnClick="AddDetailsButton_Click" />
                                <asp:HiddenField ID="DetailHiddenField" runat="server" />
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-10 col-md-offset-1">
                                    <asp:GridView ID="AdmissionSetupGridView" runat="server" Width="100%" AutoGenerateColumns="False"
                                        AllowPaging="false" ShowHeader="True"
                                        DataKeyNames="Id"
                                        CssClass="table table-striped table-bordered" OnRowDataBound="AdmissionSetupGridView_RowDataBound">
                                        <Columns>
                                            <asp:TemplateField HeaderText="Class" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="ClassNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("ClassName") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Academic Year" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="AcademicYearTextBox" onkeypress="return onlyNumbers(this);" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("AcademicYear") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Institute Name" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="InstituteNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteName") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Institute City" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="InstituteCityTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteCity") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Institute Affiliaton" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="InstituteAffiliatonTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteAffiliaton") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Result" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="ResultTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Result") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Medium of Study" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="LanguageTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Language") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField ShowHeader="true" HeaderText="Delete" HeaderStyle-HorizontalAlign="Center">
                                                <ItemTemplate>
                                                    <asp:ImageButton SkinID="DeleteImage" ID="DeleteImageButton" runat="server" OnClick="DeleteImageButton_Click"
                                                        ToolTip="Delete" ImageUrl="../../../Images/icons/icon_delete.gif" />
                                                </ItemTemplate>
                                                <ItemStyle HorizontalAlign="Center" />
                                            </asp:TemplateField>
                                        </Columns>
                                        <PagerSettings Visible="False" />
                                    </asp:GridView>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container container-background container-box-button" style="padding-top: 2%; min-height: 423px">
            <div class="col-md-12">
                <div class="col-md-2 col-md-offset-4">
                    <asp:Button ID="BackButton" runat="server" Text="< Back" OnClick="BackButton_Click" />
                </div>
                <div class="col-md-2">
                    <asp:Button ID="SaveButton" runat="server" Text="Next >" OnClick="SaveButton_Click" OnClientClick="return ValidateNull();" />
                </div>
            </div>
        </div>
    </form>
</body>
</html>
<script src='<%# ResolveUrl("~/App_Themes/BlackTheme/plugins/jQueryUI/jquery-ui.min.js")%>' type="text/javascript"></script>
<script type="text/javascript">
    function onlyNumbers(evt) {
        var e = event || evt;
        var charCode = e.which || e.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
        else {
            return true;
        }
    }
</script>
