<input type="hidden" id="page-menu-id" name="" value="#menu_account" />
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Account > Receipt List</h1>
</div>
@if (TempData["Success"] != null)
{
    <div class="alert alert-success">
        @TempData["Success"]
    </div>
}
@if (TempData["Error"] != null)
{
    <div class="alert alert-danger">
        @TempData["Error"]
    </div>
}
<form action="@Url.Action("Index")" method="get">
    <div class="row">
        <div class="col-md-2">
            Receipt No:
        </div>
        <div class="col-md-2">
            <input class="form-control" name="ReceiptNo" value="@Model.Request.ReceiptNo" />
        </div>
        <div class="col-md-2">
            Customer No:
        </div>
        <div class="col-md-2">
            <input class="form-control" name="CustomerCode" value="@Model.Request.CustomerCode" />
        </div>
        <div class="col-md-2">
            Customer Name:
        </div>
        <div class="col-md-2">
            <input class="form-control" name="CustomerName" value="@Model.Request.CustomerName" />
        </div>


    </div>
    <div class="row col-md-12">&nbsp;</div>
    <div class="row">
        <div class="col-md-12 text-right">
            <button class="btn btn-success"><i class="fa fa-search"></i> Search</button>
        </div>
    </div>
</form>
<div class="row col-md-12">&nbsp;</div>
<p>
    <a class="btn btn-danger" href="@Url.Action("Create")"><i class="fas fa-plus-square"></i> เพิ่มรายการ</a>
</p>
<div id="receipt_pagination" style="position:relative;">
    <div class="table-loader text-center" style="display:none;">
        <div class="overlay">
            <i class="fas fa-3x fa-spinner fa-pulse"></i>
        </div>
        @*style="display:none;"*@

    </div>
    <table class="table table-hover table-bordered ">
        <thead>
            <tr>
                <th><a href="javascript:;" onclick="sortTable('#receipt_pagination',this,'loadReceiptList')" data-by="ReceiptNo" data-direction="" class="order sorting">Receipt No.</a></th>
                <th><a href="javascript:;" onclick="sortTable('#receipt_pagination',this,'loadReceiptList')" data-by="CustomerCode" data-direction="" class="order sorting">Customer No.</a></th>
                <th><a href="javascript:;" onclick="sortTable('#receipt_pagination',this,'loadReceiptList')" data-by="CustomerName" data-direction="" class="order sorting">Customer Name</a></th>
                <th style="width:180px;">-</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

    <br /><br />
    <div class="supplierPager">
        <div class="row">
            <div class="col-md-6">
                <input type="hidden" class="page" value="@Model.PageNumber" />
                <input type="hidden" class="page-size" value="@Model.PageSize" />
                <input type="hidden" class="numrows" value="0" />
                <input type="hidden" class="orderBy" value="@Model.Request.OrderBy" />
                <input type="hidden" class="orderDirection" value="@Model.Request.OrderDirection" />
                <input type="hidden" class="params" value="@Model.QueryString" />
                แสดงรายการ <span class="start-record"></span> ถึง <span class="end-record"></span> จากทั้งหมด <span class="total-record"></span> รายการ
            </div>
            <div class="col-md-6 text-right pagination-zone">

            </div>
        </div>
    </div>
</div>

    <script>
        var urlLoadReceiptList = "@Url.Action("LoadReceiptList")";
        var urlEdit = "@Url.Action("Edit")";
        var urlDelete = "@Url.Action("Delete")";
    </script>
    <script src="<?php echo $path; ?>Scripts/pages/receipt.js"></script>