@model IEnumerable<GODATA.Models.TicketAdministration_Dealer.OpenTicketDealerModel>

<div class="">

    <div class="content overflow" id="divDealerOpenCloseTickets">
        @if (Model.Count() > 0 && Model != null)
        {
            <div>
                <h4>Open Ticket</h4>
            </div>
            <table id="tableTicketHistory" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        @*<th class="tableCelllabel">
                            <span class="darktxt">s_no</span>

                        </th>*@
                        <th width="84px">
                            Id
                        </th>
                        <th>
                            Status
                        </th>
                        <th>
                            Resolution SLA (in min)
                        </th>
                        <th>
                            Response SLA (in min)
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in Model)
                    {

                        <tr id="@item.TicketId" data-ticketStatus="open" class="trData">
                            @*<td class="tableCellinfo">
                                 @Html.DisplayFor(modelItem => item.)
                            </td>*@
                            <td width="84px" class="">
                                @Html.DisplayFor(modelItem => item.TicketIdAlias)
                            </td>
                            <td class="">
                                @* @if (item.TicketStatus == 1)
                                {<span>Open</span> }
                                else if (item.TicketStatus == 2)
                                {<span>Assigned</span>}
                                else if (item.TicketStatus == 3)
                                { <span>In Progress</span>}
                                else if (item.TicketStatus == 4)
                                { <span>Pre Closeure</span>}
                                else
                                {<span>Declined</span>}*@

                                @Html.DisplayFor(modelItem => item.TicketStatusAlias)
                            </td>
                            <td class="">
                                @Html.DisplayFor(modelItem => item.DefaultSlTtime)
                            </td>
                            <td class="">
                                @Html.DisplayFor(modelItem => item.TotalTicketLifecycleTimeSla)
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        }
        <div id="dvallocated" style="display:none">
            <h4>Allocated Ticket</h4>
        </div>
        <table id="tableAllocatedHistory" style="display:none" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%">
            <thead>
                <tr>

                    <th width="84px">
                        Id
                    </th>
                    <th>
                        Status
                    </th>
                    <th>
                        Resolution SLA (in min)
                    </th>
                    <th>
                        Response SLA (in min)
                    </th>
                </tr>
            </thead>
            <tbody id="tbodyallocated">
            </tbody>
        </table>


        @if (ViewBag.CloseTicketList.Count > 0 && ViewBag.CloseTicketList != null)
        {
            <div>
                <h4>Close Ticket</h4>
            </div>
            <table id="tableCloseTicketHistory" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%" border="0">
                <thead>
                    <tr>
                        @*<th class="tableCelllabel">
                            <span class="darktxt">s_no</span>

                        </th>*@
                        <th width="84px">
                            Id
                        </th>
                        <th>
                            Status
                        </th>
                        <th>
                            Resolution SLA (in min)
                        </th>
                        <th>
                            Response SLA (in min)
                        </th>
                    </tr>
                </thead>
                <tbody>

                    @foreach (var item2 in (List<GODATA.Models.TicketAdministration_Dealer.CloseTicketDealerModel>)ViewBag.CloseTicketList)
                    {

                        <tr id="@item2.TicketId" data-ticketStatus="close" class="trData select">
                            @*<td class="tableCellinfo">
                                 @Html.DisplayFor(modelItem => item.)
                            </td>*@
                            <td width="84px" class="">
                                @Html.DisplayFor(modelItem => item2.TicketIdAlias)
                            </td>
                            <td class="">
                                @*<span>Close</span>*@
                                @Html.DisplayFor(modelItem => item2.TicketStatusAlias)
                                @*@Html.DisplayFor(modelItem => "Close")*@
                            </td>
                            <td class="">
                                @Html.DisplayFor(modelItem => item2.DefaultSlTtime)
                            </td>
                            <td class="">
                                @Html.DisplayFor(modelItem => item2.TotalTicketLifecycleTimeSla)
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        }
    </div>

    @*<div class="statusbar">*@
        @* <button class="button_blue" onclick="addNewTicket()">Add New Ticket</button>*@
        @*<button class="button_blue" onclick="onBackButtonClick()" style="margin: auto; margin-top: -2px; width: auto">Back</button>*@
        @*<button id="buttonAddNewTicket" class="button_blue" onclick="addNewTicket()" style="margin: auto; margin-top: -2px; width: auto;">Add New Ticket</button>*@
    @*</div>*@


</div>
<script>

    getOpenTicketsHistory();

    getCloseTicketsHistory();
</script>

<style type="text/css">
    .SelectDD {
        padding: 6px 11px;
    }

        .SelectDD select {
            width: 171px;
            padding: 6px 0px;
            font-family: 'HermesFB Regular';
            font-family: Arial;
            text-indent: 3px;
        }

    .themeTable th {
        border-top: 1px solid #dedede;
        background: url("/Content/css/images/infowindow_head-bg.png") repeat-x left top !important;
        padding: 0;
        padding-left: 5px;
        line-height: 13px;
        color: #fff;
        height: 29px;
    }

    .k-button {
        background-color: #dedede !important;
        border-radius: 32px !important;
        padding-top: 0px;
        padding-bottom: 0;
        margin-top: -4px;
        margin-left: 3px;
    }

    .OpenTicketTbl th {
        line-height: normal;
    }

    .TicketListTbl {
        border-left: 1px solid #dedede;
    }

        .TicketListTbl td {
            border-bottom: 1px solid #dedede;
            border-right: 1px solid #dedede;
            padding-left: 10px;
        }

            .TicketListTbl td input, .TicketListTbl td textarea, .TicketListTbl td select {
                width: 75%;
                margin: 5px 3px;
            }

            .TicketListTbl td:first-child {
                background: #f7f7f7;
                width: 135px;
                vertical-align: middle;
            }
</style>