@using EnVisage.Code
@using EnVisage.Code.HtmlHelpers
@using EnVisage.Models
@model ScenarioDetailModel


<script type="text/javascript">
    function onChCheck(id) {
       
        $.each($("input[id*='projCheckedId_']"), function(i,o){
            if("projCheckedId_" + id != o.id)
            {
                o.checked=false;
                $("#" + o.id.replace("Id", "")).val(false);
            }
        });
        
        $("#projChecked_" + id).val(document.getElementById("projCheckedId_" + id).checked);
    }

    function switchGraph() {
        var status = $("#@Html.ClientIdFor(x=>x.CopyStatus)").val();
        if(status == "Active")
            $("#@Html.ClientIdFor(x=>x.CopyStatus)").val("Inactive");
        else
            $("#@Html.ClientIdFor(x=>x.CopyStatus)").val("Active");
    }

    function CheckSelection()
    {
        var isfound = false;
        $.each($("input[id*='projCheckedId_']"), function(i,o){
            if($("#" + o.id.replace("Id", "")).val() == "true")
            {
                isfound = true;
                return true;
            }
        });
        
        if(!isfound)
        {
            alert("Please select a project to copy.");
            return false;
        }else{
            $('.spinner').show();
            return true;
        }
    }

</script>

@using (Ajax.BeginForm("CopyTo", "Scenario", new AjaxOptions { HttpMethod = "Post", OnSuccess = "onCopyToSuccess", OnFailure = "onCopyToFailure", UpdateTargetId = "copyToModal", OnBegin = "return CheckSelection();" }, new { @id = "copyToForm"}))
{
<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
	<h4 class="modal-title" >Copy To</h4>
</div>
<div class="modal-body" style="max-height:400px;overflow-y:auto;">
    @Html.ValidationSummary(false, "The Scenario Expenditure Categories could not be saved due to the following errors:")
				    
    @Html.HiddenFor(x=>x.Id)
    @Html.HiddenFor(x=>x.CopyProgectId)
    @Html.HiddenFor(x=>x.CopyStatus)
    <div class="panel-body" style="border: 0;">
        <div class="form-group">
        <div class="col-sm-9">
        <div style="float:left;margin:3px;">Status</div><input type="checkbox" onclick="switchGraph();" name="chStatus" class="switcher" />
            </div>
            <div class="col-sm-13">
<table class="table table-striped table-bordered dataTable" id="uom">
    <thead>
        <tr>
            <th style="width:30px;"></th>
            <th>Project</th>
        </tr>
    </thead>
    <tbody>
        @if (Model != null)
        {
            for (var i = 0; i < Model.Projects.Count; i++)
            {
                <tr style="display:@(Model.IsRevenueGenerating != Model.Projects[i].IsRevenueGenerating ? "none" : "");">
                    <td style="text-align: right;">
                        <input type="hidden" value="@Model.Projects[i].Id" name="projId[@i]"/>
                        <input type="hidden" value="@Model.Projects[i].Name" name="projName[@i]"/>
                        @if (Model.Projects[i].Checked)
                        {
                            <input type="checkbox" value="@Model.Projects[i].Id" checked="checked" name="projCheckedId[@i]" id="projCheckedId_@i" onclick=" onChCheck(@i); "/>
                            <input type="hidden" value="true" name="projChecked[@i]" id="projChecked_@i"/>
                        }
                        else
                        {
                            <input type="checkbox" value="@Model.Projects[i].Id" name="projCheckedId[@i]" id="projCheckedId_@i" onclick=" onChCheck(@i); "/>
                            <input type="hidden" value="false" name="projChecked[@i]" id="projChecked_@i"/>
                        }   
                    </td>
                    <td>@Model.Projects[i].Name</td>
                </tr>
            }
        }
    </tbody>
</table>

        </div> 
            
		
              </div>  
	        
        
        
</div>
</div> <!-- / .modal-body -->
<div class="modal-footer">
    <button type="submit" class="btn btn-primary" id="btnCopySubmit">OK</button>
	<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <div class="spinner" style="display:none"/>
</div>
}