@{
    ViewBag.Title = System.Configuration.ConfigurationManager.AppSettings["Title"] + " | Reassignment Report";
    Layout = "~/Views/Shared/_Layout.cshtml";
}


<div id="overlay">
    @* <img src="../../Content/images/09.gif" style="position: absolute; top: 44%; left: 47%;" />*@
</div>

<div class="size25 left">
    <div class="window">
        <div class="titlebar">
            <div class="title">
                Filters
            </div>
        </div>
        <div class="innerWindow">
            <div class="menubar">
            </div>
            <div class="content withstatusbar">
                <div class="listDetails">
                    <div class="ldSection">
                        <table class="themeTable" cellpadding="5" cellspacing="0">
                            <tbody>
                                 <tr>
                                    <td class="tableCelllabel">
                                        <span class="darktxt">Start Date</span>
                                    </td>
                                    <td class="tableCellinfo darktxt">
                                        @(Html.Kendo().DatePicker()
                                          .Name("startDate")
                                          .Start(CalendarView.Month)
                                          .Depth(CalendarView.Month)
                                          .Format(System.Configuration.ConfigurationManager.AppSettings["dateFormat"])
                                          .Value(new DateTime(DateTime.Now.Year, DateTime.Now.Month, 1))
                                          .Max(DateTime.Now)
                                          .HtmlAttributes(new { @class = "kendo-make-readonly", type = "text" })
                                          .Events(e =>
                                             {
                                                 // e.Change("onChangeDateSelection");
                                             })
                                         )
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tableCelllabel">
                                        <span class="darktxt">End Date</span>
                                    </td>
                                    <td class="tableCellinfo darktxt">
                                        @(Html.Kendo().DatePicker()
                                            .Name("endtDate")
                                            .Start(CalendarView.Month)
                                            .Depth(CalendarView.Month)
                                            .Depth(CalendarView.Month)
                                            .Format(System.Configuration.ConfigurationManager.AppSettings["dateFormat"])
                                            .Value(DateTime.Now)
                                              .Max(DateTime.Now)
//    .Max(new DateTime(2025, 8, 23))
                                                //.Enable(false)
                                            .HtmlAttributes(new { @class = "kendo-make-readonly", type = "text" })
                                        )
                                    </td>
                                </tr>
                           
                                <tr id="trfilter_type">
                                    <td class="tableCelllabel">
                                        <span class="darktxt">Product Type</span>
                                    </td>
                                    <td class="tableCellinfo darktxt SelectDD">
                                      <select id="ddFilterType" name="filterType" style="width: 150px;">
                                        <option value="all">All</option>
                                        <option value="Diesel">Diesel</option>
                                        <option value="CNG">CNG</option>
                                        <option value="lcv">Diesel,CNG</option>
                                        <option value="electric">Electric</option>
                                      </select>
                                    </td>

                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="statusbar">
         
                <input type="button" value="Quick Download" class="button_blue custom_blueBtn" onclick="exportReassignmentReportCSV()" title="Quick Download" style="margin:-2px 7px" />
            </div>
        </div>
    </div>
</div>


<link href="~/Content/css/jquery.alerts.css" rel="stylesheet" />
<script src="~/Scripts/jquery.ui.draggable.js"></script>
<script src="~/Scripts/jquery.alerts.js"></script>

@*<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?v=3&type=restaurant,establishment,fire_station&libraries=places&client=gme-teramatrix'></script>*@
@*@Scripts.Render("~/closeticket/jsTicketCloseReport")*@
<script src="~/Scripts/Report/consolidatedReport.js"></script>

<script>
    var userId = '@ViewBag.Userid';
 var UtcMinutes = '@ViewBag.UtcMinutes';
     var securityToken = '@ViewBag.SecurityToken';
    bindVehicleProductVariant();
    //$(document).ready(function () {
    //    $("#ddVehicleType").kendoDropDownList({
    //        dataTextField: "text",
    //        dataValueField: "value",
    //        dataSource: vehicleProductVariantList,
    //        filter: "startswith",
    //        dataBound: onDataBound
    //    });
    //});

	
</script>

<style>
    #overlay {
        position: fixed; /* Sit on top of the page content */

        width: 100%; /* Full width (cover the whole page) */
        height: 100%; /* Full height (cover the whole page) */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(204, 204, 204, 0.5); /* Black background with opacity */
        z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    }
</style>