@model  GODATA.Models.Report.HdLmdBusContribution
@if (Model != null)
{
    <div id="EosCallContributionDiv">
        <div>
            @if (Model.HdLmdBusContributionList != null && Model.HdLmdBusContributionList.Count() > 0)
            {
 
                @(Html.Kendo().Chart().Name("EosCallContributionChart").Theme("Bootstrap").Title("EOS – Call Contribution")
            .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.HdLmdBusContributionList.Select(s => s.HdPer)).Name("Hd %");
                series.Line(Model.HdLmdBusContributionList.Select(s => s.BusPer)).Name("Buses %");
                series.Line(Model.HdLmdBusContributionList.Select(s => s.LmdPer)).Name("Lmd %");
            })
            .CategoryAxis(axis => axis.Categories(Model.HdLmdBusContributionList.Select(s => s.MonthName)).MajorGridLines(lines => lines.Visible(false)).Labels(labels => labels.Rotation(-30)))
            .ValueAxis(axis => axis.Numeric().Title("%").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>
        <div class="InfraTable_WrpOutage">
            @if (Model.HdLmdBusContributionList != null && Model.HdLmdBusContributionList.Count() > 0)
            {
                <table class="customTable" id="EosCallContributionGrid">
                    <thead>
                        <tr>
                            <th class="redTh" colspan="8" rowspan="1">EOS – Call Contribution</th>
                        </tr>
                        <tr>
                            <th colspan="8" rowspan="1"></th>
                        </tr>
                        <tr>
                            <th class="redTh" colspan="1" rowspan="2">Month</th>
                            <th class="redTh" colspan="1" rowspan="2">Total Calls</th>
                            <th class="redTh" colspan="1" rowspan="2">Hd</th>
                            <th class="redTh" colspan="1" rowspan="2">Buses</th>
                            <th class="redTh" colspan="1" rowspan="2">Lmd</th>
                            <th class="redTh" colspan="1" rowspan="2">Hd %</th>
                            <th class="redTh" colspan="1" rowspan="2">Buses %</th>
                            <th class="redTh" colspan="1" rowspan="2">Lmd %</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model.HdLmdBusContributionList)
                        {                                
                            <tr>
                                <td class="">@item.MonthName</td>
                                <td class="">@item.TotalCalls</td>
                                <td class="">@item.HDCalls</td>
                                <td class="">@item.BusCalls</td>
                                <td class="">@item.LMDCalls</td>

                                @if (item.HdPer_.ToString() == "-")
                                {
                                    <td class="">@item.HdPer_</td>
                                }
                                else if (Convert.ToDouble(item.HdPer_) < 75.00)
                                {
                                    <td class="redTd">@item.HdPer_</td>
                                }
                                else if ((Convert.ToDouble(item.HdPer_) >= 75.00) && @Convert.ToDouble(item.HdPer_) <= 90.00)
                                {
                                    <td class="yellowTd">@item.HdPer_</td>
                                }
                                else if (Convert.ToDouble(item.HdPer_) > 90.00)
                                {
                                    <td class="greenTd">@item.HdPer_</td>
                                }

                                @if (item.BusPer_.ToString() == "-")
                                {
                                    <td class="">@item.BusPer_</td>
                                }
                                else if (Convert.ToDouble(item.BusPer_) < 75.00)
                                {
                                    <td class="redTd">@item.BusPer_</td>
                                }
                                else if ((Convert.ToDouble(item.BusPer_) >= 75.00) && @Convert.ToDouble(item.BusPer_) <= 90.00)
                                {
                                    <td class="yellowTd">@item.BusPer_</td>
                                }
                                else if (Convert.ToDouble(item.BusPer_) > 90.00)
                                {
                                    <td class="greenTd">@item.BusPer_</td>
                                }

                                @if (item.LmdPer_.ToString() == "-")
                                {
                                    <td class="">@item.LmdPer_</td>
                                }
                                else if (Convert.ToDouble(item.LmdPer_) < 75.00)
                                {
                                    <td class="redTd">@item.LmdPer_</td>
                                }
                                else if ((Convert.ToDouble(item.LmdPer_) >= 75.00) && @Convert.ToDouble(item.LmdPer_) <= 90.00)
                                {
                                    <td class="yellowTd">@item.LmdPer_</td>
                                }
                                else if (Convert.ToDouble(item.LmdPer_) > 90.00)
                                {
                                    <td class="greenTd">@item.LmdPer_</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>
    </div>
    <div id="LmdHdCallClosedPercentWithin24hrsDiv">
        <div>
            @if (Model.HdLmdBusclosedList != null && Model.HdLmdBusclosedList.Count() > 0)
            {
 
                @(Html.Kendo().Chart().Name("LmdHdCallClosedPercentWithin24hrsChart").Theme("Bootstrap").Title("HD, LMD and BUSES – Call Closed % Within 24hrs")
            .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.HdLmdBusclosedList.Select(s => s.HdWithIn24HrsPer)).Name("Within 24Hrs Hd %");
                series.Line(Model.HdLmdBusclosedList.Select(s => s.BusWithIn24HrsPer)).Name("Within 24Hrs Buses %");
                series.Line(Model.HdLmdBusclosedList.Select(s => s.LmdWithIn24HrsPer)).Name("Within 24Hrs Lmd %");
            })
            .CategoryAxis(axis => axis.Categories(Model.HdLmdBusclosedList.Select(s => s.MonthName)).MajorGridLines(lines => lines.Visible(false)).Labels(labels => labels.Rotation(-30)))
            .ValueAxis(axis => axis.Numeric().Title("Count").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>
        <div class="InfraTable_WrpOutage">
            @if (Model.HdLmdBusclosedList != null && Model.HdLmdBusclosedList.Count() > 0)
            {
                <table class="customTable" id="LmdHdCallClosedPercentWithin24hrsGrid">
                    <thead>
                        <tr>
                            <th class="redTh" colspan="13" rowspan="1">HD, LMD and BUSES – Call Closed % Within 24hrs</th>
                        </tr>
                        <tr>
                            <th colspan="13" rowspan="1"></th>
                        </tr>
                        <tr>
                            <th class="redTh" colspan="1" rowspan="3">Month</th>
                            <th class="redTh" colspan="3" rowspan="1">Hd</th>
                            <th class="redTh" colspan="3" rowspan="1">Buses</th>
                            <th class="redTh" colspan="3" rowspan="1">Lmd</th>
                            <th class="redTh" colspan="3" rowspan="1">Within 24Hrs</th>
                        </tr>
                        <tr>
                            <th class="redTh" colspan="1" rowspan="2">Within 24Hrs</th>
                            <th class="redTh" colspan="1" rowspan="2">Beyond 24Hrs</th>
                            <th class="redTh" colspan="1" rowspan="2">Total</th>
                            <th class="redTh" colspan="1" rowspan="2">Within 24Hrs</th>
                            <th class="redTh" colspan="1" rowspan="2">Beyond 24Hrs</th>
                            <th class="redTh" colspan="1" rowspan="2">Total</th>
                            <th class="redTh" colspan="1" rowspan="2">Within 24Hrs</th>
                            <th class="redTh" colspan="1" rowspan="2">Beyond 24Hrs</th>
                            <th class="redTh" colspan="1" rowspan="2">Total</th>
                            <th class="redTh" colspan="1" rowspan="2">Hd %</th>
                            <th class="redTh" colspan="1" rowspan="2">Buses %</th>
                            <th class="redTh" colspan="1" rowspan="2">Lmd %</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model.HdLmdBusclosedList)
                        {                                
                            <tr>
                                <td class="">@item.MonthName</td>
                                <td class="">@item.HdWithIn24Hrs</td>
                                <td class="">@item.HdBeyond24Hrs</td>
                                <td class="">@item.HdTotal</td>
                                <td class="">@item.BusWithIn24Hrs</td>
                                <td class="">@item.BusBeyond24Hrs</td>
                                <td class="">@item.BusTotal</td>
                                <td class="">@item.LmdWithIn24Hrs</td>
                                <td class="">@item.LmdBeyond24Hrs</td>
                                <td class="">@item.LmdTotal</td>

                                @if (item.HdWithIn24HrsPer_.ToString() == "-")
                                {
                                    <td class="">@item.HdWithIn24HrsPer_</td>
                                }
                                else if (Convert.ToDouble(item.HdWithIn24HrsPer_) < 75.00)
                                {
                                    <td class="redTd">@item.HdWithIn24HrsPer_</td>
                                }
                                else if ((Convert.ToDouble(item.HdWithIn24HrsPer_) >= 75.00) && @Convert.ToDouble(item.HdWithIn24HrsPer_) <= 90.00)
                                {
                                    <td class="yellowTd">@item.HdWithIn24HrsPer_</td>
                                }
                                else if (Convert.ToDouble(item.HdWithIn24HrsPer_) > 90.00)
                                {
                                    <td class="greenTd">@item.HdWithIn24HrsPer_</td>
                                }

                                @if (item.BusWithIn24HrsPer_.ToString() == "-")
                                {
                                    <td class="">@item.BusWithIn24HrsPer_</td>
                                }
                                else if (Convert.ToDouble(item.BusWithIn24HrsPer_) < 75.00)
                                {
                                    <td class="redTd">@item.BusWithIn24HrsPer_</td>
                                }
                                else if ((Convert.ToDouble(item.BusWithIn24HrsPer_) >= 75.00) && @Convert.ToDouble(item.BusWithIn24HrsPer_) <= 90.00)
                                {
                                    <td class="yellowTd">@item.BusWithIn24HrsPer_</td>
                                }
                                else if (Convert.ToDouble(item.BusWithIn24HrsPer_) > 90.00)
                                {
                                    <td class="greenTd">@item.BusWithIn24HrsPer_</td>
                                }

                                @if (item.LmdWithIn24HrsPer_.ToString() == "-")
                                {
                                    <td class="">@item.LmdWithIn24HrsPer_</td>
                                }
                                else if (Convert.ToDouble(item.LmdWithIn24HrsPer_) < 75.00)
                                {
                                    <td class="redTd">@item.LmdWithIn24HrsPer_</td>
                                }
                                else if ((Convert.ToDouble(item.LmdWithIn24HrsPer_) >= 75.00) && @Convert.ToDouble(item.LmdWithIn24HrsPer_) <= 90.00)
                                {
                                    <td class="yellowTd">@item.LmdWithIn24HrsPer_</td>
                                }
                                else if (Convert.ToDouble(item.LmdWithIn24HrsPer_) > 90.00)
                                {
                                    <td class="greenTd">@item.LmdWithIn24HrsPer_</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>
    </div>
}
<script type="text/javascript">
    //showHideMessage();
</script>