@model  GODATA.Models.Report.TollFreeCallAndOpportunityLoss
@if (Model != null && Model.OpportunityLoss != null && Model.TollFreeCall != null)
{
    <div id="OppotunityLossDiv">
        <div>
            @if (Model.OpportunityLoss.EosOpportunityLoss != null && Model.OpportunityLoss.EosOpportunityLoss.Count() > 0)
            {
 
                @(Html.Kendo().Chart().Name("OppotunityLossChart").Theme("Bootstrap").Title("")
        //.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.OpportunityLoss.EosOpportunityLoss.Select(s => s.)).Name("Hd %");
                series.Column(new object[] { 
                    Model.OpportunityLoss.EosOpportunityLoss[0].LocalTechCome,
                    Model.OpportunityLoss.EosOpportunityLoss[0].DealerTakingTooMuchTime,
                    Model.OpportunityLoss.EosOpportunityLoss[0].Other,
                    Model.OpportunityLoss.EosOpportunityLoss[0].EosChargesHigh
                    //Model.OpportunityLoss.EosOpportunityLoss[0].GrandTotal
                });
            })
        //.CategoryAxis(axis => axis.Categories(Model.OpportunityLoss.Select(s => s.MonthName)).MajorGridLines(lines => lines.Visible(false)).Labels(labels => labels.Rotation(-30)))
            .CategoryAxis(axis => axis
            .Name("Region")
            .Categories("Local tech came himself & repair the vehicle", "Dealer taking too much time", "Others", "EOS Charges is high")
            .MajorGridLines(lines => lines.Visible(false))
            .Labels(labels => labels.Rotation(-10))
            )
            .ValueAxis(axis => axis.Numeric().Title("No.").Labels(labels => labels.Format("{0}").Step(2)).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.OpportunityLoss.EosOpportunityLoss != null && Model.OpportunityLoss.EosOpportunityLoss.Count() > 0)
            {
                <table class="customTable" id="TollFreeNoGrid">
                    <thead>
                        <tr>
                            <th class="redTh" colspan="6" rowspan="1">EOS - OPPORTUNITY LOSS</th>
                        </tr>
                        <tr>
                            <th class="lightGreyTh" colspan="1" rowspan="2">REGION</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Local tech came himself and repair the vehicle</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Dealer taking too much time</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Others</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">EOS Charges is high</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Grand Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model.OpportunityLoss.EosOpportunityLoss)
                        {                                
                            <tr>
                                <td class="">@item.Region</td>
                                <td class="">@item.LocalTechCome</td>
                                <td class="">@item.DealerTakingTooMuchTime</td>
                                <td class="">@item.Other</td>
                                <td class="">@item.EosChargesHigh</td>
                                <td class="">@(Convert.ToInt16(item.LocalTechCome) + Convert.ToInt16(item.DealerTakingTooMuchTime) + Convert.ToInt16(item.Other) + Convert.ToInt16(item.EosChargesHigh))</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="TollFreeNoDiv">
        <div>
            @if (Model.TollFreeCall.EosTollFreeCallSource != null && Model.TollFreeCall.EosTollFreeCallSource.Count() > 0)
            {
 
                @(Html.Kendo().Chart().Name("TollFreeNoChart").Theme("Bootstrap").Title("EOS – Toll Free No.")
            .Legend(legend => legend.Position(ChartLegendPosition.Right))
            .ChartArea(chartArea => chartArea.Background("transparent").Height(300))
            .SeriesDefaults(seriesDefaults => seriesDefaults.Line().Style(ChartLineStyle.Smooth))
            .Series(series =>
            {
                foreach (GODATA.Models.Report.EosTollFreeCallSource item in Model.TollFreeCall.EosTollFreeCallSource)
                {
                    series.Column(new object[]{
                    item.VehicleSticker,
                    item.Dealer,
                    item.ServiceBook,
                    item.AlreadyAware,
                    item.Owner,
                    item.Other,
                    item.SMS,
                    item.CoDriver,
                    item.Maanger,
                    item.Internet
                    //item.GrandTotal)
                    })
                    .Name(item.MonthName.ToString());
                }
            })
        //.CategoryAxis(axis => axis.Categories(Model.OpportunityLoss.Select(s => s.MonthName)).MajorGridLines(lines => lines.Visible(false)).Labels(labels => labels.Rotation(-30)))
            .CategoryAxis(axis => axis
            .Name("Region")
            .Categories("Vehicle Sticker", "Dealer", "Service Book", "Already Aware", "Owner", "Other", "Sms", "Co-Driver", "Manager", "Internet")
            .MajorGridLines(lines => lines.Visible(false))
            .Labels(labels => labels.Rotation(-10))
            )
            .ValueAxis(axis => axis.Numeric().Title("No.").Labels(labels => labels.Format("{0}").Step(2)).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.TollFreeCall.EosTollFreeCallSource != null && Model.TollFreeCall.EosTollFreeCallSource.Count() > 0)
            {
                <table class="customTable" id="OppotunityLossGrid">
                    <thead>
                        <tr>
                            <th class="redTh" colspan="12" rowspan="1">HOW DO YOU KNOW EOS TOLL FREE NO.</th>
                        </tr>
                        <tr>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Month</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Vehicle Sticker</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Dealer</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Service Book</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Already Aware</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Owner</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Other</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Sms</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Co-Driver</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Manager</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Internet</th>
                            <th class="lightGreyTh" colspan="1" rowspan="2">Grand Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model.TollFreeCall.EosTollFreeCallSource)
                        {                                
                            <tr>
                                <td class="">@item.MonthName</td>
                                <td class="">@item.VehicleSticker</td>
                                <td class="">@item.Dealer</td>
                                <td class="">@item.ServiceBook</td>
                                <td class="">@item.AlreadyAware</td>
                                <td class="">@item.Owner</td>
                                <td class="">@item.Other</td>
                                <td class="">@item.SMS</td>
                                <td class="">@item.CoDriver</td>
                                <td class="">@item.Maanger</td>
                                <td class="">@item.Internet</td>
                                <td class="">@item.GrandTotal</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>