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

@*@Html.ValidationSummary(true)*@
<div id="div_load">
    <img src="../../Content/images/13.gif" style="position: absolute; top: 44%; left: 48%; z-index: 100000 !important;" />
</div>
<div class="size25 Pull30 left" id="leftPanel">
    <div class="window">
        <div class="titlebar">
            <div class="title">
                Customer List
            </div>
        </div>
        <div class="innerWindow">
            <div class="menubar">
                <div class="searchBox" title="Quick Search">
                    <div class="inputBox">
                        <input type="text" id="txtSearchOwnerList" />
                    </div>
                    <div class="sIcon">
                        <div id="btnSearchCancel" style="display: none;">
                            <span class="k-icon k-delete Close_Search"></span>
                        </div>
                        <div id="btnSearch">
                            <img border="0" src="@Url.Content("~/Content/images/search-icon.png")" alt="Search"/>
                        </div>
                    </div>

                </div>
            </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">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">State</span>
                                    </td>
                                    <td class="tableCellinfo darktxt">
                                        <input id="stateCombobox" placeholder="State" style="width: 200px;" />
                                        <span id="spanState" class="error" style="display: none; color: red">*</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tableCelllabel">
                                        <span class="darktxt">Search</span>
                                    </td>
                                    <td class="tableCellinfo darktxt fleet_combo">
                                        <div class="form">
                                            <input id="srchText" style="width: 200px;" />
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="divOwnerList">
                </div>
            </div>
            <div class="statusbar">
                <input id="btnGetOwnerNmae" type="button" value="Search" onclick="getOwnerList();" class="button_blue custom_postool_btn" />
            </div>
        </div>
    </div>
</div>
<div class="size75 Pull70 right" id="rightPanel">
    <div class="window">
        <div class="titlebar">
            <div class="title">
                Customer Report
            </div>
        </div>
        <div id="divDetail" class="innerWindow">
            <div class="tabs">
                <ul>
                    <li id="tab_eosCallContribution" class="tabUlLi selected">Customer Report</li>
                </ul>
            </div>
            <div class="excelIcon fleft" title="Download As Excel" onclick="exportReport();" style="display: none"></div>
            <div class="clear"></div>
            <div class="content 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>
@*<link href="~/Content/css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />*@
@Scripts.Render("~/bundles/jsCustomerReport")
@*<script src="~/Scripts/Report/customerReport.js"></script>*@
<script type="text/javascript">

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

</script>
<style type="text/css">
    .k-edit-buttons .k-button:hover, .K-btn-active { background: -webkit-linear-gradient(top, #e3e3e3, #fcfcfc); background: -moz-linear-gradient(top, #e3e3e3, #fcfcfc); background: -ms-linear-gradient(top, #e3e3e3, #fcfcfc); background: linear-gradient(top, #e3e3e3, #fcfcfc); }

    .Close_Search { margin-top: -2px; }

    .sIcon div:hover { cursor: pointer; }

    .toolOpener .toolPopupBox { top: 25px; left: -2px; }

    #btnSearch { opacity: 0.70; }

        #btnSearch:hover { opacity: 1; }

    .Inventory_curdBtn { height: 20px; margin-bottom: -5px; margin-left: 2px; font-size: 11px; line-height: 14px; border-radius: 2px; }

    /*.k-button {
        background: #fcfcfc;
        background: -webkit-linear-gradient(top, #fcfcfc, #e3e3e3);
        background: -moz-linear-gradient(top, #fcfcfc, #e3e3e3);
        background: linear-gradient(top, #fcfcfc, #e3e3e3);
        color: #505050 !important;
    }*/

    /*.k-filter-menu .k-button {
        background-color: #1b3f94 !important;
        color: #fff !important;
        text-indent: 0;
    }*/

    .k-button-icontext .k-icon-small { vertical-align: top; margin-top: -1px !important; margin-left: -6px; }

    .k-button:hover { background: #e3e3e3; background: -webkit-linear-gradient(top, #e3e3e3, #fcfcfc); background: -moz-linear-gradient(top, #e3e3e3, #fcfcfc); background: linear-gradient(top, #e3e3e3, #fcfcfc); }

    .themeTable tbody td { text-align: left !important; line-height: 32px; }

    select { width: 63%; }

    .themeTable th { background: #ee2e22; border-top: 1px solid #dedede; line-height: 32px; }

        .themeTable th span { color: #fff; }

    div.text_clear_button { background: url(../../Content/css/images/clear_cross.png); width: 11px; height: 11px; margin: 0; padding: 0; z-index: 2; position: absolute; cursor: pointer; }

    #gridOwnerList table tbody td { text-align: left !important; }

    /*#gridOwnerList table thead th{
        text-align: left !important;
    }*/

    .structureTD .structureTD:nth-child(odd) { }

    #divOwnerList .k-grid-content { height: 387px !important; }

    .OpenTicket_Tbl .k-grid-content { height: 522px !important; }
</style>