@{
    ViewBag.Title = System.Configuration.ConfigurationManager.AppSettings["Title"] + " | Consolidated 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(2025, 8, 1))
                                          .Max(new DateTime(2025, 8, 31))
                                          .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)
                                            .Format(System.Configuration.ConfigurationManager.AppSettings["dateFormat"])
                                            .Value(new DateTime(2025, 8, 31))
                                         //     .Max(DateTime.Now)
   .Max(new DateTime(2025, 8, 31))
                                                //.Enable(false)
                                            .HtmlAttributes(new { @class = "kendo-make-readonly", type = "text" })
                                        )
                                    </td>
                                </tr>
                                <tr id="trorganization">
                                    <td class="tableCelllabel">
                                        <span class="darktxt">Organization</span>
                                    </td>
                                    <td class="tableCellinfo darktxt">
                                        @(Html.Kendo().ComboBox()
                                        .SelectedIndex(0)
                                                //.Events(
                                                //e => e.Change("onSelectState")
                                                //    )
                                        .Name("OrganizationName")
                                        .Filter("contains")
                                        .DataTextField("Text")
                                        .DataValueField("Value")
                                        .BindTo(Model).Suggest(true)
                                        )
                                    </td>

                                </tr>
                                
                                <tr id="trvehicle_type">
                                    <td class="tableCelllabel">
                                        <span class="darktxt">Vehicle Type</span>
                                    </td>
                                    <td class="tableCellinfo darktxt SelectDD">
                                        <select id="ddVehicleType" name="vehicleType" style="width: 150px;">
                                            <option value="">-All-</option>
                                        </select>
                                    </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" id="btngetReportConsolidate" value="Get Report" class="button_blue custom_postool_btn" onclick="getReport()" />
                <input type="button" value="Quick Download" class="button_blue custom_blueBtn" onclick="exportReportCSV()" title="Quick Download" style="margin:-2px 7px" />
            </div>
        </div>
    </div>
</div>
<div class="size75 right" id="dvmain">
    <div class="window">
        <div class="titlebar">
            <div class="title fleft">
                Consolidated Report
            </div>
        </div>
        <div id="divDetail" class="innerWindow">
            <div class="tabs">
                <ul>
                    <li id="tab_eosCallContribution" class="tabUlLi selected">Consolidated Report</li>
                    <li id="tab_Chart" class="tabUlLi">Graphical View</li>
                </ul>
            </div>
            <div class="fleft" title="Download As Excel" onclick="exportReport();" style="display: none;"></div>
            <div class="excelIcon fleft" title="Quick Download" onclick="exportReportCSV();" style="display: none; background-image: url(/Content/css/images/icons/quick-download.png) !important;"></div>
            <div class="clear"></div>
            <div class="content overflow top31_withtabbar">
                <div id="divGrid">
                    <div class="no_data" style="top: 0%;">
                        <span>
                            <p class="fs16">Please select filters and press Get Report button to view report</p>
                        </span>
                    </div>
                </div>
                <div id="divGrid_Chart">
                    <div class="no_data" style="top: 0%;">
                        <span>
                            <p class="fs16">Please select filters and press Get Report button to view report</p>
                        </span>
                    </div>
                </div>
            </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
    //    });
    //});

	 $(document).ready(function () {
    var params = new URL(document.location.toString()).searchParams;
    var name = params.get("reassigntickets");
         var nameDTC = params.get("DTCReport");
		    var startDatePicker = $("#startDate").data("kendoDatePicker");
    var endDatePicker = $("#endtDate").data("kendoDatePicker");
    if (name == "yes") {

        $("#btngetReportConsolidate").hide();
        $("#divDetail").hide();
 $("#trorganization").hide();
  $("#trvehicle_type").hide();
 $("#dvmain").hide();

}
         if (nameDTC == "Download") {

             $("#btngetReportConsolidate").hide();
             $("#divDetail").hide();
             $("#trorganization").hide();
             $("#trvehicle_type").hide();
             $("#dvmain").hide();


         }

         
    });
</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>