@{
    ViewBag.Title = "Test";
}

<h2>Test</h2>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.2/css/ui.jqgrid.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.2/jquery.jqgrid.min.js"></script>


<div>
    <table id="grid"></table>
    <div id="pager"></div>
</div>
@*<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="~/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/jquery-ui-1.10.4.min.js"></script>
<script src="~/Scripts/i18n/grid.locale-en.js"></script>
<script src="~/Scripts/jquery.jqGrid.min.js"></script>
<script src="~/Scripts/myjqgrid.js"></script>*@  

@*https://www.c-sharpcorner.com/article/implementing-jqgrid-in-asp-net-mvc/*@




@*https://stackoverflow.com/questions/47867787/how-to-implement-search-in-jqgrid-so-that-user-can-filter-by-or*@

@*https://stackoverflow.com/questions/43812777/pagination-is-not-working-in-jqgrid-what-i-am-missing*@
<script src="~/Scripts/myjqgrid.js"></script>




<div class="content-wrapper">



    <div class="row">
        <div class="col-xl-12 col-lg-12 col-12">
            <div class="card">
                <div class="row m-1">
                    <div class="col-md-12" style="align-content:center;">
                        <div class="row" @*style="margin-left:170px;margin-top:40px"*@ style="margin-top:40px">


                            <div @*class="col-md-1"*@ class="col-md-2" @*style="margin-top:-10px;margin-left:-1%"*@>
                                <label>DateFrom</label>
                                <span>
                                    <input type="text" id="DateFrom" @*class="form-control"*@ style="border-radius: 5px;width: 140px;height: 35px; border: 1px solid #BABFC7;" />
                                </span>

                            </div>
                            <div @*style="margin-left:1.5%"*@>
                                -
                            </div>
                            <div class="col-md-2" @*style="margin-top:-10px;"*@>
                                <label>DateTo</label>

                                <span>
                                    <input type="text" id="DateTo" @*class="form-control"*@ style="border-radius: 5px;width: 140px;height: 35px;    border: 1px solid #BABFC7;" />

                                </span>
                            </div>

                            <div class="col-md-2" @*style="margin-left:-15%"*@>
                                <label>Location</label>
                                <span>
                                    <select type="text" @*class="form-control"*@ id="Dept" style="border-radius: 5px;width: 140px;height: 35px;    border: 1px solid #BABFC7;"></select>
                                </span>

                            </div>
                            @*<div class="col-md-2" style="margin-top:-0.5%;margin-left:-12%">
                                    <select type="text" class="form-control" id="Dept"></select>
                                </div>*@


                            <div class="col-md-2">
                                <label>SalesMan</label>
                                <span>
                                    <select id="salesman" name="priority" @*class="form-control"*@ style="border-radius: 5px;width: 140px;height: 35px;    border: 1px solid #BABFC7;"></select>

                                </span>
                            </div>

                            <div class="col-md-2">
                                <label>Refresh Time</label>
                                <span>
                                    <select id="sel_timeref" name="priority" @*class="form-control"*@ style="border-radius: 5px;width: 140px;height: 35px;    border: 1px solid #BABFC7;" onchange="changetimeref()">

                                        <option value="15000">15 Sec</option>
                                        <option value="30000">30 Sec</option>
                                        <option value="60000">60 Sec</option>

                                    </select>
                                </span>


                            </div>
                            @*<div class="col-md-2" style="margin-top:-0.5%;margin-left:-12%">
                                    <select id="salesman" name="priority" class="form-control"></select>
                                </div>*@
                            <div @*style="margin-left:2%"*@ id="divsummary" class="d-inline-block custom-control custom-radio mr-1">
                                <input type="radio" name="sd" class="custom-control-input" checked="" id="btnsummary" value="normal" onchange="GetList('##')">
                                <label class="custom-control-label" for="btnsummary">Summary </label>
                            </div>
                            <div style="margin-left:2%" id="divdetail" class="d-inline-block custom-control custom-radio mr-1">
                                <input type="radio" name="sd" class="custom-control-input" id="btndetail" onchange="GetList('##$$')" value="normal">
                                <label class="custom-control-label" for="btndetail">Detailed </label>
                            </div>

                            @*<div class="col-md-1" style="margin-top:-0.5%;margin-left:-12%">
                                    <select id="sel_timeref" name="priority" class="form-control" onchange="changetimeref()">

                                        <option value="15000">15 Sec</option>
                                        <option value="30000">30 Sec</option>
                                        <option value="60000">60 Sec</option>

                                    </select>
                                </div>*@


                        </div>
                        <div class="row" @*style="margin-left:170px;margin-top:40px"*@ style="margin-top:40px">
                            <div class="col-md-2">
                                <label>Invoice No</label>
                                <span>
                                    <input type="text" id="Invoiceno" @*class="form-control"*@ style="border-radius: 5px;width: 140px;height: 35px;    border: 1px solid #BABFC7;" />
                                </span>
                            </div>
                            @*<div class="col-md-2" style="margin-top:-0.5%;margin-left:-12%">
                                    <input type="text" style="border-radius:10px" id="Invoiceno" class="form-control" />
                                </div>*@
                            <div class="col-md-2">
                                <label>Delivery Type</label>
                                <span>
                                    <select id="select_place" name="priority" @*class="form-control"*@ style="border-radius: 5px;width: 140px;height: 35px;    border: 1px solid #BABFC7;"></select>

                                </span>
                            </div>
                            @*<div class="col-md-2" style="margin-top:-0.5%;margin-left:-12%">

                                    <select id="select_place" name="priority" class="form-control"></select>


                                </div>*@
                            <div class="col-md-2">
                                <label>Delivery Area</label>
                                <span>
                                    <select id="select_terms" name="priority" @*class="form-control"*@ style="border-radius: 5px;width: 140px;height: 35px;    border: 1px solid #BABFC7;"></select>
                                </span>
                            </div>
                            @*<div class="col-md-2" style="margin-top:-0.5%;margin-left:-12%">

                                    <select id="select_terms" name="priority" class="form-control"></select>
                                </div>*@
                            <div class="col-md-2">
                                <label>Status</label>
                                <span>
                                    <select id="select_status" name="priority" @*class="form-control"*@ style="border-radius: 5px;width: 140px;height: 35px;    border: 1px solid #BABFC7;">
                                        <option value="0">--Select--</option>
                                        <option>CREATED</option>
                                        <option>On the way</option>
                                        <option>Loaded</option>
                                        <option>Delivered with Pending</option>
                                        <option>Delivered</option>
                                        <option>Hold</option>
                                        <option>RTD A</option>
                                        <option>RTD B</option>
                                        <option>RTD C</option>
                                        <option>RTD D</option>
                                        <option>RTD E</option>
                                        <option>PACKING</option>
                                        <option>PICKING</option>


                                    </select>
                                </span>
                            </div>
                            @*<div class="col-md-2" style="margin-top:-0.5%;margin-left:-12%">


                                </div>*@

                            <div class="col-md-2">
                                <button type="button" id="btngosubmit" style="margin-top: 15px;" class="btn btn-primary" @*onclick="GetList('##');$('#btnsummary').prop('checked', true)"*@ autocomplete="off">GO <i class="fa fa-check-square-o"></i></button>

                            </div>

                            <div class="col-md-2">
                            </div>
                        </div>
                        <div class="card-header" style="display:none">
                            <center><h4 class="card-title mb-0">Work Items</h4></center>
                        </div>
                        <div class="btn-group" id="buttonPlace" style="margin-left:85%;margin-top:0.5%;">
                            <div align="right">
                                <div class="heading-elements">
                                    <div class="btn-group" id="buttonPlace">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="card-body" style="margin-top:3px; height:auto; overflow:auto;width:100%;">


                            @*<div>
                                    <table id="jqGrid"></table>
                                    <div id="jqControls"></div>
                                </div>*@


                            <div>
                                <table id="grid"></table>
                                <div id="pager"></div>
                            </div>



                            @*<table id="listitems" class="table table-condensed table-light table-striped table-bordered eumi-search-table" style="width:100%;margin-top:40px;"></table>*@
                        </div>
                    </div>
                </div>


                <div style="height:90%;clear: both">
                    &nbsp;
                    <div style="display:none;">
                        <input id="Type" type="text" />
                        <input id="BillSerId" type="text" value="0" />
                        <input id="BillNo" type="text" value="0" />
                        <input id="ReferenceNo" type="text" value="0" />

                        <input id="DueDate" type="text" value="0" />

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




</div>




   @*//$("#PartialGridContainer").html("");
        //$("#PartialGridContainer").empty();

        //$.ajax({
        //    url: "PartialGrid",
        //    data: "",
        //    async: true

        //}).done(function (partialHtml) {
        //    $("#PartialGridContainer").html(partialHtml);
        //});*@


@*<script src="~/Scripts/myscript.js"></script>*@