@model EnVisage.Models.CapacityDetailsModel
@using EnVisage.Code;
@using EnVisage.Code.HtmlHelpers;
@using EnVisage.Models;
@using Microsoft.AspNet.Identity;
@{
    ViewBag.Title = "Capacity Management";
}
@section pagemenu
{
    <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
            <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_calendar">
            </ul>
        </li>
    </ul>

  <div id="menuCalendarOptionsPrint" style="display:none;">
		<!--<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>
	</div>
}
@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/jquery.unobtrusive-ajax.min.js")"></script>
    <script src="@Url.Content("~/Scripts/CustomValidation.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/sliders.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/calendarMethods.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Plugins/ScenarioDetailsGrid.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Plugins/PageState.js")" type="text/javascript"></script>
    @Scripts.Render("~/bundles/angular-app-modules")
    <script src="@Url.Content("~/Scripts/Angular/app.js")"></script>
    <script src="@Url.Content("~/Scripts/Angular/Controllers/scenarioDetailController.js")"></script>
    <script src="@Url.Content("~/Scripts/Angular/Controllers/costSavingController.js")"></script>
    <script src="@Url.Content("~/Scripts/Angular/Controllers/activityCalendarController.js")"></script>
    <script src="@Url.Content("~/Scripts/Angular/Controllers/slidersGroupController.js")"></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>

        init.push(function () {

            init_form();
        });

        function init_form() {
        	var datePickerOptions = {
        		format: 'm/d/yyyy',
        		autoclose: true,
        		startDate: '@(Constants.MIN_SELECTABLE_DATE)', // SA. ENV-1235
				endDate: '@(Constants.MAX_SELECTABLE_DATE)'    // SA. ENV-1235
			};

        	$(".datepicker").datepicker(datePickerOptions)
                .change(function (ev) {
                    updateHidden(ev.target.id, $(ev.target).val());
                });


            //var options2 = {
            //    orientation: $('body').hasClass('right-to-left') ? "auto right" : 'auto auto'
            //};
            ////$('#bs-datepicker-range').datepicker(options2);
            //$('#bs-datepicker-range').datepicker(options2).on('changeDate', function (evt) {
            //    if (evt.target.id == 'filterStartDate') {
            //        var tmpValue = $('#filterStartDate').val();
            //        var endDateValue = $('filterEndDate').val();
            //        if (endDateValue == "") {
            //            $('#bs-datepicker-range').data('datepicker').pickers[1].update(tmpValue);
            //            $('#bs-datepicker-range').data('datepicker').pickers[1].update('');
            //        }
            //        var sDate = new Date(tmpValue);
            //        $('#filterStartDate').data('datepicker').setStartDate(sDate);
            //        $('#filterEndDate').data('datepicker').setStartDate(sDate);
            //    }
            //});
            //$('#filterStartDate').addClass('form-control');
            //$('#filterEndDate').addClass('form-control');
            //$('#filterStartDate').removeClass('text-box');
            //$('#filterEndDate').removeClass('text-box');
            //$('#filterStartDate').removeClass('single-line');
            //$('#filterEndDate').removeClass('single-line');



        }

        function onFailure(xhr) {
            $('#efilter').html(xhr.responseText);

        }

        function onSuccess(data) {
            $('.validation-summary-errors').html('');
            $('.input-validation-error').removeClass('input-validation-error');
            $('.field-validation-error').remove();
            //document.location.href = document.location.href;
            init_form();
        }

        $(document).ready(function () {
            // SA. ENV-815. Preferences
            $("div#main-wrapper").attr("data-section", "capacityManagementView");
        });

    </script>
}

<div id="srqBody" class="ac ac-no-v-scroll" ng-app="app">
    @Html.Partial("_capacityManagement", Model)
</div>
<!-- Modal -->
<div id="createScenario" class="modal fade" tabindex="-1" role="dialog" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" id="reloadForm">
        </div> <!-- / .modal-content -->
    </div> <!-- / .modal-dialog -->
</div> <!-- /.modal -->
<!-- / Modal -->