@model  GODATA.Models.Report.EosCallCount
@if (Model != null && Model.EosList != null && Model.EosList.Count() > 0)
{
    <div>
        @if (Model != null && Model.EosList != null && Model.EosList.Count() > 0)
        {
 
            @(Html.Kendo().Chart().Name("EosCallCountChart").Theme("Bootstrap").Title("EOS Call Count")
            .Legend(legend => legend.Position(ChartLegendPosition.Right))
            .ChartArea(chartArea => chartArea.Background("transparent").Height(300))
            .SeriesDefaults(seriesDefaults => seriesDefaults.Line().Style(ChartLineStyle.Smooth))
            .Series(series =>
            {
                series.Line(Model.EosList.Select(s => s.NoOfCalls)).Name("No. of Calls");
                series.Line(Model.EosList.Select(s => s.Top23Reach2Hrs)).Name("Top 23 - No. of calls with 1st reach < 2 hrs");
                series.Line(Model.EosList.Select(s => s.NonTop23Reach2Hrs)).Name("Non Top 23 - No. of calls with 1st reach < 2 hrs");
                series.Line(Model.EosList.Select(s => s.ArtTop23)).Name("Top 23 - Average Response time");
                series.Line(Model.EosList.Select(s => s.ArtNonTop23)).Name("Non Top 23 - Average Response time");
                series.Line(Model.EosList.Select(s => s.Top23CallsClosed24Hrs)).Name("Top 23 - Calls Closed < 24 hrs ");
                series.Line(Model.EosList.Select(s => s.NonTop23CallsClosed24Hrs)).Name("Non Top 23 - Calls Closed < 24 hrs ");
            })
            .CategoryAxis(axis => axis.Categories(Model.EosList.Select(s => s.MonthName)).MajorGridLines(lines => lines.Visible(false)).Labels(labels => labels.Rotation(-30)))
            .ValueAxis(axis => axis.Numeric().Title("NOS").Labels(labels => labels.Format("{0}").Step(4)).Line(line => line.Visible(false)).AxisCrossingValue(-10))
            .Tooltip(tooltip => tooltip.Visible(true).Template("#= category # - #= kendo.format('{0:0}', value)#"))
            .HtmlAttributes(new { style = "width:100%;height:100%;", @class = "revenue-kendo-chart" }))
        }
        else
        {
@*<div class="no_data" style="top: 0%;">
                <span>
                    <p class="fs16">No data available on selected filter !!!</p>
                    <p>Please select different filter.</p>
                </span>
            </div>*@
        }
    </div>
    <div class="InfraTable_WrpOutage">
        @if (Model != null && Model.EosList != null && Model.EosList.Count() > 0)
        {
            <table class="customTable" id="eosCallCountGrid">
                <thead>
                    <tr>
                        <th class="brownTh" colspan="1" rowspan="3">Month</th>
                        <th class="brownTh" colspan="1" rowspan="3">No. of Calls</th>
                        <th class="yellowTh" colspan="1">Top 23</th>
                        <th class="yellowTh" colspan="1">Non Top 23</th>
                        <th class="yellowTh" colspan="1">Top 23</th>
                        <th class="yellowTh" colspan="1">Non Top 23</th>
                        <th class="yellowTh" colspan="1">Top 23</th>
                        <th class="yellowTh" colspan="1">Non Top 23</th>
                    </tr>
                    <tr>
                        <th class="yellowTh" colspan="1" rowspan="2">No. of calls with 1st reach < 2 hrs</th>
                        <th class="yellowTh" colspan="1" rowspan="2">No. of calls with 1st reach < 2 hrs</th>
                        <th class="yellowTh" colspan="2" rowspan="2">Average Response time(in min)</th>
                        <th class="yellowTh" colspan="2" rowspan="2">Calls Closed < 24 hrs </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in Model.EosList)
                    {                                
                        <tr>
                            <td class="">@item.MonthName</td>
                            <td class="">@item.NoOfCalls</td>
                            <td class="">@item.Top23Reach2Hrs</td>
                            <td class="">@item.NonTop23Reach2Hrs</td>

                            @if (item.ArtTop23.ToString() == "-")
                            {
                                <td class="">@item.ArtTop23</td>
                            }
                            else if (Convert.ToDouble(item.ArtTop23) > 120.00)
                            {
                                <td class="redTd">@item.ArtTop23</td>
                            }
                            else if (Convert.ToDouble(item.ArtTop23) <=120.00)
                            {
                                <td class="greenTd">@item.ArtTop23</td>
                            }

                            @if (item.ArtNonTop23.ToString() == "-")
                            {
                                <td class="">@item.ArtNonTop23</td>
                            }
                            else if (Convert.ToDouble(item.ArtNonTop23) > 120.00)
                            {
                                <td class="redTd">@item.ArtNonTop23</td>
                            }
                            else if (Convert.ToDouble(item.ArtNonTop23) <= 120.00)
                            {
                                <td class="greenTd">@item.ArtNonTop23</td>
                            }

                            <td class="">@item.Top23CallsClosed24Hrs</td>
                            <td class="">@item.NonTop23CallsClosed24Hrs</td>
                        </tr>
                    }
                </tbody>
            </table>
        }
        else
        {
            <div class="no_data" style="top: 0%;">
                <span>
                    <p class="fs16">No data available on selected filter !!!</p>
                    <p>Please select different filter.</p>
                </span>
            </div>
        }

    </div>
}
<script type="text/javascript">
    //showHideMessage();
</script>