@model Fab2ApprovalSystem.Models.ECN


<h4>ECN# @Model.ECNNumber - @Model.Title</h4>
@*<div>
        <p>Submitted: @Model.SubmitedDate</p>
        <p>Originator: @Model.OriginatorName</p>
        <p>Affected Areas: @Model.AreaIDs</p>
    </div>*@
<div class="panel panel-default" style="font-size: 10px">
    <div class="panel-info">
        <div class="panel-heading">
            <h6 style="font-weight:600"></h6>
        </div>
    </div>
    <div class="panel-body bg-warning">
        <div class="form-horizontal col-sm-3">
            <div class="form-group">
                <label class="control-label col-sm-4">ECN #:</label>
                <div class="col-sm-8">
                    @Html.TextBoxFor(model => model.ECNNumber, new { id = "txtECNNumber", @class = "k-textbox", disabled = "disabled", style = "background-color:lightblue" })
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-sm-4">Submit Date:</label>
                <div class="col-sm-8">
                    @Html.TextBoxFor(model => model.SubmitedDate, new { id = "txSubmitDate", @class = "k-textbox", disabled = "disabled", style = "background-color:lightblue" })
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-sm-4">Originator Name:</label>
                <div class="col-sm-8">
                    @Html.TextBoxFor(model => model.OriginatorName, new { id = "txtOriginatorName", @class = "k-textbox", disabled = "disabled", style = "background-color:lightblue" })
                    @if (GlobalVars.IsAdminValueNotNull(Session))
                    {
                        <a href="javascript:undefined" id="lnkReassignOriginator" class="linkbutton edit" title="Re-assign Originator"></a>
                    }
                </div>

            </div>
            @if (Model.ConvertedFromNumber != null && Model.IsECN)
            {
                <div class="form-group">
                    <font style="color:red; font-size:12px; font-weight:bold">
                        <label class="control-label col-sm-4">Converted from TECN: </label>
                        <div class="col-sm-4 col-sm-4">
                            <a style="color:red" href="Edit?IssueID=@Model.ConvertedFromNumber">@Model.ConvertedFromNumber</a>

                        </div>
                    </font>

                </div>
            }
            @if (Model.ConvertedFromNumber != null && Model.IsTECN)
            {
                <div class="form-group">
                    <font style="color:red; font-size:12px; font-weight:bold">
                        <label class="control-label col-sm-4">Converted from E-TECN: </label>
                        <div class="col-sm-4 col-sm-4">
                            <a style="color:red" href="Edit?IssueID=@Model.ConvertedFromNumber">@Model.ConvertedFromNumber</a>

                        </div>
                    </font>

                </div>
            }

            @if (Model.ConvertedToNumber != null && Model.IsEmergencyTECN)
            {
                <div class="form-group">
                    <font style="color: red; font-size: 12px; font-weight: bold">
                        <label class="control-label col-sm-4">Converted to TECN: </label>
                        <div class="col-sm-4 col-sm-4">
                            <a style="color:red" href="Edit?IssueID=@Model.ConvertedToNumber">@Model.ConvertedToNumber</a>

                        </div>
                    </font>
                </div>
            }
            @if (Model.ConvertedToNumber != null && Model.IsTECN)
            {
                <div class="form-group">
                    <font style="color: red; font-size: 12px; font-weight: bold">
                        <label class="control-label col-sm-4">Converted to ECN: </label>
                        <div class="col-sm-4 col-sm-4">
                            <a style="color:red" href="Edit?IssueID=@Model.ConvertedToNumber">@Model.ConvertedToNumber</a>

                        </div>
                    </font>
                </div>
            }
        </div>
        @*<div class="form-horizontal col-sm-3">
                <div class="form-group">
                    <label class="control-label col-sm-4">Converted from TECN: <a href="Edit?IssueID=@Model.ConvertedFromNumber">@Model.ConvertedFromNumber</a></label>


                </div>
            </div>*@
        <div class="form-horizontal col-sm-6">
            <div class="form-group">
                <label class="control-label col-sm-4">ECN Title:</label>
                <div class="col-sm-6 col-sm-6">
                    @Html.TextBoxFor(model => model.Title, new { id = "txtTitle", @class = "k-textbox", style = "width:100%", disabled = "disabled" })
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-sm-4">Approvers:</label>
                <div class="col-sm-6 col-sm-6">
                    @(Html.Kendo().MultiSelect()
                        .Name("DepartmentIDs")
                        .BindTo(new SelectList(ViewBag.Departments, "DepartmentID", "DepartmentName"))
                        .Value(ViewBag.Nothing)
                        .HtmlAttributes(new { disabled = "disabled" })
                    )
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-sm-4">Affected Areas:</label>
                <div class="col-sm-6 col-sm-6">
                    @(Html.Kendo().MultiSelect()
                        .Name("ModuleIDs")
                        .BindTo(new SelectList(ViewBag.AffectedModules, "ModuleID", "ModuleName"))
                        .Value(ViewBag.Nothing)
                        .HtmlAttributes(new { disabled = "disabled" })
                    )
                </div>
            </div>
        </div>

        <div class="form-horizontal col-sm-3">
            <div class="form-group">
                <label class="control-label col-sm-4">Category:</label>
                <div class="col-sm-6 col-sm-6">
                    @(Html.Kendo().DropDownListFor(model => model.CategoryID)
                                        .DataValueField("CategoryID")
                                        .DataTextField("CategoryName")
                                        .BindTo(ViewBag.Categories)
                                        .HtmlAttributes(new { disabled = "disabled" }))
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-sm-4">ITAR/EC:</label>
                <div class="col-sm-6 col-sm-6">
                    @Html.CheckBoxFor(model => model.IsDocEC, new { disabled = "disabled" })
                </div>
            </div>
        </div>
    </div>
</div>
<table class="table-condensed" style="width:100%">
    <tbody>
        <tr>

            <td>
                <div class="panel panel-default" style="font-size: 10px">
                    <div class="panel-info" style="font-size: 11px">
                        <div class="panel-heading">
                            <table>
                                <tr>
                                    <td>
                                        <h5 style="font-weight:600;background-color:transparent;">Description of Change &nbsp;&nbsp;&nbsp;</h5>
                                    </td>
                                </tr>
                            </table>


                        </div>

                    </div>
                    <div class="panel-body bg-warning">
                        <div class="form-horizontal col-sm-12">
                            @Html.TextAreaFor(model => model.DescriptionOfChange, 15, 30, new { id = "txtDescriptionOfChange", @class = "form-control", style = "font-size: 11px;width: 100%;", disabled = "disabled" })
                        </div>
                    </div>
                </div>
            </td>
            <td>
                <div class="panel panel-default" style="font-size: 10px">
                    <div class="panel-info" style="font-size: 11px">
                        <div class="panel-heading">
                            <table>
                                <tr>
                                    <td>
                                        <h5 style="font-weight:600">Reason For Change&nbsp;&nbsp;&nbsp;</h5>
                                    </td>
                                </tr>
                            </table>

                        </div>
                    </div>
                    <div class="panel-body bg-warning">
                        <div class="form-horizontal col-sm-12">
                            @Html.TextAreaFor(model => model.ReasonForChange, 15, 30, new { id = "txtReasonForChange", @class = "form-control", style = "font-size: 11px;width: 100%;", disabled = "disabled" })
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>