<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ReportCardAssignment.aspx.cs" Inherits="PBSI3S.ReportCardAssignment" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <script src="<%=ResolveUrl("~/PageJS/RptCardAssignment.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">Card Assignment</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>
                        Card Assignment 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">
                                    <select data-live-search='true' class="form-control" id="ddlUserRole">
                                        <option value="0">Choose from option</option>
                                        <option value="8">Staff</option>
                                        <option value="10">Student</option>
                                    </select>
                                </div>
                                <div class='help-info ddlUserRole' style='display: none'>
                                </div>
                            </div>--%>
                            <div class="col-lg-4">
                                <label for="card_type">School Name</label>
                                <div class="form-group" id="ctnSchool">
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <label for="card_type">Card Status</label>
                                <div class="form-group" id="ctnCardStatus">
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <label for="school_address">Assignment Date</label>
                                <div class="form-group">
                                    <div class="form-line">
                                        <input type="text" id="report_date" class="form-control" placeholder="Select date" >
                                    </div>
                                    <div class="help-info report_date" style="display:none">This field is required</div>
                                </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="MainCard" >
        <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="TblCard" class="table table-bordered table-striped table-hover dataTable js-exportable">
                            <thead>
                                <tr>
                                    <th width="7%">#</th>
                                    <th>Full Name</th>
                                    <th hidden>ID Number</th>
                                    <th>User Role</th>
                                    <th>School Name</th>
                                    <th>Card Number</th>
                                    <th>Card Status</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>