<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ReportInventory.aspx.cs" Inherits="PBSI3S.ReportInventory" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <script src="<%=ResolveUrl("~/PageJS/RptInventory.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">Inventory</li>
        </ol>
    </div>
            <!-- Forms Layout -->
            <div class="row clearfix" id="FormInventory">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="card">
                        <div class="header">
                            <h2>
                                Inventory 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">Inventory Type</label>
                                        <div class="form-group" id="ctnInventoryType">
                                        </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" style="display:none" id="divCardStatus">
                                        <label for="card_type">Card Status</label>
                                        <div class="form-group" id="ctnCardStatus">
                                        </div>
                                    </div>
                                    <div class="col-lg-4" id="divHardwareStatus">
                                        <label for="card_type">Hardware Status</label>
                                        <div class="form-group" id="ctnHardwareStatus">
                                        </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="MainInventory" >
                <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="TblInventory" class="table table-bordered table-striped table-hover dataTable js-exportable">
                                    <thead>
                                        <tr>
                                            <th width="7%">#</th>
                                            <th><span id="lblType">Inventory Type</span></th>
                                            <th><span id="lblModel">Model</span></th>
                                            <th>Serial Number</th>
                                            <th>School Name</th>
                                            <th>State</th>
                                            <th><span id="lblStatus">Hardware Status</span></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
</asp:Content>