@*@model IEnumerable<GODATA.Models.Ticket.EscalationModel>*@
@{
    ViewBag.Title = System.Configuration.ConfigurationManager.AppSettings["Title"] + " | Manage Escalation";
    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;">
                Manage Escalation 
            </div>
             <div  style="float:right; margin-top: -5px;  margin-right: 9px;"> 
             <input type="button" value="Create Escalation" id="btnCreateEscalation" onclick="createEscalation()" class="button_blue" style="width: 141px;height: 26px;" />
               </div>
           
        </div>
        <div style="clear:both; float:none;"></div>
        <div class="innerWindow" style="top:47px;">

            @* <div class="tabs">
                <ul id="tabsGroup">
                    <li id="tabOperational" class="tabUlLi selected" rel="relOperational">Details</li>

                </ul>
                <label class="fright" style="margin: -37px 42px 0 0;">
                    <input type="button" value="Create Escalation" id="btnCreateEscalation" onclick="createEscalation()" class="button_blue" style="width: 141px;" />
                </label>
            </div>*@
            @*   <div class="rightButton">*@
            @*<div id="divExport" class="excelIcon fleft" title="Download As Excel" @*onclick="exportToExcel()"*></div>*@
            @* <div class="clear"></div>*@
            @*<div class="excelIcon fright" title="Download As Excel" onclick="exportReport();" style="display: block;"></div>*@
            @*</div>*@


            <div class="tabs">
                <ul style="float: left;" class="tablist">
                    <li id="tabOperational" class="tabUlLi selected" rel="relOperational">Details</li>
                </ul>
              
               
                
               @*   <label class="fleft" style=" margin-right:0px;">
                  <span>Select Dealer - </span>

                       @Html.Kendo().ComboBox().SelectedIndex(0).Events(e => e.Change("onSelectDealer")).Name("DealerId").Filter("contains").DataTextField("Text").DataValueField("Value").BindTo(Model).Suggest(true)
                </label>*@

                   @*<label class="fleft" style=" margin-right:0px;">
                  <span>Select State - </span>

                       @Html.Kendo().ComboBox().SelectedIndex(0).Events(e => e.Change("onSelectState")).Name("StateId").Filter("contains").DataTextField("Text").DataValueField("Value").BindTo(Model).Suggest(true)
                </label>*@

                <label class="fleft" style=" margin-right:0px;">
                  <span>Select Region - </span>

                       @Html.Kendo().ComboBox().SelectedIndex(0).Events(e => e.Change("onSelectState")).Name("StateId").Filter("contains").DataTextField("Text").DataValueField("Value").BindTo(Model).Suggest(true)
                </label>


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

            <div class="content" style="top: 32px">
                <div id="divEscalationDetails">
                    @*@{Html.RenderAction("ManageEscalation_Details", "Ticket");}*@
                </div>
            </div>
        </div>
    </div>
</div>
<div id="divCreateEscalation" style="display: none;"></div>
<div id="divEditEscalation" style="display: none;"></div>



@*<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></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 src="~/Scripts/Ticket/manageEscalation.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;
    }
</style>