@using System.Web.Mvc.Html
@{
    ViewBag.Title = "Dashboard";
}

@section stylesheets
{
    <link href="~/Content/stylesheets/xeditable.css" rel="stylesheet" type="text/css">
    <link href="~/Content/stylesheets/bootstrap-modal-bs3patch.css" rel="stylesheet" />
    <link href="~/Content/stylesheets/bootstrap-modal.css" rel="stylesheet" />
}

@section scripts
{

    <script src="@Url.Content("~/Scripts/Plugins/PageState.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/forecastDashboardScripts.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/CustomValidation.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/bootstrap-modalmanager.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/bootstrap-modal.js")" type="text/javascript"></script>
    <script>
        $(document).ready(function () {
            // SA. ENV-815. Preferences
            $("div#main-wrapper").attr("data-section", "fullPageDashboard");
            $(".for-select2").select2();
        });
    </script>
}
@section pagemenu
{
    <ul class="nav navbar-nav navbar-right">
        <li class="dropdown" id="divDashboardMenu">
            <a href="#" class="dropdown-toggle user-menu" data-toggle="dropdown">
                <i class="fa fa-bars"></i><span>Page Options</span>&nbsp;<i class="fa fa-caret-down"></i>
            </a>
            <ul class="dropdown-menu dropdown-menu-right" id="visibilitydropdown">
                <li><a onclick="_printDoc();$(this).parent().parent().parent().removeClass('open');"><i class="dropdown-icon fa fa-print"></i> Print Page</a></li>
                <li><a href="@Url.Action("ExportToPDF")" onclick="$(this).parent().parent().parent().removeClass('open');"><i class="dropdown-icon fa fa-file-text-o"></i> Save Page as PDF</a></li>
                <li class="divider"></li>
            </ul>
        </li>
    </ul>
}
<div class="table-light table-responsive dashboard">
    <div class="panel" id="graph-container">
        <div class="panel-body">
            <div class="row">
                <div class="col-md-4">
                    @{
                        Html.RenderPartial("_pieChart");
                    }
                </div>
                <div class="col-md-8">
                    @{
                        Html.RenderPartial("_chart");
                    }
                </div>
            </div>
        </div>
    </div>
    @Html.Action("Index", "ForecastDashboard", new { menuId = "visibilitydropdown" })
    <div class="panel" id="stacked-container" style="margin-top: 21px;">
        <div class="panel-body">
            <div class="row">
                @{
                    Html.RenderPartial("_performanceChart");
                }
            </div>
        </div>
    </div>
</div>