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

<div class="sizefull">
    <div class="window">
        <div class="titlebar">
            <div class="title">
                Report - Close Ticket
            </div>
        </div>
        <div class="right">
           
        </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="tableCelllabel">
                                        <span class="darktxt">Product Type</span>
                                    </td>
                                    <td class="tableCellinfo darktxt SelectDD">
                                        <select id="ddFilterType" name="filterType" style="width: 150px;">
                                            <option value="Close">All</option>
                                            <option value="EPS">EPS</option>
                                            <option value="SCV">SCV</option>
                                            <option value="LCV">LCV</option>
                                            <option value="Electric">Electric</option>
                                        </select>
                                    </td>
                        
                        <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="getCloseTicketHistory()" style="width: auto; margin: 0 0 0 7px; line-height: 9px; overflow: hidden; height: 26px;">
 <div class="excelIcon fright" title="Download As Excel" onclick="exportReport();" style="display: block;"></div>                       
					   </td>
                    </tr>
                </table>
            </div>
            <div class="clear"></div>
        </div>
        <div id="divGrid">
           <div class="no_data" style="top: 0%;    margin-top: 57px;">
                        <span>
                            <p class="fs16">Please select filters and press Get Report button to view report</p>
                        </span>
                    </div>
        </div>
    </div>
</div>
</div>

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

<script>
    var userId = '@ViewBag.Userid';
    var _userRole = '@ViewBag.UserRole';

     var UtcMinutes = '@ViewBag.UtcMinutes';
    var securityToken = '@ViewBag.SecurityToken';

    function filtereport() {
        var strtype = "Close";
        if (document.getElementById('rdoSCV').checked) {

            strtype = "Close,SCV";
        }
        else if (document.getElementById('rdoAll').checked) {
            strtype = "Close";
        }
        else if (document.getElementById('rdoEPS').checked) {
            strtype = "Close,EPS";
        }

        else if (document.getElementById('rdoLCV').checked) {
            strtype = "Close,LCV";
        }
        else if (document.getElementById('rdoElectric').checked) {
            strtype = "Close,Electric";
        }



        $.ajax({
            type: "POST",
            url: "/Report/Ticket_Close_Grid/",
            data: { userId: userID, startDate: startDate, endDate: endDate, ticketStatus: "close", isTicketScore: isTicketScore, TicketType: strtype },
            success: function (data) {
                $('#divGrid').show();
                $("#divGrid").html(data);
            }
        });

    }
</script>

<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.google.com/maps/api/js?sensor=false&client=gme-teramatrix&v=3.20'></script>*@
@{

    var mapApiKey = System.Configuration.ConfigurationManager.AppSettings["GoogleId"];
    //(mapApiKey);
    var src1 = "https://maps.google.com/maps/api/js?sensor=false&v=3.20&type=restaurant,establishment,fire_station&key=" + mapApiKey;
}
<script src="@src1"></script>
@Scripts.Render("~/closeticket/jsTicketCloseReport")
@*<script src="~/Scripts/Report/reportTicketClose.js"></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;
    }
	.no_data_close {
    color: #666;
    border-top: 1px solid #c5c5c5;
    margin-top: 47px;
    position: absolute;
    height: 93%;
    width: 100%;
    left: 0;
}
</style>