@model  GODATA.Models.Report.CallFeedbackRating
@if (Model != null && Model.CurrentYearEosFeedback != null && Model.PreviousYearEosFeedback != null && Model.CurrentYearEosFeedbackRating != null && Model.PreviousYearEosFeedbackRating != null)
{
    <div id="CallFeedbackParamsDiv">
        <div>
            @if (Model.CurrentYearEosFeedback != null && Model.CurrentYearEosFeedback.Count() > 0)
            {
 
                @(Html.Kendo().Chart().Name("CallFeedbackParamsChart").Theme("Bootstrap").Title("EOS – Opportunity Loss")
            .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.CurrentYearEosFeedback.Select(s => s.Category)).Name("Category");
                series.Column(Model.CurrentYearEosFeedback.Select(s => s.EasyGettingCall)).Name("EASY TO GETTING CALL CENTER");
                series.Column(Model.CurrentYearEosFeedback.Select(s => s.ResponseOfCall)).Name("RESPONSE OF CALL CENTER");
                series.Column(Model.CurrentYearEosFeedback.Select(s => s.TimelyUpdation)).Name("TIMELY UPDATION ON REPAIR STATUS");
                series.Column(Model.CurrentYearEosFeedback.Select(s => s.RepairTime)).Name("REPAIR TIME");
                series.Column(Model.CurrentYearEosFeedback.Select(s => s.EosCharges)).Name("EOS CHARGES");
                series.Column(Model.CurrentYearEosFeedback.Select(s => s.OverAllExperience)).Name("OVERALL EXPERIENCE");
            })
            .CategoryAxis(axis => axis.Categories(Model.CurrentYearEosFeedback.Select(s => s.MonthName)).MajorGridLines(lines => lines.Visible(false)).Labels(labels => labels.Rotation(-30)))
            .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.CurrentYearEosFeedback != null && Model.CurrentYearEosFeedback.Count() > 0)
            {
                <table class="customTable" id="CallFeedbackParamsGrid1">
                    <thead>
                        <tr>
                            <th class="redTh" colspan="8" rowspan="1">EOS Call Feedback Parameters</th>
                        </tr>
                        <tr>
                            <th class="" colspan="8" rowspan="1"></th>
                        </tr>
                        <tr>
                            <th class="redTh" colspan="1" rowspan="2">Month</th>
                            <th class="redTh" colspan="1" rowspan="2">Category</th>
                            <th class="redTh" colspan="1" rowspan="2">EASY TO GETTING CALL CENTER</th>
                            <th class="redTh" colspan="1" rowspan="2">RESPONSE OF CALL CENTER</th>
                            <th class="redTh" colspan="1" rowspan="2">TIMELY UPDATION ON REPAIR STATUS</th>
                            <th class="redTh" colspan="1" rowspan="2">REPAIR TIME</th>
                            <th class="redTh" colspan="1" rowspan="2">EOS CHARGES</th>
                            <th class="redTh" colspan="1" rowspan="2">OVERALL EXPERIENCE</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model.CurrentYearEosFeedback)
                        {                                
                            <tr>
                                <td class="">@item.MonthName</td>
                                <td class="">@item.Category</td>
                                <td class="">@item.EasyGettingCall</td>
                                <td class="">@item.ResponseOfCall</td>
                                <td class="">@item.TimelyUpdation</td>
                                <td class="">@item.RepairTime</td>
                                <td class="">@item.EosCharges</td>
                                <td class="">@item.OverAllExperience</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 class="InfraTable_WrpOutage">
            @if (Model.PreviousYearEosFeedback != null && Model.PreviousYearEosFeedback.Count() > 0)
            {
                <table class="customTable" id="CallFeedbackParamsGrid2">
                    <thead>
                        <tr>
                            <th class="" colspan="8" rowspan="1"></th>
                        </tr>
                        <tr>
                            <th class="redTh" colspan="1" rowspan="2">Month</th>
                            <th class="redTh" colspan="1" rowspan="2">Category</th>
                            <th class="redTh" colspan="1" rowspan="2">EASY TO GETTING CALL CENTER</th>
                            <th class="redTh" colspan="1" rowspan="2">RESPONSE OF CALL CENTER</th>
                            <th class="redTh" colspan="1" rowspan="2">TIMELY UPDATION ON REPAIR STATUS</th>
                            <th class="redTh" colspan="1" rowspan="2">REPAIR TIME</th>
                            <th class="redTh" colspan="1" rowspan="2">EOS CHARGES</th>
                            <th class="redTh" colspan="1" rowspan="2">OVERALL EXPERIENCE</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model.PreviousYearEosFeedback)
                        {                                
                            <tr>
                                <td class="">@item.MonthName</td>
                                <td class="">@item.Category</td>
                                <td class="">@item.EasyGettingCall</td>
                                <td class="">@item.ResponseOfCall</td>
                                <td class="">@item.TimelyUpdation</td>
                                <td class="">@item.RepairTime</td>
                                <td class="">@item.EosCharges</td>
                                <td class="">@item.OverAllExperience</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="CallFeedBackRatingDiv">
        <div>
            @if (Model.CurrentYearEosFeedbackRating != null && Model.CurrentYearEosFeedbackRating.Count() > 0)
            {
 
                @(Html.Kendo().Chart().Name("CallFeedBackRatingChart").Theme("Bootstrap").Title("TOP 02 Score %")
        //.Legend(legend => legend.Position(ChartLegendPosition.Right))
            .ChartArea(chartArea => chartArea.Background("transparent").Height(300))
            .SeriesDefaults(seriesDefaults => seriesDefaults.Line().Style(ChartLineStyle.Smooth))
            .Series(series =>
            {
                series.Column(Model.CurrentYearEosFeedbackRating.Select(s => s.Eos));
                //series.Column(new object[] { 
                //    Model.CurrentYearEosFeedbackRating[0].Eos,
                //    Model.CurrentYearEosFeedbackRating[0].DealerTakingTooMuchTime,
                //    Model.CurrentYearEosFeedbackRating[0].Other,
                //    Model.CurrentYearEosFeedbackRating[0].EosChargesHigh
                //    //Model.OpportunityLoss.EosOpportunityLoss[0].GrandTotal
                //});
            })
            .CategoryAxis(axis => axis.Categories(Model.CurrentYearEosFeedbackRating.Select(s => s.MonthName)).MajorGridLines(lines => lines.Visible(false)).Labels(labels => labels.Rotation(-30)))
            .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.CurrentYearEosFeedbackRating != null && Model.CurrentYearEosFeedbackRating.Count() > 0)
            {
                <table class="customTable" id="CallFeedBackRatingGrid1">
                    <thead>
                        <tr>
                            <th class="redTh" colspan="13" rowspan="1">EOS Call Feedback Rating %</th>
                        </tr>
                        <tr>
                            <th colspan="13" rowspan="1"></th>
                        </tr>
                        <tr>
                            <th class="redTh" colspan="1" rowspan="2">Category</th>
                            @foreach (var item in Model.CurrentYearEosFeedbackRating)
                            {
                                <th class="redTh" colspan="1" rowspan="2">@item.MonthName</th>
                            }
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="">EOS</td>
                            @foreach (var item in Model.CurrentYearEosFeedbackRating)
                            { 
                                <td class="">@item.Eos</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 class="InfraTable_WrpOutage">
            @if (Model.PreviousYearEosFeedbackRating != null && Model.PreviousYearEosFeedbackRating.Count() > 0)
            {
                <table class="customTable" id="CallFeedBackRatingGrid2">
                    <thead>
                        <tr>
                            <th colspan="13" rowspan="1"></th>
                        </tr>
                        <tr>
                            <th class="redTh" colspan="1" rowspan="2">Category</th>
                            @foreach (var item in Model.PreviousYearEosFeedbackRating)
                            {
                                <th class="redTh" colspan="1" rowspan="2">@item.MonthName</th>
                            }
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="">EOS</td>
                            @foreach (var item in Model.PreviousYearEosFeedbackRating)
                            { 
                                <td class="">@item.Eos</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>