<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ReportSchool.aspx.cs" Inherits="PBSI3S.ReportSchool" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<script src="<%=ResolveUrl("~/PageJS/RptSchool.js") %>" type="text/javascript"></script>
<script src="<%=ResolveUrl("~/PageJS/Lookup.js") %>" type="text/javascript"></script>
    <div class="block-header">
        <ol class="breadcrumb breadcrumb-bg-orange">
            <li><a href="javascript:void(0);">Reports</a></li>
            <li class="active">School Registration</li>
        </ol>
    </div>
            <!-- Forms Layout -->
            <div class="row clearfix" id="FormSchool">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                School Search
                            </h2>
                        </div>
                        <div class="body">
                            <form id="form_validation">
                                <%--<h2 class="card-inside-title">
                                Card Details
                                </h2>--%>
                                <div class="row clearfix">
                                    <div class="col-lg-4">
                                        <label for="school_type">School Type</label>
                                        <div class="form-group" id="ctnSchoolType">
                                        </div>
                                    </div>
                                   <div class="col-lg-4">
                                        <label for="state">State</label>
                                        <div class="form-group" id="ctnState">
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <label for="card_type">Status</label>
                                        <div class="form-group" id="ctnStatus">
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <p style="text-align:right">
                                        <button type="button" class="btn bg-brown m-t-15 waves-effect" id="btnClear">Clear</button>
                                        <button type="submit" class="btn bg-orange m-t-15 waves-effect" id="btnSearch">Search</button>
                                     </p>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Table -->
            <div class="row clearfix" id="MainSchool" >
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                Search Results
                            </h2>
                        </div>
                        <div class="body">
                            <div class="table-responsive">
                                <table id="TblSchool" class="table table-bordered table-striped table-hover dataTable js-exportable">
                                    <thead>
                                        <tr>
                                            <th width="7%">#</th>
                                            <th>School Name</th>
                                            <th>School Type</th>
                                            <th>State</th>
                                            <th>Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
</asp:Content>