@model  GODATA.Models.Report.ScoreRequestModel
@if (Model != null && Model.score != null)
{   
    <div>      

        @if (Model.score != null && Model.score.Count() > 0)
        {
        int count =0;
            @(Html.Kendo().Chart().Name("dealerScoreChart").Theme("Bootstrap").Title("Dealer Score")
            .Legend(legend => legend.Position(ChartLegendPosition.Bottom))
            .ChartArea(chartArea => chartArea.Background("transparent").Height(500))
            .SeriesDefaults(seriesDefaults => seriesDefaults.Area().Line(line => line.Style(ChartAreaStyle.Smooth)))
            .Series(series =>
            {
               
                 foreach (List<string> def in Model.score)
                { 
                    series.Line(def).Name(Model.EosScoreCardModel[count].DealerName);
                    count = count + 1;
                }
            
                //series.Area(Model.dealerScoreCard.Select(s => s.Score)).Name("Dealer Name");
                //series.Area(new double[] { 1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727 }).Name("World");
                //series.Area(new double[] { -0.253, 0.362, -3.519, 1.799, 2.252, 3.343, 0.843, 2.877, -5.416, 5.590 }).Name("Haiti");
            })
            .CategoryAxis(axis => axis.Categories(Model.dates).MajorGridLines(lines => lines.Visible(false)).Title("Time Slots"))
            .ValueAxis(axis => axis.Numeric().Title("Dealer Score").Labels(labels => labels.Format("{0}")).AxisCrossingValue(-10).Line(line => line.Visible(false)))
            .Tooltip(tooltip => tooltip.Visible(true).Format("{0}").Template("#= series.name #: #= value #"))
            .HtmlAttributes(new { style = "width:100%;height:100%;", @class = "revenue-kendo-chart" }))   
        }
        else
        {

        }
    </div>
}
else
{
    <div id="divmessage" class="no_data">
        <span>
            <p class="fs16">@*No Data Available !!!*@
                @System.Configuration.ConfigurationManager.AppSettings["no_data_available"].ToString()
            </p>
        </span>
    </div>
}