<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ReportUser.aspx.cs" Inherits="PBSI3S.ReportUser" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<script src="<%=ResolveUrl("~/PageJS/RptUser.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">User Registration</li>
        </ol>
    </div>
    <!-- Forms Layout -->
    <div class="row clearfix" id="FormCard">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="card">
                <div class="header">
                    <h2>
                        User Registration 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="card_type">User Role</label>
                                <div class="form-group" id="ctnUserRole">
                                </div>
                            </div>
                            <div class="col-lg-4" id="divSchool">
                                <label for="card_type">School Name</label>
                                <div class="form-group" id="ctnSchool">
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <label for="card_type">Status</label>
                                <div class="form-group" id="ctnStatus">
                                </div>
                            </div>
                        </div>
                        <div class="row clearfix" id="divMerchantType" style="display:none"> 
                            <div class="col-lg-4">
                                <label for="card_type">Merchant Type</label>
                                <div class="form-group" id="ctnMerchantType">
                                </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="MainUser" >
        <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="TblUser" class="table table-bordered table-striped table-hover dataTable js-exportable">
                            <thead>
                                <tr>
                                    <th width="7%">#</th>
                                    <th>Full Name</th>
                                    <th>Nric</th>
                                    <th>User Role</th>
                                    <th><span id="lblParent">School Name</span></th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>