@model Fab2ApprovalSystem.ViewModels.ReportViewModel
@{
    ViewBag.Title = "Report " + @Model.ReportName;
}

<form action='@Url.Action("ExportReport")' method="post" id="reportform" target="_blank">
    <input type="hidden" id="DocType" name="DocType" value="@Model.DocType" />
    <input type="hidden" id="ReportID" name="ReportID" value="@Model.ReportID" />

    <style>
        .k-multiselect {
            width: 100%;
        }
        .parminput {
            width: 200px;
        }
    </style>

    <div class="panel panel-default" style="font-size: 10px">
        <div class="panel-body bg-warning">
            <div class="col-sm-12">
                <div class="row">
                    <font style="color: crimson; font-size:24px;font-weight: bolder">
                        @Model.ReportName
                    </font>                        
                </div>
                <div class="row">
                    @Model.Description
                </div>
            </div>
        </div>
    </div>

    <div class="panel panel-body">
        @foreach (var parm in Model.Parameters)
        {
            if (parm.Visible)
            {
                <div class="row" style="padding-bottom: 0.5em;">
                    <div class="col-sm-2">@parm.Prompt</div>
                    <div class="col-sm-10">
                        @if (parm.ControlType == Fab2ApprovalSystem.ViewModels.ParameterControlTypes.Multiselect)
                        {
                            @(Html.Kendo().MultiSelect().Name(parm.HtmlID).BindTo(parm.SelectList))
                        }
                        else if (parm.ControlType == Fab2ApprovalSystem.ViewModels.ParameterControlTypes.Dropdown)
                        {
                            @(Html.Kendo().DropDownList().Name(parm.HtmlID).BindTo(parm.SelectList))
                        }
                        else if (parm.ControlType == Fab2ApprovalSystem.ViewModels.ParameterControlTypes.DatePicker)
                        {
                            @(Html.Kendo().DatePicker().Name(parm.HtmlID).Format("MM/dd/yyyy"))
                        }
                        else
                        {
                            @(Html.Kendo().AutoComplete().Name(parm.HtmlID))
                        }
                    </div>
                </div>
            }
        }
        <div class="row">
            <div class="col-sm-12" id="divSubmit">
                <input type="submit" class="btn-success" value="Export to Excel" id="btnSubmit" />
            </div>
        </div>
    </div>

    <script type="text/javascript" language="javascript">
    </script>

</form>