@*@model IEnumerable<GODATA.Models.Ticket.EscalationModel>*@
@{
    ViewBag.Title = System.Configuration.ConfigurationManager.AppSettings["Title"] + " | Driver Score";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@*<link href="~/Content/css/inventory.css" rel="stylesheet" />*@
<div class="sizefull">
    <div class="window">
        <div class="titlebar" style="height: 37px;">
            <div class="titlenew" style="float: left; margin-right: 15px; line-height: 29px; margin-top: 3px; margin-left: 9px;">
                Driver Score
            </div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="display: none;">
                <tr>
                    <td class="DatePickerLabel">Start Date</td>
                    <td>@(Html.Kendo().DatePicker()
              .Name("scoreStartDate")
              .Start(CalendarView.Month)
              .Depth(CalendarView.Month)
              .Format("dd-MMM-yyyy")
              .Value(DateTime.Now.AddMonths(-1))
              .Max(DateTime.Now)
               .HtmlAttributes(new { @class = "kendo-make-readonly", type = "text" })
                            
              )

                    </td>
                    <td class="DatePickerLabel">&nbsp; End Date</td>
                    <td>@(Html.Kendo().DatePicker()
              .Name("scoreEndtDate")
              .Start(CalendarView.Month)
              .Depth(CalendarView.Month)
              .Format("dd-MMM-yyyy")
              .Value(DateTime.Now)
              .Max(DateTime.Now)
               .HtmlAttributes(new { @class = "kendo-make-readonly", type = "text" })
              )
                    </td>
                    
                </tr>
            </table>

        </div>
        <div style="clear: both; float: none;"></div>
        <div class="innerWindow" style="top: 47px;">


            <div class="tabs">
                <ul id="tabGroup" style="float: left;" class="tablist">
                    <li id="tabVan" class="tabUlLi" rel="relVan">Van</li>
                    <li id="tabDealer" class="tabUlLi" rel="relDealer">Dealer</li>
                    <li id="tabTicket" class="tabUlLi" rel="relTicket">Ticket</li>
                </ul>



            </div>
            <div id="divExport" class="excelIcon fleft" title="Download As Excel" onclick="exportToExcel();" style="display:none;"></div>
            <div class="clear"></div>

            <div class="content" style="top: 32px">
                <div id="divVanDetails" class="divContent" rel="relVan">
                    
                </div>
                <div id="divDealerDetails" class="divContent" rel="relDealer">
                   
                </div>
                <div id="divTicketDetails" class="divContent" rel="relTicket">
                   
                </div>
            </div>
        </div>
    </div>
</div>

<div id="divVansScoreComparePopUp" style="display: none;"></div>
<div id="divDealersScoreComparePopUp" style="display: none;"></div>
<div id="divTicketScoreDetails" style="display: none;"></div>


<link href="~/Content/css/jquery.alerts.css" rel="stylesheet" />
@{
   
    var mapApiKey = System.Configuration.ConfigurationManager.AppSettings["GoogleId"];
    //(mapApiKey);
    var src1 = "https://maps.googleapis.com/maps/api/js?v=3&libraries=geometry&type=restaurant,establishment,fire_station&key="+mapApiKey;
}
<script src="@src1"></script>
<script src="~/Scripts/Report/driverScoreReport.js"></script>
@*@Scripts.Render("~/bundles/jsManageEscalation")*@
<style type="text/css">
    .k-pager-wrap {
        width: 99.72%;
    }

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

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

    .DInv_Tbl_Wrapper table tr td .k-edit {
        margin-right: 5px;
    }

    #spanEmail, #spanPhoneNo {
        /*position: absolute;*/
    }

    .checkboxButton input[type=radio], input[type=checkbox] {
        width: auto;
    }

    .widthComboBox {
        width: 171px;
    }

    #popup_cancel {
        height: 27.2px !important;
        margin-top: 1px !important;
        width: 89px !important;
        margin-right: 2px !important;
    }

    .TicketReportDetails_Window {
        width: 90% !important;
        height: 85%;
        /*top: 3% !important;
        left: 5% !important;*/
    }
</style>