@{
  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(DateTime.Now.Year, DateTime.Now.Month, 1))
                                          .Min(new DateTime(2025, 9, 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)
                                            .Format(System.Configuration.ConfigurationManager.AppSettings["dateFormat"])
                                            .Value(DateTime.Now)
											 .Min(new DateTime(2025, 9, 1))
                                            .Max(DateTime.Now)
                                                //.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>
                <tr id="trfilter_type" style="display:none;">
                  <td class="tableCelllabel">
                    <span class="darktxt">Kam File Upload</span>
                  </td>
                  <td class="tableCellinfo darktxt SelectDD">
                    <div style="float: left; padding-top: 2px; width: 18%;">
                      <input type="file" id="fileSelector" name="filename" class="button_blue" style="margin: initial;height:19px; width:100%;" onchange="enableSubmit();" title="Bulk Upload" />
                    </div>
                    <div style="float: left; padding-top: 3px; padding-left: 7px; width:100px;">
                      <input type="submit" id="btnUpload" class="button_blue" style="margin-left:15px; width: 100%; margin-top:0px;" onclick="uploadDelayReason()" value="Upload" disabled="">
                    </div>
                  </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/ConsolidateReportNew.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");
    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>