@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>
}
@section stylesheets
{
    <link href="~/Content/stylesheets/xeditable.css" rel="stylesheet" type="text/css">
}
@section scripts
{
    <script src="~/Scripts/Angular/angular.min.js"></script>
    <script src="~/Scripts/Angular/angular-route.min.js"></script>
    <script src="~/Scripts/Angular/xeditable.min.js"></script>
    <script src="~/Scripts/Angular/app.js"></script>
    <script src="~/Scripts/Angular/controllers.js"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
    <script>
        
        init.push(function () {

            init_form();
        });

        function init_form()
        {
            $(".datepicker").datepicker()
                .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);
            $('#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) {
            //debugger;
            $('#efilter').html(xhr.responseText);

        }

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

    </script>
}


<div id="srqBody" ng-app="app">
    @Html.Partial("_capacityManagement", Model)
</div>