@{
    ViewBag.Title = System.Configuration.ConfigurationManager.AppSettings["TitleTollFreeAndOpportunityLoss"];
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@*<div id="div_load">
    <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">Select Year</span>
                                    </td>
                                    <td class="tableCellinfo darktxt">
                                        @(Html.Kendo().DatePicker()
                                          .Name("fromDatePicker")
                                          .Format("yyyy")
                                          .Value(DateTime.Now)
                                          .Start(CalendarView.Decade)
                                          .Depth(CalendarView.Decade)
                                          .HtmlAttributes(new { style = "width:200px", type = "text" })
                                          )
                                    </td>
                                </tr>
                                @*<tr>
                                    <td class="tableCelllabel">
                                        <span class="darktxt">To</span>
                                    </td>
                                    <td class="tableCellinfo darktxt">
                                        @(Html.Kendo().DatePicker()
                                          .Name("toDatePicker")
                                          .Format("dd MMMM yyyy")
                                          .Start(CalendarView.Year)
                                          .Depth(CalendarView.Year)
                                          .Value(DateTime.Now)
                                          .HtmlAttributes(new { style = "width:200px", type = "text" })
                                          )
                                    </td>
                                </tr>*@
                                <tr>
                                    <td class="tableCelllabel">
                                        <span class="darktxt">State</span>
                                    </td>
                                    <td class="tableCellinfo darktxt">
                                        <input id="stateCombobox" style="width: 200px;" />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tableCelllabel">
                                        <span class="darktxt">City</span>
                                    </td>
                                    <td class="tableCellinfo darktxt">
                                        <input id="cityCombobox" style="width: 200px;" />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tableCelllabel">
                                        <span class="darktxt ">Dealer</span>
                                    </td>
                                    <td class="tableCellinfo darktxt">
                                        <input id="dealerCombobox" style="width: 200px;" />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="statusbar">
                <input type="button" value="Submit" class="button_blue custom_postool_btn" onclick="showReport()" />
            </div>
        </div>
    </div>
</div>
<div class="size75 right">
    <div class="window">
        <div class="titlebar">
            <div class="title fleft">
                Toll Free No. and Opportunity Loss Report
            </div>
        </div>
        <div id="divDetail" class="innerWindow">
            <div class="tabs">
                <ul>
                    <li id="tab_OppotunityLoss" class="tabUlLi">Opportunity Loss</li>
                    <li id="tab_TollFreeNo" class="tabUlLi">Toll Free No.</li>
                </ul>
                @*<ul>
                    <li class="tabUlLi selected">LMD & HD – Call Closed % Within 24hrs</li>
                </ul>*@
            </div>
            <div class="excelIcon fleft" title="Download As Excel" onclick="exportReport();" style="display:none"></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 submit button to view report</p>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@*<script src="@Url.Content("~/Scripts/Report/tollFreeAndOpportunityLoss.js")" type="text/javascript"></script>*@
@Scripts.Render("~/bundles/jstollFreeAndOpportunityLoss")
<script type="text/javascript">
    var securityToken = '@ViewBag.SecurityToken';
    var UtcMinutes = '@ViewBag.UtcMinutes';
    var userId = '@ViewBag.Userid';
</script>