@model  GODATA.Models.Report.ReasonForClosureMoreThan24HrsHdLmd
@if (Model != null && Model.HdLmdBusCallCLoserModel != null && Model.ReasonCallClosedBeyond24Hrs != null)
{
    <div id="HdLmdBusCallCLoserDiv">
        <div class="leftspace">
            @if (Model.HdLmdBusCallCLoserModel.HdLmdBusCallCLoser != null && Model.HdLmdBusCallCLoserModel.HdLmdBusCallCLoser.Count() > 0)
            {

                for (int index = 0; index < Model.HdLmdBusCallCLoserModel.HdLmdBusCallCLoser.Count(); index++)
                {
                @(Html.Kendo().Chart().Name("HdLmdBusCallCLoserChart" + index).Theme("Bootstrap").Title(Model.HdLmdBusCallCLoserModel.HdLmdBusCallCLoser[index].Product.ToString())
                    .Legend(legend => legend.Position(ChartLegendPosition.Bottom))
                    .ChartArea(chartArea => chartArea.Background("transparent").Height(250).Width(379))
                    .SeriesDefaults(seriesDefaults => seriesDefaults.Line().Style(ChartLineStyle.Smooth))
                    .Series(series =>
                    {
                        series.Pie(new dynamic[] {
                        new {category="Call Closed < 24hrs %",value=Model.HdLmdBusCallCLoserModel.HdLmdBusCallCLoser[index].CallPercentageLess24Hrs, color="#3D9C36"},
                        new {category="Call closed > 24hrs %",value=Model.HdLmdBusCallCLoserModel.HdLmdBusCallCLoser[index].CallPercentageBeyond24Hrs,color="#B63838"},
                    })
                    .Labels(labels => labels
                        .Template("#= category #: \n #= value#%")
                        .Background("transparent")
                        .Visible(false)
                    )
                    .StartAngle(150);
                    })
                     .Tooltip(tooltip => tooltip
                    .Visible(true)
                    .Format("{0}%")
                    ))
                }
            }
            else
            {

            }
            <div class="clear"></div>
        </div>
        <div class="InfraTable_WrpOutage">
            @if (Model.HdLmdBusCallCLoserModel.HdLmdBusCallCLoser != null && Model.HdLmdBusCallCLoserModel.HdLmdBusCallCLoser.Count() > 0)
            {
                <table class="customTable" id="TollFreeNoGrid">
                    <thead>
                        <tr>
                            <th class="redTh" colspan="6" rowspan="1">LMD and HD - Call Closure %</th>
                        </tr>
                        <tr>
                            <th colspan="6" rowspan="1"></th>
                        </tr>
                        <tr>
                            <th class="redTh" colspan="1" rowspan="2">Product</th>
                            <th class="redTh" colspan="1" rowspan="2">Total Call</th>
                            <th class="redTh" colspan="1" rowspan="2"><24hrs</th>
                            <th class="redTh" colspan="1" rowspan="2">>24hrs</th>
                            <th class="redTh" colspan="1" rowspan="2">Call Closed < 24hrs %</th>
                            <th class="redTh" colspan="1" rowspan="2">Call closed >24hrs %</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model.HdLmdBusCallCLoserModel.HdLmdBusCallCLoser)
                        {                                
                            <tr>
                                <td class="">@item.Product</td>
                                <td class="">@item.TotalCallCount</td>
                                <td class="">@item.CallCountLess24Hrs</td>
                                <td class="">@item.CallCountBeyond24Hrs</td>

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

                                @if (item.CallPercentageBeyond24Hrs_.ToString() == "-")
                                {
                                    <td class="">@item.CallPercentageBeyond24Hrs_</td>
                                }
                                else if (Convert.ToDouble(item.CallPercentageBeyond24Hrs_) < 75.00)
                                {
                                    <td class="redTd">@item.CallPercentageBeyond24Hrs_</td>
                                }
                                else if ((Convert.ToDouble(item.CallPercentageBeyond24Hrs_) >= 75.00) && @Convert.ToDouble(item.CallPercentageBeyond24Hrs_) <= 90.00)
                                {
                                    <td class="yellowTd">@item.CallPercentageBeyond24Hrs_</td>
                                }
                                else if (Convert.ToDouble(item.CallPercentageBeyond24Hrs_) > 90.00)
                                {
                                    <td class="greenTd">@item.CallPercentageBeyond24Hrs_</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="ReasonCallClosedBeyond24HrsDiv">
        <div>
            @if (Model.ReasonCallClosedBeyond24HrsForChart.ReasonWiseCallClosedBeyond24Hrs != null && Model.ReasonCallClosedBeyond24HrsForChart.ReasonWiseCallClosedBeyond24Hrs.Count() > 0)
            {
 
                @(Html.Kendo().Chart().Name("ReasonCallClosedBeyond24HrsChart").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.ReasonCallClosedBeyond24HrsForChart.ReasonWiseCallClosedBeyond24Hrs.Select(s => s.HD)).Name("Hd");
                series.Line(Model.ReasonCallClosedBeyond24HrsForChart.ReasonWiseCallClosedBeyond24Hrs.Select(s => s.Buses)).Name("Buses");
                series.Line(Model.ReasonCallClosedBeyond24HrsForChart.ReasonWiseCallClosedBeyond24Hrs.Select(s => s.LMD)).Name("Lmd");
            })
            .CategoryAxis(axis => axis.Categories(Model.ReasonCallClosedBeyond24HrsForChart.ReasonWiseCallClosedBeyond24Hrs.Select(s => s.Reason)).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>
        <div class="InfraTable_WrpOutage">
            @if (Model.ReasonCallClosedBeyond24Hrs.ReasonWiseCallClosedBeyond24Hrs != null && Model.ReasonCallClosedBeyond24Hrs.ReasonWiseCallClosedBeyond24Hrs.Count() > 0)
            {
                <table class="customTable" id="OppotunityLossGrid">
                    <thead>
                        <tr>
                            <th class="redTh" colspan="4" rowspan="1">Reason for Call closed beyond 24hrs</th>
                        </tr>
                        <tr>
                            <th colspan="4" rowspan="1"></th>
                        </tr>
                        <tr>
                            <th class="redTh" colspan="1" rowspan="1">Reasons</th>
                            <th class="redTh" colspan="1" rowspan="1">Hd</th>
                            <th class="redTh" colspan="1" rowspan="1">Buses</th>
                            <th class="redTh" colspan="1" rowspan="1">Lmd</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model.ReasonCallClosedBeyond24Hrs.ReasonWiseCallClosedBeyond24Hrs)
                        {                                
                            <tr>
                                <td class="">@item.Reason</td>
                                <td class="">@item.HD</td>
                                <td class="">@item.Buses</td>
                                <td class="">@item.LMD</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>