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

<div class="sizefull">
    <div class="window">
        <div class="titlebar">
            <div class="title">
                Report - Fleet Manager Close Ticket
            </div>
            <div class="right">
                <div class="excelIcon fright" title="Download As Excel" onclick="exportReport();" style="display: block;"></div>
                @*<div class="excelIcon" title="Download As Excel"></div>*@
                @*<div class="pdfIcon" title="Download As PDF" onclick="exportTaxTrending();"></div>*@
            </div>
        </div>
        <div class="innerWindow">
            <div id="divDateTimeArea">
                <div class="fleft activeService" id="selectedService"></div>
                <div class="fright">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td class="DatePickerLabel">Start Date</td>
                            <td>@(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>
                            <td class="DatePickerLabel">&nbsp; End Date</td>
                            <td>@(Html.Kendo().DatePicker()
              .Name("endtDate")
              .Start(CalendarView.Month)
              .Depth(CalendarView.Month)
              .Format(System.Configuration.ConfigurationManager.AppSettings["dateFormat"])
              .Value(DateTime.Now)
              .Max(DateTime.Now)
               .HtmlAttributes(new { @class = "kendo-make-readonly", type = "text" })
              )
                            </td>
                            <td>
                                <input type="button" value="Get Report" class="button_blue" onclick="getKamCloseTicketHistory()" style="width: auto; margin: 0 0 0 7px; line-height: 9px; overflow: hidden; height: 26px;">
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="clear"></div>
            </div>
            <div id="divGrid">
            </div>
        </div>
    </div>
</div>

@*Popup dialog box div *@
<div id="divTicketDetails" style="display: none;"></div>

<script>
    var userId = '@ViewBag.Userid';
    var _userRole = '@ViewBag.UserRole';
</script>
@{
   
    var mapApiKey = System.Configuration.ConfigurationManager.AppSettings["GoogleId"];
    //(mapApiKey);
    var src1 = "https://maps.google.com/maps/api/js?sensor=false&type=restaurant,establishment,fire_station&key="+mapApiKey;
}
<script src="@src1"></script>
<style>
    .TicketReportDetails_Window {
        width: 90% !important;
        height: 85%;
        /*top: 3% !important;
        left: 5% !important;*/
    }

    /*-- end of search slider --*/
    .activeService {
        color: #4a8bc2;
        font-weight: bold;
        text-decoration: none;
        margin: 4px 0 0 5px;
    }

    .k-grid-resolutionSla img {
        position: relative;
        left: 34%;
    }

    a.k-button.k-button-icontext.k-grid-TicketDetails {
        background-color: #1b3f94 !important;
        color: #fff !important;
        position: relative;
        left: 29%;
    }

        a.k-button.k-button-icontext.k-grid-TicketDetails:hover {
            opacity: 0.85;
        }

    .CloseTicketWrapper table tbody {
        text-align: center;
    }

    .k-link:link {
        text-align: center !important;
    }

</style>