@using System.Web.Mvc

@using RFI.Common
@using RFI.Core
@using RFI.Core.DataModel
@using RFI.UI.ViewModels
@using RFI.UI.UiMaps

@model HomeInfoModel

@{
    RFI.Core.DataModel.RequestTypeDTO requestTypeData = null;
    if (Model is RFI.UI.ViewModels.HomeInfoModel)
    {
        // Yes, we should look through every possible RT, not just AllEnabledRequestTypes,
        // because once a request is tied to an RT we need to follow that whether it is disabled or not.
        if (Model.PageLoadedOkay && Model.HomeCommonModel != null && Model.HomeCommonModel.AllRequestTypes != null)
        {
            if (Model.ClickedRequest != null && Model.ClickedRequest.RequestTypeId > 0)
            {
                requestTypeData = Model.HomeCommonModel.AllRequestTypes.First(RT => RT.RequestTypeId == Model.ClickedRequest.RequestTypeId);
            }
        }
    }
    if (requestTypeData == null)
    {
        @* Why the hell does this happen? *@
        requestTypeData = new RFI.Core.DataModel.RequestTypeDTO();
        requestTypeData.SectionIds    = new List<AppSectionEnum>();
        requestTypeData.FieldIds      = new List<AppFieldEnum>();
        requestTypeData.SectionsInUse = new List<SectionsForRequestTypeDTO>();
        requestTypeData.FieldsInUse   = new List<FieldsForRequestTypeDTO>();
    }
    string descriptionPlaceholder = requestTypeData.PlaceholderTextDescription ?? "Type request description here";

    // For production, these values will be columns in the RequestType table, but for development purposes they are just local variables here.
    bool stakeholderIsWatchlist = Model.ClickedRequest != null && Model.ClickedRequest.RequestTypeId == (int)RequestTypeEnum.IAW01;
    bool requestTypeDevelUseSectionOtherResponders = !stakeholderIsWatchlist;
    int  requestTypeDevelOnlyResponderId           = stakeholderIsWatchlist ? (int)GroupMagic.DHSWatchlisting : 0;

    int jj = 0;    // generic loop index

    bool showConversationTypes = false;
    if (requestTypeData.FieldIds.Contains(AppFieldEnum.ConversationType))
    {
        if (Model.ClickedRequest != null && Model.ClickedRequest.UserIsOriginator)
        {
            if (Model.HomeCommonModel.AllConversationTypes != null)
            {
                var enabledCTsForThisGroup = Model.HomeCommonModel.AllConversationTypes.Where(CT => CT.Disabled == false && (CT.GroupTypeId == 0 || CT.GroupTypeId == Model.ClickedRequest.GroupTypeId));
                if (enabledCTsForThisGroup.Any())
                {
                    showConversationTypes = true;
                    @: <script type="text/javascript">
                    @:     var globalConversationTypes = @Html.Raw(Json.Encode(enabledCTsForThisGroup));
                    @: </script>
                }
            }
        }
    }
}


@section scripts {
    <script type="text/javascript">
        var myMemberships                    = @Html.Raw(Json.Encode(Model.LoggedInUser.MyMemberships));
        var globalDistributionLists          = @Html.Raw(Json.Encode(Model.LoggedInUser.DistributionLists));
        var globalUserIsElevated             = @(Model.ClickedRequest != null && Model.ClickedRequest.UserIsElevated        ? "true" : "false");
        var globalUserIsOriginator           = @(Model.ClickedRequest != null && Model.ClickedRequest.UserIsOriginator      ? "true" : "false");
        var globalUserIsResponder            = @(Model.ClickedRequest != null && Model.ClickedRequest.UserIsResponder       ? "true" : "false");
        var globalShowSectionPersons         = @(requestTypeData.SectionIds.Contains(AppSectionEnum.RequestPersons)         ? "true" : "false");
        var globalShowSectionDetails         = @(requestTypeData.SectionIds.Contains(AppSectionEnum.RequestDetails)         ? "true" : "false");
        var globalShowSectionDrugs           = @(requestTypeData.SectionIds.Contains(AppSectionEnum.RequestDrugs)           ? "true" : "false");
        var globalShowSectionAttachments     = @(requestTypeData.SectionIds.Contains(AppSectionEnum.RequestAttachments)     ? "true" : "false");
        var globalShowSectionVehicles        = @(requestTypeData.SectionIds.Contains(AppSectionEnum.RequestVehicles)        ? "true" : "false");
        var globalShowSectionOtherResponders = @(requestTypeData.SectionIds.Contains(AppSectionEnum.RequestOtherResponders) ? "true" : "false");
        var globalOnlyResponderId            = @(requestTypeDevelOnlyResponderId);
        var globalMyPersons = null;
        @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestPersons))
        {
            @: globalMyPersons = @Html.Raw(Json.Encode(Model.ClickedRequest.Persons));
        }
    </script>
}

<style type="text/css">
    .tracking {
        color: #737373;
        margin-right: 20px;
    }
    /* This button will be black for now, until someone agrees on a color scheme that (a) is not already in use and (b) has a high enough contrast to meet 508 rules.
     */
    .btn-respondall {
        color: #000000;
        background-color: #cccccc;
        border-color: #000000;
    }
    .sectionLabel {
        font-weight: bold;
    }
    .norows {
        font-style: italic;
    }
</style>

@Html.Partial("Constants")

@Html.Partial("Common")

@Html.Partial("Modals")

@functions
{
    public static string GetLabel(List<SectionsForRequestTypeDTO> sectionsInUse, AppSectionEnum sectionEnum)
    {
        var appSection = sectionsInUse.FirstOrDefault(S4RT => S4RT.AppSectionId == (int)sectionEnum);
        if (appSection == null) return sectionEnum.ToString();
        return appSection.OverrideLabel ?? appSection.BaseLabel;
    }

    public static string GetLabel(List<FieldsForRequestTypeDTO> fieldsInUse, AppFieldEnum fieldEnum, bool flagAsDropdown = false, bool flagAsRequired = false)
    {
        var appField = fieldsInUse.FirstOrDefault(F4RT => F4RT.AppFieldId == (int)fieldEnum);
        string label = appField == null ? fieldEnum.ToString() : (appField.OverrideLabel ?? appField.BaseLabel);
        if (flagAsDropdown)
        {
            label += " &nbsp;<span class=\"glyphicon glyphicon-triangle-top\"></span>";
        }
        if (flagAsRequired)
        {
            label += " &nbsp;<span class=\"required-marker-label\">*</span>";
        }
        return label;
    }

    // Obviously this should be from a table in the database, but I'm not ready for that yet.
    public static string GetLabel(AppSubsectionEnum appSubsectionId, bool shortForm = false)
    {
        switch (appSubsectionId)
        {
            case AppSubsectionEnum.RequestPersonMoniker:       return "Names";
            case AppSubsectionEnum.RequestPersonDeliveryPoint: return "Addresses";
            case AppSubsectionEnum.RequestPersonEmailAddress:  return "Email Addresses";
            case AppSubsectionEnum.RequestPersonTelephone:     return "Phone Numbers";
            case AppSubsectionEnum.RequestPersonCredential:    return "Identifications";
            case AppSubsectionEnum.RequestPersonSMT:           return shortForm ? "SMTs" : "Scars, Marks, &amp; Tattoos (SMT)";
            case AppSubsectionEnum.RequestPersonGang:          return "Gang Affiliations";
        }
        return appSubsectionId.ToString();
    }

    public static string LookupOptionText(List<FieldOptionDTO> options, AppFieldEnum fieldId, int selectedValue)
    {
        return options.First(FO => FO.AppFieldId == (int)fieldId && FO.AppOptionId == selectedValue).AppOptionText;
    }

    public static SelectList BuildSelectList(List<FieldOptionDTO> options, AppFieldEnum fieldId, int selectedValue = 0)
    {
        return new SelectList(options.Where(FO => FO.AppFieldId == (int)fieldId).ToList(), "AppOptionId", "AppOptionText", selectedValue);
    }
}

@helper StartSectionTable(int rowCount)
{
    @: <table class="table table-condensed" @(rowCount == 0 ? "style=display:none;" : "")>
}

@helper BuildNoRowsMessage(string label, int rowCount, AppSectionEnum parentId = 0, bool lower = true)
{
    string parentName = "request";
    if (parentId == AppSectionEnum.RequestPersons)
    {
        parentName = "person";
    }
    else if (parentId == AppSectionEnum.RequestResponderManagement)
    {
        parentName = "response";
    }
    if (lower)
    {
        label = label.ToLower();
    }
    @: <div @(rowCount == 0 ? "style=display:none;" : "")>
    @:     <span class="norows">No @(label) have been added to this @(parentName)).</span>
    @: </div>
}

@helper BuildTextField4x8(string dataName, string fieldLabel, bool canModifyRequest)
{
    @: <div>
    @:     <label class="control-label col-md-4">@(fieldLabel)</label>
    @:     <div class="col-md-8">
    @:         <p class="form-control-static editable" tabindex="0" data-bind="textEditable: @(dataName), click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
    @:         <input type="text" class="form-control input-sm focusTarget" data-bind="value: @(dataName), event: {change: requestFieldChanged, blur: showReadableField }" />
    @:     </div>
    @: </div>
}

@helper BuildDropdownField(AppFieldEnum fieldEnum, string dataName, SelectList options, List<FieldsForRequestTypeDTO> fieldsInUse, int size)
{
    bool canModifyRequest = true;
    foreach (var oneField in fieldsInUse)
    {
        if (oneField.AppFieldId == (int)fieldEnum)
        {
            @* the SIZE is either 48 (meaning 4 and 8) or 57 (meaning 5 and 7) *@
            @: <div class="form-group">
            @:     <label for="ddl@(dataName)" class="control-label col-md-@(size == 48 ? "4" : "5")">@(oneField.OverrideLabel ?? oneField.BaseLabel)</label>
            @:     <div class="col-md-@(size == 48 ? "8" : "7")">
            @:         <p id="ddl@(dataName)" tabindex="0" class="form-control-static editable" data-bind="textEditable: @(dataName)Name, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
            @:         @Html.DropDownList("@(dataName)Id", options, "", new { data_bind = "value: @(dataName)Id, event: {change: requestFieldChanged, blur: showReadableField }, attr: {id: 'txt@(dataName)' + ContextId()}", aria_label = "Person Involvement", @class = "form-control input-sm focusTarget" })
            @:     </div>
            @: </div>
            break;
        }
    }
}

@helper BuildDropdownList(AppFieldEnum fieldEnum, int optionId, bool editable, List<FieldOptionDTO> allFieldOptions, List<HelpTextDTO> helpTexts, List<FieldsForRequestTypeDTO> fieldsInUse, int labelWidth = 5)
{
    @* Remember that the list-of-options parameter has already had "ignored" options extracted and is already limited to the current RequestType.
    *@
    var appField = fieldsInUse.FirstOrDefault(F4RT => F4RT.AppFieldId == (int)fieldEnum);
    if (appField != null)
    {
        @* the label + input sizes must equal 12 since we're using "bootstrap", so they're usually 4+8 or 5+7 *@
        int inputWidth = 12 - labelWidth;
        string dataName = fieldEnum.ToString();
        string elementIdPrefix = "ctrlRequest";
        var helpObject = helpTexts.FirstOrDefault(HT => HT.AppFieldId == (int)fieldEnum);
        string helpTextLabel = helpObject == null ? string.Empty : helpObject.LabelMessage;
        string helpTextField = helpObject == null ? string.Empty : helpObject.FieldMessage;
        var optionsForThisField = allFieldOptions.Where(FO => FO.AppFieldId == (int)fieldEnum).ToList();
        var selectedOption = Model.FormRequestModel.AllFieldOptions.FirstOrDefault(FO => FO.AppFieldId == (int)fieldEnum && FO.AppOptionId == optionId);
        string selectedText = selectedOption == null ? string.Empty : selectedOption.AppOptionText;
        if (labelWidth > 0)
        {
            @: <div class="form-group">
            @:     <label for="@(elementIdPrefix)@(dataName)" class="col-md-@(labelWidth) control-label" title="@(helpTextLabel)">@GetLabel(fieldsInUse, fieldEnum)</label>
        }
        if (editable)
        {
            @* the "required-input-label" class has no effect in here, so we have to add the REQUIRED star manually,
                and override the generated "width=100%" with "width=auto" so that the start isn't bumped to the next line.
            *@
            @: <div class="@(labelWidth == 0 ? "" : "col-md-@(inputWidth)") twohalves">
            @:     <span class="halfspan">
            @:         <span class="form-control-static editable @(appField.RequiredToSubmit ? "required-input-label" : "")" tabindex="0" id="lblRequest@(dataName)" title="@(helpTextField)" onclick="internalToggleRequestField(this, true);"><span class="editableText">@(selectedText)</span></span>
            @:     </span>
            @:     <span class="halfselect focusTarget">
            @:     <select aria-labelledby="lbl@(dataName)" class="form-controlZ" title="@(helpTextField)" onchange="requestDropdownChanged(this);" onblur="internalToggleRequestField(this, false);">
                    foreach (var oneOption in optionsForThisField)
                    {
                        @: <option value="@(oneOption.AppOptionId)" title="@(oneOption.AppOptionTitle)" @(oneOption.AppOptionId == optionId ? "selected" : "") @(oneOption.DisabledInHTML ? "disabled" : "")>@(oneOption.AppOptionText)</option>
                    }
                    @: </select>
                    @*
                    @Html.DropDownList(
                        dataName + "Id",
                        optionsForThisField,
                        new {
                            id        = elementIdPrefix + dataName,
                            title     = helpTextField,
                            data_bind = "value: " + dataName + "Id, event: {change: requestFieldChanged, blur: showReadableField }",
                            @class    = "form-control focusTarget",
                            @style    = "width: auto;",
                            fieldenum = (int)fieldEnum
                        }
                    )
                    *@
            @:     </span>
            @:     <span class="req2">
                    @MarkIfRequired(fieldsInUse, fieldEnum)
            @:     </span>
            @: </div>
        }
        else
        {
            if (labelWidth == 0)
            {
                @:     @(selectedText)
            }
            else
            {
                @: <div class="col-md-@(inputWidth) form-control-static" title="@(helpTextField)">
                @:     @(selectedText)
                @: </div>
            }
        }
        if (labelWidth > 0)
        {
            @: </div>
        }
    }
}

@helper MarkIfRequired(List<FieldsForRequestTypeDTO> fieldsInUse, AppFieldEnum fieldEnum, bool needDivs = false)
{
    var appField = fieldsInUse.FirstOrDefault(F4RT => F4RT.AppFieldId == (int)fieldEnum);
    string x1 = (appField != null && appField.RequiredToSubmit) ? "required-marker" : "";
    string x2 = (appField != null && appField.RequiredToSubmit) ? "*"               : "";
    string tag = needDivs ? "div" : "span";
    string bootstrapClass = needDivs ? "col-md-1" : "";
    @: <@(tag) class="@(bootstrapClass) @(x1)">@(x2)</@(tag)>
}

@if (Model.PageLoadedOkay)
{
    bool canAssignRequest  = Model.LoggedInUser.IsPermittedTo(PermissionEnum.AssignRequest);
    bool canExportRequest  = Model.LoggedInUser.IsPermittedTo(PermissionEnum.ExportRequest);
    bool canCreateResponse = Model.LoggedInUser.IsPermittedTo(PermissionEnum.CreateResponse);
    bool canRespondAsResponder = true;
    bool canModifyRequest  = false;
    bool canSubmitRequest  = false;
    bool canCloseRequest   = false;
    bool canCancelRequest  = false;
    bool canForwardRequest = false;
    bool requestIsDraft    = false;
    bool requestIsActive   = false;

    if (Model.ClickedRequest.GroupTypeId == (int)GroupTypeEnum.IAR || Model.ClickedRequest.GroupTypeId == (int)GroupTypeEnum.IAW)
    {
        canExportRequest = false;
    }
    @* There is no help text, label or field, for the following:
            + ConcludingRemark
            + HighestLevel
            + RequestType
            + RequestingMemberID
            + Submitter
        each of them should have the DISABLED flag set to true in their [HSIN_RFI].[dbo].[HelpText] record, if one exists.
    *@
    string helpTextLabelAgencyCaseNumber     = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.AgencyCaseNumber).LabelMessage;
    string helpTextLabelCanBeForwarded       = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.CanBeForwarded).LabelMessage;
    string helpTextLabelCategories           = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.Categories).LabelMessage;
    string helpTextLabelClosedDate           = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.ClosedDate).LabelMessage;
    string helpTextLabelContainsUSPER        = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.ContainsUSPER).LabelMessage;
    string helpTextLabelContainsPCII         = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.ContainsPCII).LabelMessage;
    string helpTextLabelContainsLES          = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.ContainsLES).LabelMessage;
    //     helpTextLabelDescription
    string helpTextLabelExpiresDate          = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.ExpiresDate).LabelMessage;
    string helpTextLabelModifiedDate         = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.ModifiedDate).LabelMessage;
    string helpTextLabelNUIN                 = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.NUIN).LabelMessage;
    string helpTextLabelNeededDate           = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.NeededDate).LabelMessage;
    string helpTextLabelOnlyATest            = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.OnlyATest).LabelMessage;
    string helpTextLabelORI                  = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.ORI).LabelMessage;
    string helpTextLabelPriorityId           = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.PriorityId).LabelMessage;
    string helpTextLabelPrivateSectorPartner = ""; // Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.PrivateSectorPartner).LabelMessage;
                                                   //     helpTextLabelRequestId
    string helpTextLabelSRN                  = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.SRN).LabelMessage;
    string helpTextLabelStatusId             = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.StatusId).LabelMessage;
    //     helpTextLabelSubject
    string helpTextLabelSubmittedDate        = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.SubmittedDate).LabelMessage;
    string helpTextLabelUrgencyJustification = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.UrgencyJustification).LabelMessage;

    string helpTextFieldAgencyCaseNumber     = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.AgencyCaseNumber).FieldMessage;
    string helpTextFieldCanBeForwarded       = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.CanBeForwarded).FieldMessage;
    string helpTextFieldCategories           = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.Categories).FieldMessage;
    //     helpTextFieldClosedDate
    string helpTextFieldContainsUSPER        = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.ContainsUSPER).FieldMessage;
    string helpTextFieldContainsPCII         = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.ContainsPCII).FieldMessage;
    string helpTextFieldContainsLES          = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.ContainsLES).FieldMessage;
    string helpTextFieldDescription          = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.Description).FieldMessage;
    string helpTextFieldExpiresDate          = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.ExpiresDate).FieldMessage;
    //     helpTextFieldModifiedDate
    string helpTextFieldNUIN                 = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.NUIN).FieldMessage;
    string helpTextFieldNeededDate           = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.NeededDate).FieldMessage;
    //     helpTextFieldORI
    string helpTextFieldOnlyATest            = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.OnlyATest).FieldMessage;
    string helpTextFieldPriorityId           = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.PriorityId).FieldMessage;
    string helpTextFieldPrivateSectorPartner = ""; // Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.PrivateSectorPartner).LabelMessage;
    string helpTextFieldRequestId            = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.RequestId).FieldMessage;
    string helpTextFieldSRN                  = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.SRN).FieldMessage;
    string helpTextFieldStatusId             = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.StatusId).FieldMessage;
    string helpTextFieldSubject              = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.Subject).FieldMessage;
    //     helpTextFieldSubmittedDate
    string helpTextFieldUrgencyJustification = Model.HomeCommonModel.HelpTextsForThisPage.First(HT => HT.AppFieldId == (int)AppFieldEnum.UrgencyJustification).FieldMessage;
    string helpTextLabelStateTerritory         = "";
    string helpTextLabelDisposition            = "";
    string helpTextLabelCustomCategory         = "";
    string helpTextLabelCustomStatus           = "";
    string helpTextLabelCustomRecommendation   = "";
    string helpTextFieldStateTerritory         = "";
    string helpTextFieldDisposition            = "";
    string helpTextFieldCustomCategory         = "";
    string helpTextFieldCustomStatus           = "";
    string helpTextFieldCustomRecommendation   = "";

    if (Model.ClickedRequest != null)
    {
        if (Model.ClickedRequest.StatusId == (int)RequestStatus.Draft)
        {
            requestIsDraft = true;
            if (Model.ClickedRequest.UserIsOriginator)
            {
                canSubmitRequest = Model.LoggedInUser.IsPermittedTo(PermissionEnum.SubmitRequest);
            }
        }
        else if (Model.ClickedRequest.StatusId == (int)RequestStatus.Open || Model.ClickedRequest.StatusId == (int)RequestStatus.InProgress)
        {
            requestIsActive = true;
            if (Model.ClickedRequest.UserIsOriginator)
            {
                canCloseRequest = Model.LoggedInUser.IsPermittedTo(PermissionEnum.CloseRequest);
                canCancelRequest = Model.LoggedInUser.IsPermittedTo(PermissionEnum.CancelRequest);
            }
            else if (Model.ClickedRequest.UserIsResponder)
            {
                canRespondAsResponder = canCreateResponse;
                if (Model.ClickedRequest.CanBeForwarded && Model.ClickedRequest.GroupForwardingAllowed)
                {
                    canForwardRequest = true;
                }
            }
        }
        if (requestIsDraft || requestIsActive)
        {
            if (Model.ClickedRequest.UserIsOriginator)
            {
                canModifyRequest = Model.LoggedInUser.PageIsModifiable;
            }
        }
    }
    string disabledAttribute = canModifyRequest ? "" : "disabled=\"disabled\"";

    <div class="container">
        <div id="divRFILoading">
            <h2>
                <span class="tracking">#@(Model.ClickedRequest.TrackingId)</span>
                <small>(loading...)</small>
            </h2>
        </div>

        @if (Model.ClickedRequest.UserIsResponder)
        {
            <div class="modal" id="divWantToHideDialog" tabindex="-1" role="dialog" style="width:50%;">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="just-for-the-colors btn-glyphiconsuccess">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" data-target="#divWantToHideDialog" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">Success!</h4>
                            </div>
                            <div class="modal-body">
                                <span id="spnGoodNews"></span>
                                <br />
                                <br />
                                Would you like to hide this RFI from your group's dashboard?
                                <br />
                                <br />
                            </div>
                            <div class="modal-footer">
                                <button type="button" id="@RequestUiMap.HideFromDashboardButton.Using" class="btn btn-default" style="color:white; background-color:green;" data-dismiss="modal" data-target="#divWantToHideDialog" onclick="dismissWantToHideDialog(this, true);">Hide from Dashboard</button>
                                <button type="button" id="@RequestUiMap.DoNotHideFromDashboardButton.Using" class="btn" data-dismiss="modal" data-target="#divWantToHideDialog" onclick="dismissWantToHideDialog(this, false);">Not Yet</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        }

        <div id="divRFISummary" style="display:none;">
            <div id="viewDescription" class="page-header">
                <div class="row">
                    @if (canExportRequest || canModifyRequest)
                    {
                        <div class="col-md-4 pull-right">
                            <div class="btn-group pull-right rfi-actions">
                                @if (canModifyRequest)
                                {
                                    @GlobalHelpers.GenerateSaveCancelButtons(0)
                                }
                                @if (canExportRequest)
                                {
                                    <button id="exportPanel" type="button" class="btn btn-info actionbutton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <span class="glyphicon glyphicon-export"></span>  Export
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li><a href="#" onclick="exportRequest(this, @((int)(ExportType.PDF)));">as a @(ExportType.PDF) file</a></li>
                                        <li><a href="#" onclick="exportRequest(this, @((int)(ExportType.DOCX)));">as a Word document</a></li>
                                        <li><a href="#" onclick="exportRequest(this, @((int)(ExportType.XML)));">as @(ExportType.XML)</a></li>
                                    </ul>
                                }
                            </div>
                        </div>
                    }

                    <div class="col-md-8 pull-left">
                        <div class="rfi-title clearfix">
                            <h2 class="rfi-title-num pull-left col-md-2">
                                # <span id="lblRequestRequestId" class="tracking" title="@(helpTextFieldRequestId)">@(Model.ClickedRequest.TrackingId)</span>
                            </h2>
                            <div class="rfi-title-input pull-left col-md-10">
                                <h2 id="@RequestUiMap.SubjectEditablePlaceholder.Using" class="breakWords editable required-input-label" tabindex="0" title="@(helpTextFieldSubject)" data-bind="textEditable: Subject, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'Subject'"></h2>
                                @if (canModifyRequest)
                                {
                                    <input id="@RequestUiMap.Subject.Using" class="h2 focusTarget form-control-custom required-input" title="@(helpTextFieldSubject)" data-bind="value: Subject, event: {change: requestFieldChanged, blur: showReadableField }" aria-label="Subject" placeholder="Subject" fieldenum="@((int)AppFieldEnum.Subject)" />
                                }
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-@(Model.ClickedRequest.RequestTypeId == (int)RequestTypeEnum.HIDTA01 ? "11" : "12")">
                        <div data-bind="visible: Description() != '' || '@(canModifyRequest)' == 'True'">
                            <p class="lead editable" tabindex="0" id="lblRequestDescription" title="@(helpTextFieldDescription)" data-bind="textEditable: Description, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: '@(descriptionPlaceholder)'"></p>
                            @if (canModifyRequest)
                            {
                                <textarea id="ctrlRequestDescription" class="lead focusTarget form-control-custom" aria-label="Request Description" title="@(helpTextFieldDescription)" data-bind="value: Description, event: {change: requestFieldChanged, blur: showReadableField }" style="width: 100%;" rows="3" placeholder="@(descriptionPlaceholder)"></textarea>
                            }
                        </div>
                    </div>
                    @if (Model.ClickedRequest.RequestTypeId == (int)RequestTypeEnum.HIDTA01)
                    {
                    <div class="col-md-1">
                        <a target="_blank" href="http://www.myths.com/HIDTA_Map_2017.pdf"><button type="button" title="qwe">Map</button></a>
                    </div>
                    }
                    @if (Model.ClickedRequest.UserIsOriginator || Model.ClickedRequest.UserIsElevated)
                    {
                        if (Model.ClickedRequest.ConcludingRemark != null && Model.ClickedRequest.ConcludingRemark != "")
                        {
                            @: <div style="margin:15px 15px 0 15px;">
                                @: <label>Closing Comment from @(Model.ClickedRequest.CloserFullName)</label>
                                if (Model.ClickedRequest.CloserEmail != "")
                                {
                                    @: <a href="mailto:@(Model.ClickedRequest.CloserEmail)">@(Model.ClickedRequest.CloserEmail)</a>
                                }
                                @: <div id="divComment" style="border:1px solid #cccccc; padding:5px;">@(Model.ClickedRequest.ConcludingRemark)</div>
                                @:
                            @: </div>
                        }
                    }
                </div>

            </div>

            <div class="row">
                <div id="divLeftHalfRequestForm" class="col-md-6">

                    @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestOverview))
                    {
                        string sectionLabelOverview = GetLabel(requestTypeData.SectionsInUse, AppSectionEnum.RequestOverview);
                    <div class="panel panel-default" id="divRequestSectionOverview">
                        <div class="panel-heading">
                            <h3 class="panel-title sectionLabel">@(sectionLabelOverview)</h3>
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <form class="form-horizontal">
                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PriorityId))
                                        {
                                            var listOfPriorities = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PriorityId, Model.ClickedRequest.PriorityId) : null;
                                            <div class="form-group">
                                                <label for="ctrlRequestPriorityId" class="col-md-5 control-label" title="@(helpTextLabelPriorityId)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PriorityId)</label>
                                                <div class="col-md-7">
                                                    <p class="form-control-static editable required-input-label" tabindex="0" id="lblRequestPriorityId" title="@(helpTextFieldPriorityId)" data-bind="click: showEditableField"><span data-bind="text: PriorityName, css: PriorityClass()"></span></p>
                                                    @if (canModifyRequest)
                                                    {
                                                        @Html.DropDownList("PriorityId", listOfPriorities, new { data_bind = "value: PriorityId, event: {change: requestFieldChanged, blur: showReadableField }", id = "ctrlRequestPriorityId", title = "@(helpTextFieldPriorityId)", @class = "focusTarget form-control required-input" })
                                                    }
                                                </div>
                                            </div>
                                            <div class="form-group" data-bind="visible: PriorityId() == GlobalEnums.Priority.Urgent">
                                                <label for="ctrlRequestUrgencyJustification" class="col-md-5 control-label" title="@(helpTextLabelUrgencyJustification)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.UrgencyJustification)</label>
                                                <div class="col-md-7">
                                                    <p class="form-control-static editable" tabindex="0" id="lblRequestUrgencyJustification" title="@(helpTextFieldUrgencyJustification)" data-bind="textEditable: UrgencyJustification, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                    @if (canModifyRequest)
                                                    {
                                                        <input class="form-control focusTarget" id="ctrlRequestUrgencyJustification" title="@(helpTextFieldUrgencyJustification)" data-bind="value: UrgencyJustification, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                    }
                                                </div>
                                            </div>
                                        }

                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.Categories))
                                        {
                                            <div class="form-group">
                                                <label for="ctrlRequestCategoryId" class="col-md-5 control-label" title="@(helpTextLabelCategories)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.Categories)</label>
                                                <div class="col-md-7">
                                                    @if (canModifyRequest)
                                                    {
                                                        <p class="required-input-label form-control-static editable" tabindex="0" id="@RequestUiMap.CategoryEditablePlaceholder.Using" title="@(helpTextFieldCategories)" data-bind="textEditable: CategoryNames, click: showCategoriesModal, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                    }
                                                    else
                                                    {
                                                        <p class="form-control-static" id="lblRequestCategoryId" title="@(helpTextFieldCategories)" data-bind="text: CategoryNames"></p>
                                                    }
                                                </div>
                                            </div>
                                        }

                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.SubmittedDate))
                                        {
                                            <div class="form-group">
                                                <label class="col-md-5 control-label" title="@(helpTextLabelSubmittedDate)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.SubmittedDate)</label>
                                                <div class="col-md-7">
                                                    <p class="form-control-static" data-datetimehandler-options='{"showTime": true, "use24hrTime": true}' data-bind="text: SubmittedDate"></p>
                                                </div>
                                            </div>
                                        }

                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.ModifiedDate))
                                        {
                                            <div class="form-group">
                                                <label class="col-md-5 control-label" title="@(helpTextLabelModifiedDate)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.ModifiedDate)</label>
                                                <div class="col-md-7">
                                                    <p class="form-control-static" data-datetimehandler-options='{"showTime": true, "use24hrTime": true}' data-bind="text: ModifiedDate"></p>
                                                </div>
                                            </div>
                                        }

                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.NeededDate))
                                        {
                                            <div class="form-group">
                                                <label for="ctrlRequestNeededDate" class="col-md-5 control-label" title="@(helpTextLabelNeededDate)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.NeededDate)</label>
                                                <div class="col-md-7">
                                                    <p class="form-control-static editable" data-datetimehandler-options='{"showTime": true, "use24hrTime": true}' tabindex="0" id="lblRequestNeededDate" title="@(helpTextFieldNeededDate)" data-bind="textEditable: NeededDate, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                    @if (canModifyRequest)
                                                    {
                                                        <input id="ctrlRequestNeededDate" class="form-control focusTarget" title="@(helpTextFieldNeededDate)" data-datetimehandler-options='{"showTime": true, "use24hrTime": true, "pickerOptions": { "step": 30, "timepicker": true, "minDate": 0 }}' data-bind="value: NeededDate, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                    }
                                                </div>
                                            </div>
                                        }

                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.ExpiresDate))
                                        {
                                            <div class="form-group">
                                                <label for="ctrlRequestExpiresDate" class="col-md-5 control-label" title="@(helpTextLabelExpiresDate)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.ExpiresDate)</label>
                                                <div class="col-md-7">
                                                    <p class="form-control-static editable" data-datetimehandler-options='{"showTime": true, "use24hrTime": true}' tabindex="0" id="lblRequestExpiresDate" title="@(helpTextFieldExpiresDate)" data-bind="textEditable: ExpiresDate, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                    @if (canModifyRequest)
                                                    {
                                                        <input id="ctrlRequestExpiresDate" class="form-control focusTarget" title="@(helpTextFieldExpiresDate)" data-datetimehandler-options='{"showTime": true, "use24hrTime": true, "pickerOptions": { "step": 30, "timepicker": true, "minDate": 0 }}' data-bind="value: ExpiresDate, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                    }
                                                </div>
                                            </div>
                                        }

                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.ClosedDate))
                                        {
                                            <div class="form-group">
                                                <label class="col-md-5 control-label" title="@(helpTextLabelClosedDate)">@((Model.ClickedRequest.StatusId == (int)RequestStatus.Cancelled) ? "Cancelled" : "Closed")</label>
                                                <div class="col-md-7">
                                                    <p class="form-control-static" data-datetimehandler-options='{"showTime": true, "use24hrTime": true}' data-bind="text: ClosedDate"></p>
                                                </div>
                                            </div>
                                        }

                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.StateTerritory))
                                        {
                                            var listOfStateTerritories = canModifyRequest ? new SelectList(Model.HomeCommonModel.AmericanProvinces, "ProvinceId", "ProvinceName") : null;
                                            @: <div class="form-group">
                                                @: <label for="ctrlRequestStateTerritory" class="col-md-5 control-label" title="@(helpTextLabelStateTerritory)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.StateTerritory)</label>
                                                @: <div class="col-md-7">
                                                    @: <p class="form-control-static editable" tabindex="0" id="lblRequestStateTerritory" title="@(helpTextFieldStateTerritory)" data-bind="textEditable: StateTerritory.ProvinceName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                    if (canModifyRequest)
                                                    {
                                                        @Html.DropDownList("StateTerritoryId", listOfStateTerritories, new { id = "ctrlRequestStateTerritory", title = "@(helpTextFieldStateTerritory)", data_bind = "value: StateTerritoryId, event: {change: requestFieldChanged, blur: showReadableField }", @class = "form-control focusTarget" })
                                                    }
                                                @: </div>
                                            @: </div>
                                        }

                                        @BuildDropdownList(AppFieldEnum.PromptReason,   Model.ClickedRequest.PromptReasonId,   canModifyRequest, Model.FormRequestModel.AllFieldOptions, Model.HomeCommonModel.HelpTextsForThisPage, requestTypeData.FieldsInUse)

                                        @BuildDropdownList(AppFieldEnum.GuardianStatus, Model.ClickedRequest.GuardianStatusId, canModifyRequest, Model.FormRequestModel.AllFieldOptions, Model.HomeCommonModel.HelpTextsForThisPage, requestTypeData.FieldsInUse)

                                    </form>
                                </div>

                                <div class="col-md-6">
                                    <form class="form-horizontal">
                                        <div class="form-group">
                                            <label class="col-md-5 control-label" title="@(helpTextLabelStatusId)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.StatusId)</label>
                                            <div class="col-md-7">
                                                <p class="form-control-static" style="display: inline-block; margin-right: 14px;" title="@(helpTextFieldStatusId)" data-bind="text: StatusName"></p>
                                                <div class="btn-group btn-group-sm">
                                                    @if (Model.ClickedRequest.UserIsOriginator)
                                                    {
                                                        if (canCloseRequest)
                                                        {
                                                            @: <button id="btnEditReqClose" type="button" class="btn btn-glyphiconwarning" @((canCloseRequest) ? "" : "style=display:none;") data-bind="click: closeRFI">Close</button>
                                                        }
                                                        if (canSubmitRequest)
                                                        {
                                                            @: <button id="@RequestUiMap.SubmitButton.Using" type="button" class="btn btn-glyphiconinfo" data-bind="click: submitRFI, visible: !isNew()">Submit</button>
                                                            if (requestIsDraft)
                                                            {
                                                                @: <button id="btnEditReqDrop" type="button" class="btn btn-glyphicondanger" style="margin-left: 5px;" data-bind="click: dropRFI">Discard</button>
                                                            }
                                                        }
                                                    }
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="cbTestRequest" class="col-md-5 control-label" title="@(helpTextLabelOnlyATest)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.OnlyATest)</label>
                                            <div class="col-md-7">
                                                @{
                                                    bool canToggleTest = canModifyRequest && requestIsDraft && Model.ClickedRequest.Member.Group.JustTesting != true;
                                                    string clickable = (canToggleTest) ? ", click: toggleBooleanField, canModify: 'True'" : "";
                                                }
                                                <p class="form-control-static editable" tabindex="0" id="lblRequestIsaTest" title="@(helpTextFieldOnlyATest)" data-bind="textEditable: (ForTestingOnly() ? 'Yes' : 'No') @(clickable)"></p>
                                            </div>
                                        </div>

                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.ORI))
                                        {
                                            <div class="form-group">
                                                <label for="ctrlRequestORI" class="col-md-5 control-label" title="@(helpTextLabelORI)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.ORI)</label>
                                                <div class="col-md-7">
                                                    <p class="form-control-static">@(Model.ClickedRequest.Member.Group.ORI)</p>
                                                </div>
                                            </div>
                                        }

                                        @BuildDropdownList(AppFieldEnum.HighestCaveatId,   Model.ClickedRequest.HighestCaveatId,   canModifyRequest, Model.FormRequestModel.AllFieldOptions, Model.HomeCommonModel.HelpTextsForThisPage, requestTypeData.FieldsInUse)

                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.AgencyCaseNumber))
                                        {
                                            <div class="form-group">
                                                <label for="ctrlRequestAgencyCaseNumber" class="col-md-5 control-label" title="@(helpTextLabelAgencyCaseNumber)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.AgencyCaseNumber)</label>
                                                <div class="col-md-7">
                                                    <p class="form-control-static editable" tabindex="0" id="lblRequestAgencyCaseNumber" title="@(helpTextFieldAgencyCaseNumber)" data-bind="textEditable: AgencyCaseNumber, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                    @if (canModifyRequest)
                                                    {
                                                        <input type="text" id="ctrlRequestAgencyCaseNumber" class="form-control focusTarget" title="@(helpTextFieldAgencyCaseNumber)" data-bind="value: AgencyCaseNumber, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                    }
                                                </div>
                                            </div>
                                        }

                                        @BuildDropdownList(AppFieldEnum.HandlingCodeId,   Model.ClickedRequest.HandlingCodeId,   canModifyRequest, Model.FormRequestModel.AllFieldOptions, Model.HomeCommonModel.HelpTextsForThisPage, requestTypeData.FieldsInUse)

                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.SRN))
                                        {
                                            <div class="form-group">
                                                <label for="ctrlRequestSRN" class="col-md-5 control-label" title="@(helpTextLabelSRN)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.SRN)</label>
                                                <div class="col-md-7">
                                                    <p class="form-control-static editable" tabindex="0" id="lblRequestSRN" title="@(helpTextFieldSRN)" data-bind="textEditable: SRN, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                    @if (canModifyRequest)
                                                    {
                                                        <input type="text" id="ctrlRequestSRN" class="form-control focusTarget" title="@(helpTextFieldSRN)" data-bind="value: SRN, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                    }
                                                </div>
                                            </div>
                                        }
                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.NUIN))
                                        {
                                            <div class="form-group">
                                                <label for="ctrlRequestNUIN" class="col-md-5 control-label" title="@(helpTextLabelNUIN)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.NUIN)</label>
                                                <div class="col-md-7">
                                                    <p class="form-control-static editable" tabindex="0" id="lblRequestNUIN" title="@(helpTextFieldNUIN)" data-bind="textEditable: NUIN, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                    @if (canModifyRequest)
                                                    {
                                                        <input type="text" id="ctrlRequestNUIN" class="form-control focusTarget" title="@(helpTextFieldNUIN)" data-bind="value: NUIN, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                    }
                                                </div>
                                            </div>
                                        }
                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.ContainsUSPER) || requestTypeData.FieldIds.Contains(AppFieldEnum.ContainsPCII) || requestTypeData.FieldIds.Contains(AppFieldEnum.ContainsLES))
                                        {
                                            var enabledSensitivityIds = Model.HomeCommonModel.AllSensitivities.Select(AS => AS.SensitivityId).ToList();
                                            if (enabledSensitivityIds.Contains((int)RequestSensitivity.USPER) ||
                                                enabledSensitivityIds.Contains((int)RequestSensitivity.PCII) ||
                                                enabledSensitivityIds.Contains((int)RequestSensitivity.LES))
                                            {
                                                <div class="form-group" id="divRequestFieldContains">
                                                    <label class="col-md-5 control-label">Contains</label>
                                                    <div class="col-md-7">
                                                        <div tabindex="0">
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.ContainsUSPER))
                                                            {
                                                                if (enabledSensitivityIds.Contains((int)RequestSensitivity.USPER))
                                                                {
                                                                    <div class="checkbox-inline">
                                                                        <label title="@(helpTextLabelContainsUSPER)">
                                                                            <input id="cbReqContainsUSPER" type="checkbox" @(disabledAttribute) title="@(helpTextFieldContainsUSPER)" data-bind="checked: ContainsUSPER, event: {change: toggleContainerChange }" /> @GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.ContainsUSPER)
                                                                        </label>
                                                                    </div>
                                                                }
                                                            }
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.ContainsPCII))
                                                            {
                                                                if (enabledSensitivityIds.Contains((int)RequestSensitivity.PCII))
                                                                {
                                                                    <div class="checkbox-inline">
                                                                        <label for="cbReqContainsPCII" title="@(helpTextLabelContainsPCII)">
                                                                            <input id="cbReqContainsPCII" type="checkbox" @(disabledAttribute) title="@(helpTextFieldContainsPCII)" data-bind="checked: ContainsPCII, event: {change: toggleContainerChange }" /> @GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.ContainsPCII)
                                                                        </label>
                                                                    </div>
                                                                }
                                                            }
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.ContainsLES))
                                                            {
                                                                if (enabledSensitivityIds.Contains((int)RequestSensitivity.LES))
                                                                {
                                                                    <div class="checkbox-inline">
                                                                        <label for="cbReqContainsLES" title="@(helpTextLabelContainsLES)">
                                                                            <input id="cbReqContainsLES" type="checkbox" @(disabledAttribute) title="@(helpTextFieldContainsLES)" data-bind="checked: ContainsLES, event: {change: toggleContainerChange }" /> @GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.ContainsLES)
                                                                        </label>
                                                                    </div>
                                                                }
                                                            }
                                                        </div>
                                                    </div>
                                                </div>
                                            }
                                        }

                                        <div class="form-group" data-bind="visible: GroupForwardingAllowed()">
                                            <label for="rbCanForward" class="col-md-5 control-label">Can Forward</label>
                                            <div class="col-md-7">
                                                <div class="checkbox-inline">
                                                    <label for="cbCanForward" title="@(helpTextLabelCanBeForwarded)">
                                                        <input id="cbCanForward" type="checkbox" @(disabledAttribute) title="@(helpTextFieldCanBeForwarded)" data-bind="checked: CanBeForwarded, event: {change: toggleContainerChange }" /> Yes
                                                    </label>
                                                </div>
                                            </div>
                                        </div>

                                        @{bool canModifyCR = canModifyRequest && Model.ClickedRequest.CRCanBeChanged && Model.ClickedRequest.StatusId == (int)RequestStatus.Draft;}
                                        @BuildDropdownList(AppFieldEnum.ConcealReveal, Model.ClickedRequest.ConcealRevealId, canModifyCR, Model.FormRequestModel.AllFieldOptions, Model.HomeCommonModel.HelpTextsForThisPage, requestTypeData.FieldsInUse)

                                        @{bool canModifySR = canModifyRequest && Model.ClickedRequest.StatusId == (int)RequestStatus.Draft;}
                                        @BuildDropdownList(AppFieldEnum.SpecialRequest, Model.ClickedRequest.SpecialRequestId, canModifySR, Model.FormRequestModel.AllFieldOptions, Model.HomeCommonModel.HelpTextsForThisPage, requestTypeData.FieldsInUse)

                                        @{string hoverlink = "https://www.ncirc.gov/deconfliction/";}
                                        @{bool canModifyDecon = canModifyRequest && Model.ClickedRequest.StatusId == (int)RequestStatus.Draft;}
                                        @BuildDropdownList(AppFieldEnum.Deconfliction, Model.ClickedRequest.DeconflictionId, canModifyDecon, Model.FormRequestModel.AllFieldOptions, Model.HomeCommonModel.HelpTextsForThisPage, requestTypeData.FieldsInUse)

                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PrivateSectorPartner))
                                        {
                                            <div class="form-group">
                                                <label for="cbPrivateSectorPartner" class="col-md-5 control-label">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PrivateSectorPartner)</label>
                                                <div class="col-md-7">
                                                    <div class="checkbox-inline">
                                                        <label for="cbPrivateSectorPartner" title="@(helpTextLabelPrivateSectorPartner)">
                                                            <input id="cbPrivateSectorPartner" type="checkbox" @(disabledAttribute) title="@(helpTextFieldPrivateSectorPartner)" data-bind="checked: PrivateSectorPartner, event: {change: toggleContainerChange }" /> Yes
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        }

                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    }

                    @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestPersons))
                    {
                        string sectionLabelPersons = GetLabel(requestTypeData.SectionsInUse, AppSectionEnum.RequestPersons);
                        <div class="panel panel-default" id="divRequestSectionPersons" data-bind="with: Persons">
                            <div class="panel-heading">
                                @if (canModifyRequest)
                                {
                                    @: <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createPerson"><span class="glyphicon glyphicon-plus"></span> New</button>
                                }
                                <h3 class="panel-title sectionLabel">@(sectionLabelPersons)</h3>
                            </div>
                            <div class="panel-body">
                                @BuildNoRowsMessage(sectionLabelPersons, Model.ClickedRequest.Persons.Count)
                                @StartSectionTable(Model.ClickedRequest.Persons.Count)
                                    <thead>
                                        <tr>
                                            <th scope="col" class="col-sm-3" id="lblPersonType">Type</th>
                                            <th scope="col" class="col-sm-8" id="lblPersonName">Name</th>
                                            <th scope="col" class="col-sm-1"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach (var onePerson in Model.ClickedRequest.Persons)
                                        {
                                            <tr>
                                                <td><span class="editableText" onclick="editPerson(this);">@LookupOptionText(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonType, onePerson.PersonTypeId)</span></td>
                                                <td><span class="editableText" onclick="editPerson(this);">@(onePerson.Monikers.Count == 0 ? "" : (onePerson.Monikers[0].FullName))</span></td>
                                                <td class="text-right">
                                                @if (canModifyRequest)
                                                {
                                                    <button type="button" aria-label="Delete" class="btn btn-xs btn-glyphicondanger" onclick="deletePerson();" onkeyup="showKeyboardLabel();" onblur="hideKeyboardLabel();" title="Delete Person">
                                                        <span class="glyphicon glyphicon-remove"></span>
                                                        <span class="screen-reader-text-btn">Delete</span>
                                                    </button>
                                                }
                                                </td>
                                            </tr>
                                        }
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    }

                    @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestDetails))
                    {
                        string sectionLabelDetails = GetLabel(requestTypeData.SectionsInUse, AppSectionEnum.RequestDetails);
                        string detailsPlaceholderText = "No details have been added to this request";
                        if (Model.ClickedRequest.RequestTypeId == (int)RequestTypeEnum.IAR01)
                        {
                            detailsPlaceholderText = "Type request description here, including recipients of information being requested and specific resources already researched/queried.";
                        }
                        <div class="panel panel-default" id="divRequestSectionDetails">
                            <div class="panel-heading">
                                @if (canModifyRequest)
                                {
                                    @: <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createDetail"><span class="glyphicon glyphicon-plus"></span> New</button>
                                }
                                <h3 class="panel-title sectionLabel">@(sectionLabelDetails)</h3>
                            </div>
                            <div class="panel-body table-responsive">
                                @BuildNoRowsMessage(sectionLabelDetails, Model.ClickedRequest.Details.Count)
                                @StartSectionTable(Model.ClickedRequest.Details.Count)
                                    <thead>
                                        <tr>
                                            <th scope="col" class="col-sm-4" id="lblDetailType"    >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.DetailType, true)</th>
                                            <th scope="col" class="col-sm-3" id="lblDetailValue"   >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.DetailDetails)</th>
                                            <th scope="col" class="col-sm-3" id="lblDetailComments">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.DetailComments)</th>
                                            <th scope="col" class="col-sm-1"                       >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.DetailAdded)</th>
                                            @if (canModifyRequest)
                                            {
                                                <th scope="col" class="col-sm-1"></th>
                                            }
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @{jj = 0;}
                                    @foreach (var oneDetail in Model.ClickedRequest.Details)
                                    {
                                        ++jj;
                                        var listOfDetailTypes = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.DetailType) : null;
                                        <tr>
                                            @BuildDropdownList(AppFieldEnum.DetailType, oneDetail.DetailTypeId, canModifyRequest, Model.FormRequestModel.AllFieldOptions, Model.HomeCommonModel.HelpTextsForThisPage, requestTypeData.FieldsInUse)
                                            <td>
                                                <span tabindex="0" class="editable" data-bind="textEditable: DetailTypeName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                @Html.DropDownList("DetailTypeId", listOfDetailTypes, new { data_bind = "value: DetailTypeId, attr: {id: 'txtDetailType' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblDetailType", @class = "inpDetailTypeId form-control input-sm focusTarget" })
                                            </td>
                                            <td>
                                                <span tabindex="0" class="editable" data-bind="textEditable: DetailValue, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                <input type="text" aria-labelledby="lblDetailValue" class="form-control input-sm focusTarget" data-bind="value: DetailValue, attr: {id: 'txtDetailValue' + DetailId()}, event: {change: requestFieldChanged, blur: showReadableField }" />
                                            </td>
                                            <td>
                                                <span tabindex="0" class="editable" data-bind="textEditable: DetailText, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                <input type="text" aria-labelledby="lblDetailComments" class="form-control input-sm focusTarget" data-bind="value: DetailText, attr: {id: 'txtDetailComments' + DetailId()}, event: {change: requestFieldChanged, blur: showReadableField }" />
                                            </td>
                                            <td><span data-datetimehandler-options="{}" data-bind="text: ModifiedDate"></span></td>
                                            @if (canModifyRequest)
                                            {
                                                <td class="text-right">
                                                    <button type="button" aria-label="Delete" class="btn btn-xs btn-glyphicondanger" data-bind="click: $parent.deleteDetail, event: { keyup: showKeyboardLabel, blur: hideKeyboardLabel }" title="Delete Detail"><span class="glyphicon glyphicon-remove"></span>     <span class="screen-reader-text-btn">Delete</span> </button>
                                                </td>
                                            }
                                        </tr>
                                    }
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    }

                    @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestAttachments))
                    {
                        string sectionLabelAttachments = GetLabel(requestTypeData.SectionsInUse, AppSectionEnum.RequestAttachments);
                        <div class="panel panel-default" id="divRequestSectionAttachments" data-bind="with: Attachments">
                            <div class="panel-heading">
                                @if (canModifyRequest)
                                {
                                    @: <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createAttachment"><span class="glyphicon glyphicon-plus"></span> New</button>
                                }
                                <h3 class="panel-title sectionLabel">@(sectionLabelAttachments)</h3>
                            </div>
                            @if (!Model.ClickedRequest.UserIsSpectator)
                            {
                                <div class="panel-body table-responsive">
                                    @BuildNoRowsMessage(sectionLabelAttachments, Model.ClickedRequest.Attachments.Count)
                                    @StartSectionTable(Model.ClickedRequest.Attachments.Count)
                                        <thead>
                                            <tr>
                                                <th scope="col" class="col-sm-4"                                        >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.AttachmentFilename)</th>
                                                <th scope="col" class="col-sm-1" data-bind="visible: FileApiSupported()">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.AttachmentType)</th>
                                                <th scope="col" class="col-sm-1" data-bind="visible: FileApiSupported()">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.AttachmentSize)</th>
                                                <th scope="col" class="col-sm-3" id="lblAttachmentComments"             >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.AttachmentComments)</th>
                                                <th scope="col" class="col-sm-1"                                        >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.AttachmentAdded)</th>
                                                @if (canModifyRequest)
                                                {
                                                    <th scope="col" class="col-sm-1"></th>
                                                }
                                            </tr>
                                        </thead>
                                        <tbody>
                                        @foreach (var oneAttachment in Model.ClickedRequest.Attachments)
                                        {
                                            <tr>
                                                <td>
                                                    <a data-bind="attr: { href: generateDownloadHref(), rel: 'external' }"><span class="glyphicon glyphicon-paperclip"></span> <span data-bind="html: formatFileName()"></span></a>
                                                </td>
                                                <td data-bind="visible: FileApiSupported(), text: formatFileType()"></td>
                                                <td data-bind="visible: FileApiSupported(), text: SizeInKb()"></td>
                                                <td data-bind="visible: !ForResponse()">
                                                    <p class="form-control-static editable" tabindex="0" data-bind="textEditable: Description, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                    <input type="text" class="form-control input-sm focusTarget" data-bind="value: Description, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                </td>
                                                <td data-bind="text: ModifiedDate, visible: !ForResponse()" data-datetimehandler-options="{}"></td>
                                                @if (canModifyRequest)
                                                {
                                                    <td class="text-right">
                                                        <button type="button" aria-label="Delete" class="btn btn-xs btn-glyphicondanger" data-bind="click: $parent.deleteAttachment, event: { keyup: showKeyboardLabel, blur: hideKeyboardLabel }" title="Delete Attachment"><span class="glyphicon glyphicon-remove"></span>     <span class="screen-reader-text-btn">Delete</span> </button>
                                                    </td>
                                                }
                                            </tr>
                                        }
                                        </tbody>
                                    </table>
                                </div>
                            }
                        </div>
                    }

                    @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestDrugs))
                    {
                        string sectionLabelDrugs = GetLabel(requestTypeData.SectionsInUse, AppSectionEnum.RequestDrugs);
                        <div class="panel panel-default" id="divRequestSectionDrugs" data-bind="with: Drugs">
                            <div class="panel-heading">
                                @if (canModifyRequest)
                                {
                                    @: <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createDrug"><span class="glyphicon glyphicon-plus"></span> New</button>
                                }
                                <h3 class="panel-title sectionLabel">@(sectionLabelDrugs)</h3>
                            </div>
                            <div class="panel-body table-responsive">
                                @BuildNoRowsMessage(sectionLabelDrugs, Model.ClickedRequest.Drugs.Count)
                                @StartSectionTable(Model.ClickedRequest.Drugs.Count)
                                    <thead>
                                        <tr>
                                            <th scope="col"                            id="lblDrugDrugType"       >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.DrugType)</th>
                                            <th scope="col"                            id="lblDrugModeOfTransport">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.DrugTransport)</th>
                                            <th scope="col"                            id="lblDrugSeizedAmount"   >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.DrugSeizedAmount)</th>
                                            <th scope="col" style="text-align:center;" id="lblDrugClanLab"        >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.DrugBorderCrossing)</th>
                                            <th scope="col" style="text-align:center;" id="lblDrugBorderCrossing" >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.DrugClanLab)</th>
                                            <th scope="col" class="col-sm-1"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach (var oneDrug in Model.ClickedRequest.Drugs)
                                    {
                                        <tr>
                                            <td>
                                                @{var listOfDrugTypes = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.DrugType) : null;}
                                                <span tabindex="0" class="editable" data-bind="textEditable: DrugTypeName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                @Html.DropDownList("DrugTypeId", listOfDrugTypes, new { data_bind = "value: DrugTypeId, attr: {id: 'txtDrugType' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblDrugType", @class = "inpDrugTypeId form-control input-sm focusTarget" })
                                            </td>
                                            <td>
                                                @{var listOfDrugTransports = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.DrugTransport) : null;}
                                                <span tabindex="0" class="editable" data-bind="textEditable: DrugTransportName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                @Html.DropDownList("DrugTransportId", listOfDrugTransports, new { data_bind = "value: DrugTransportId, attr: {id: 'txtDrugTransport' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblDrugTransport", @class = "inpDrugTransportId form-control input-sm focusTarget" })
                                            </td>
                                            <td>
                                                <span tabindex="0" class="editable" data-bind="textEditable: SeizedAmount, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                <input type="text" aria-labelledby="lblSeizedAmount" class="form-control input-sm focusTarget" data-bind="value: SeizedAmount, attr: {id: 'txtSeizedAmount' + DrugId()}, event: {change: requestFieldChanged, blur: showReadableField }" />
                                            </td>
                                            <td style="text-align:center;">
                                                <input tabindex="0" type="checkbox" data-bind="checked: ClanLab, event: {change: requestFieldChanged}" />
                                            </td>
                                            <td style="text-align:center;">
                                                <input tabindex="0" type="checkbox" data-bind="checked: BorderCrossing, event: {change: requestFieldChanged}" />
                                            </td>
                                            <td class="text-right">
                                            @if (canModifyRequest)
                                            {
                                                <button type="button" aria-label="Delete" class="btn btn-xs btn-glyphicondanger" data-bind="click: $parent.deleteDrug, event: { keyup: showKeyboardLabel, blur: hideKeyboardLabel }" title="Delete Drug"><span class="glyphicon glyphicon-remove"></span>     <span class="screen-reader-text-btn">Delete</span> </button>
                                            }
                                            </td>
                                        </tr>
                                    }
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    }

                    @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestVehicles))
                    {
                        string sectionLabelVehicles = GetLabel(requestTypeData.SectionsInUse, AppSectionEnum.RequestVehicles);
                        <div class="panel panel-default" id="divRequestSectionVehicles" data-bind="with: Vehicles">
                            <div class="panel-heading">
                                @if (canModifyRequest)
                                {
                                    @: <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createVehicle"><span class="glyphicon glyphicon-plus"></span> New</button>
                                }
                                <h3 class="panel-title sectionLabel">@(sectionLabelVehicles)</h3>
                            </div>
                            <div class="panel-body">
                                @BuildNoRowsMessage(sectionLabelVehicles, Model.ClickedRequest.Vehicles.Count)
                                @StartSectionTable(Model.ClickedRequest.Vehicles.Count)
                                    @foreach (var oneVehicle in Model.ClickedRequest.Vehicles)
                                    {
                                        <div class="row">
                                            <div class="col-md-11">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-horizontal">
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.VehicleType))
                                                            {
                                                                var listOfVehicleTypes = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.VehicleType) : null;
                                                            <div>
                                                                <label class="control-label col-md-4">Type</label>
                                                                <div class="col-md-8">
                                                                    <p class="form-control-static editable" tabindex="0" data-bind="textEditable: VehicleTypeName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                                    @if (canModifyRequest)
                                                                    {
                                                                        @Html.DropDownList("VehicleTypeId", listOfVehicleTypes, new { data_bind = "value: VehicleTypeId, event: {change: requestFieldChanged, blur: showReadableField }, attr: {id: 'txtVehicleType' + ContextId()}", @class = "focusTarget form-control required-input" })
                                                                    }
                                                                </div>
                                                            </div>
                                                            }
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.VehicleYear))
                                                            {
                                                            <div>
                                                                <label class="control-label col-md-4">Year</label>
                                                                <div class="col-md-8">
                                                                    <p class="form-control-static editable" tabindex="0" data-bind="textEditable: VehicleYear, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                                    <input type="text" class="form-control input-sm focusTarget" fieldenum="@((int)AppFieldEnum.VehicleYear)" data-bind="value: VehicleYear, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </div>
                                                            </div>
                                                            }
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.VehicleMake))
                                                            {
                                                            <div>
                                                                <label class="control-label col-md-4">Make</label>
                                                                <div class="col-md-8">
                                                                    <p class="form-control-static editable" tabindex="0" data-bind="textEditable: VehicleMake, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                                    <input type="text" class="form-control input-sm focusTarget" data-bind="value: VehicleMake, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </div>
                                                            </div>
                                                            }
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.VehicleModel))
                                                            {
                                                            <div>
                                                                <label class="control-label col-md-4">Model</label>
                                                                <div class="col-md-8">
                                                                    <p class="form-control-static editable" tabindex="0" data-bind="textEditable: VehicleModel, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                                    <input type="text" class="form-control input-sm focusTarget" data-bind="value: VehicleModel, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </div>
                                                            </div>
                                                            }
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-horizontal">
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.VehicleColor))
                                                            {
                                                            <div>
                                                                <label class="control-label col-md-4">Color</label>
                                                                <div class="col-md-8">
                                                                    <p class="form-control-static editable" tabindex="0" data-bind="textEditable: VehicleColor, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                                    <input type="text" class="form-control input-sm focusTarget" data-bind="value: VehicleColor, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </div>
                                                            </div>
                                                            }
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.VehicleState))
                                                            {
                                                            <div>
                                                                <label class="control-label col-md-4">State</label>
                                                                <div class="col-md-8">
                                                                    <p class="form-control-static editable" tabindex="0" data-bind="textEditable: VehicleState, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                                    <input type="text" class="form-control input-sm focusTarget" data-bind="value: VehicleState, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </div>
                                                            </div>
                                                            }
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.VehiclePlate))
                                                            {
                                                            <div>
                                                                <label class="control-label col-md-4">Plate</label>
                                                                <div class="col-md-8">
                                                                    <p class="form-control-static editable" tabindex="0" data-bind="textEditable: VehiclePlate, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                                    <input type="text" class="form-control input-sm focusTarget" data-bind="value: VehiclePlate, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </div>
                                                            </div>
                                                            }
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.VehicleVIN))
                                                            {
                                                            <div>
                                                                <label class="control-label col-md-4">VIN</label>
                                                                <div class="col-md-8">
                                                                    <p class="form-control-static editable" tabindex="0" data-bind="textEditable: VIN, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                                    <input type="text" class="form-control input-sm focusTarget" data-bind="value: VIN, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </div>
                                                            </div>
                                                            }
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-horizontal">
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.VehicleDescription))
                                                            {
                                                            <div>
                                                                <label class="control-label col-md-4">Notes</label>
                                                                <div class="col-md-8">
                                                                    <p class="form-control-static editable" tabindex="0" data-bind="textEditable: VehicleDescription, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                                    <textarea class="form-control input-sm focusTarget" data-bind="value: VehicleDescription, event: {change: requestFieldChanged, blur: showReadableField }"></textarea>
                                                                </div>
                                                            </div>
                                                            }
                                                        </div>
                                                        <div class="form-horizontal">
                                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.VehicleLocation))
                                                            {
                                                            <div>
                                                                <label class="control-label col-md-12">Concealment Location</label>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <p class="form-control-static editable" tabindex="0" data-bind="textEditable: VehicleLocation, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                                <textarea class="form-control input-sm focusTarget" data-bind="value: VehicleLocation, event: {change: requestFieldChanged, blur: showReadableField }"></textarea>
                                                            </div>
                                                            }
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-1 text-right">
                                                @if (canModifyRequest)
                                                {
                                                    <button type="button" aria-label="Delete" class="btn btn-xs btn-glyphicondanger" data-bind="click: $parent.deleteVehicle, event: { keyup: showKeyboardLabel, blur: hideKeyboardLabel }" title="Delete Vehicle"><span class="glyphicon glyphicon-remove"></span>    <span class="screen-reader-text-btn">Delete</span></button>
                                                }
                                            </div>
                                        </div>
                                    }
                                </table>
                            </div>
                        </div>
                    }

                    @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestHistory))
                    {
                        string sectionLabelHistory = GetLabel(requestTypeData.SectionsInUse, AppSectionEnum.RequestHistory);
                    <div id="history" class="panel panel-default" data-bind="visible: !isNew()">
                        <div class="panel-heading">
                            <button type="button" id="btnHistoryLoad" class="btn btn-default btn-xs pull-right" data-bind="click: loadHistory"><span class="glyphicon glyphicon-list"></span> Load</button>
                            <button type="button" id="btnHistoryDetails" class="btn btn-default btn-xs pull-right" data-bind="click: toggleHistoryDetails" style="display:none;"><span class="glyphicon glyphicon-list"></span> <span id="verbHistoryDetails">Show</span> Details</button>
                            <h3 class="panel-title sectionLabel">@(sectionLabelHistory)</h3>
                        </div>
                        <div class="panel-body table-responsive">
                            @StartSectionTable(1)
                                <thead>
                                    <tr>
                                        <th scope="col" class="col-sm-3">When &nbsp;<span class="glyphicon glyphicon-triangle-top"></span></th>
                                        <th scope="col" class="col-sm-2">What</th>
                                        <th scope="col" class="col-sm-4">Who</th>
                                        <th scope="col" class="col-sm-3">Group</th>
                                    </tr>
                                </thead>
                                <tbody id="historyBody">
                                @foreach (var oneHistory in Model.ClickedRequest.Histories)
                                {
                                }
                                </tbody>
                            </table>
                        </div>
                        <table style="display:none;">
                            <tr class="emptyHistoryStandard">
                                <td class="cellOccurredDate"></td>
                                <td class="cellHistoryTypeName"></td>
                                <td class="cellMemberName"></td>
                                <td class="cellGroupNickname"></td>
                            </tr>
                            <tr class="emptyHistoryDetails">
                                <td></td>
                                <td colspan="3" class="cellHistoryDetails"></td>
                            </tr>
                        </table>
                    </div>
                    }

                </div>

                <div id="divRightHalfRequestForm" class="col-md-6">

                    @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestSubmitter))
                    {
                        string sectionLabelSubmitter = GetLabel(requestTypeData.SectionsInUse, AppSectionEnum.RequestSubmitter);
                    <div id="viewContact" class="panel panel-default">
                        <div class="panel-heading">
                            <input id="inpOriginatorId" type="hidden" value="@(Model.ClickedRequest.OriginatorId)" />
                            <h3 class="panel-title"><strong>@(sectionLabelSubmitter) <span data-bind="text: Member.Group.GroupNickname"></span></strong> <span tabindex="0" role="button" class="glyphicon glyphicon-question-sign" data-bind="click: showOriginatorInfo"></span></h3>
                            @if (Model.ClickedRequest.SupervisorFullName != null && Model.ClickedRequest.SupervisorFullName != "")
                            {
                                bool OutreachInsists = true;
                                string supervisionLabel = (OutreachInsists) ? "Assigned to" : "Supervised by";
                                @: &nbsp; <small>@(supervisionLabel) @(Model.ClickedRequest.SupervisorFullName)</small>
                            }
                        </div>
                        <div class="panel-body">
                            <div class="col-md-7">
                                <form class="form-horizontal">
                                    <div class="form-control-static">
                                        <div class="form-group">
                                            <label class="col-md-3 text-right">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.SubmitterFullName)</label>
                                            <div class="col-md-9">
                                                @if (Model.ClickedRequest.Purged)
                                                {
                                                    @: &nbsp;
                                                }
                                                else
                                                {
                                                    @: <span id="inpReqSubmitterLastName"  data-bind="text: Member.Contact.Individual.LastName"></span>,
                                                    @: <span id="inpReqSubmitterFirstName" data-bind="text: Member.Contact.Individual.FirstName"></span>
                                                    @: [<em id="inpReqSubmitterTitle"      data-bind="text: Member.MemberTitle"></em>]
                                                }
                                            </div>
                                        </div>
                                        <div class="form-group cellIsEmail">
                                            <label class="col-md-3 text-right">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.SubmitterEmailPrimary)</label>
                                            <div class="col-md-9">
                                                @GlobalHelpers.GenerateEmailLink(Model.ClickedRequest.Member.Contact.PrimaryEmail, Model.ClickedRequest.TrackingId, Model.ClickedRequest.Purged)
                                            </div>
                                        </div>
                                        <div class="form-group cellIsEmail">
                                            <label class="col-md-3 text-right">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.SubmitterEmailAlternate)</label>
                                            <div class="col-md-9">
                                                @GlobalHelpers.GenerateEmailLink(Model.ClickedRequest.Member.Contact.AlternateEmail, Model.ClickedRequest.TrackingId, Model.ClickedRequest.Purged)
                                            </div>
                                        </div>
                                        <div class="form-group cellIsEmail">
                                            <label class="col-md-3 text-right">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.SubmitterEmailClassified)</label>
                                            <div class="col-md-9">
                                                @GlobalHelpers.GenerateEmailLink(Model.ClickedRequest.Member.Contact.ClassifiedEmail, Model.ClickedRequest.TrackingId, Model.ClickedRequest.Purged)
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="col-md-5">
                                <form class="form-horizontal">
                                    <div class="form-control-static">
                                        <div class="form-group cellIsPhone">
                                            <label class="col-md-3 text-right">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.SubmitterPhoneOffice)</label>
                                            <div class="col-md-9">
                                                @GlobalHelpers.GeneratePhoneLink(Model.ClickedRequest.Member.Contact.PhoneOffice, Model.ClickedRequest.Member.Contact.ExtensionOffice, Model.ClickedRequest.Purged)
                                            </div>
                                        </div>
                                        <div class="form-group cellIsPhone">
                                            <label class="col-md-3 text-right">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.SubmitterPhoneMobile)</label>
                                            <div class="col-md-9">
                                                @GlobalHelpers.GeneratePhoneLink(Model.ClickedRequest.Member.Contact.PhoneMobile, Model.ClickedRequest.Member.Contact.ExtensionMobile, Model.ClickedRequest.Purged)
                                            </div>
                                        </div>
                                        <div class="form-group cellIsPhone">
                                            <label class="col-md-3 text-right">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.SubmitterPhoneHome)</label>
                                            <div class="col-md-9">
                                                @GlobalHelpers.GeneratePhoneLink(Model.ClickedRequest.Member.Contact.PhoneHome, Model.ClickedRequest.Member.Contact.ExtensionHome, Model.ClickedRequest.Purged)
                                            </div>
                                        </div>
                                        <div class="form-group cellIsPhone">
                                            <label class="col-md-3 text-right">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.SubmitterPhoneFax)</label>
                                            <div class="col-md-9">
                                                @GlobalHelpers.GeneratePhoneLink(Model.ClickedRequest.Member.Contact.PhoneFax, Model.ClickedRequest.Member.Contact.ExtensionFax, Model.ClickedRequest.Purged)
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    }

                    @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestResponderManagement) && canModifyRequest)
                    {
                        string sectionLabelResponderManagement = GetLabel(requestTypeData.SectionsInUse, AppSectionEnum.RequestResponderManagement);
                        if (requestIsDraft == false && requestTypeDevelOnlyResponderId == 0)
                        {
                            <div class="text-right">
                                <button type="button" class="btn btn-default padded-float-btn-block" onclick="buildResponderList(false);"><span class="glyphicon glyphicon-user"></span>@(sectionLabelResponderManagement)</button>
                            </div>
                        }
                        <div id="divRespondersPanel" class="panel panel-default" style="display:none;">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    <span><strong>Responders</strong> <span class="required-marker">*</span></span>
                                    @* HSIN-8478 no longer wants these buttons
                                        <span id="spnRespondersSort" class="pull-right" style="display:none;">
                                            sort
                                            <input type="radio" name="RSPNDSORTNAMESTATE" onchange="sortResponders(false);" checked="checked" /> by Name
                                            <input type="radio" name="RSPNDSORTNAMESTATE" onchange="sortResponders(true);" /> by State
                                        </span>
                                    *@
                                </h3>
                            </div>
                            @if (requestTypeDevelOnlyResponderId == 0)
                            {
                            <div id="divDistEntries" class="panel-body">
                                <div class="form-inline">
                                    <div class="btn-group btn-group-sm">
                                        <button id="btnDistEntriesShowAll"  type="button" class="btn btn-default" onclick="toggleEntriesGroups(true);" style="display:none;">Show All Groups</button>
                                        <button id="btnDistEntriesShowOnly" type="button" class="btn btn-default" onclick="toggleEntriesGroups(false);">Show Only Selected Groups</button>
                                        <button id="btnDistEntriesClearAll" type="button" class="btn btn-default" onclick="clearResponderList(true);">Clear All</button>
                                    </div>
                                    <label for="selDistributionLists" class="screen-reader-text">Select from Distribution List</label>
                                    <select id="selDistributionLists" class="form-control input-sm" onchange="distributionListWasChosen(this);"></select>
                                </div>
                                <div id="divRespondersList" class="group-selector">
                                </div>
                            </div>
                            }
                        </div>
                    }
                    else if (canForwardRequest)
                    {
                        <div id="divForwarding" class="form-group" style="display:none;">
                            <div>
                                <label>Forward to Group(s)</label>
                            </div>
                            <div id="divRespondersList" class="group-selector">
                            </div>
                            <input type="button" class="btn btn-primary" value="Forward" onclick="addForward(this);" />
                            <input type="button" class="btn btn-default" value="Cancel" onclick="cancelForward(this);" />
                        </div>
                    }

                    @if (!canModifyRequest && requestTypeData.SectionIds.Contains(AppSectionEnum.RequestOtherResponders))
                    {
                        string sectionLabelOtherResponders = GetLabel(requestTypeData.SectionsInUse, AppSectionEnum.RequestOtherResponders);
                        <div id="divAllOtherResponders" data-bind="visible: AllOtherResponders().length > 0">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title sectionLabel">@(sectionLabelOtherResponders)</h3>
                                </div>
                                <div class="panel-body" data-bind="visible: !isEditing(), template: { name:'OtherRespondersTemplate', foreach: AllOtherResponders()}">
                                </div>
                            </div>
                        </div>
                    }

                    @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestOtherResponders))
                    {
                        <script id="OtherRespondersTemplate" type="text/html">
                            <div class="col-md-3">
                                <a href="#" data-bind="text: GroupNickname, click: showResponderInfo"></a>
                                @*  match the green color of .btn-glyphiconsuccess *@
                                <span style="color: #2d772e;" data-bind="visible: ResponderResponded" class="glyphicon glyphicon-ok"></span>
                            </div>
                        </script>
                    }

                    <div id="divAllConversations">
                        @if (Model.ClickedRequest.UserIsSpectator)
                        {
                            @: <div data-bind="visible: true, template: { name:'ConversationTemplate', foreach: Spectators() }"></div>
                        }
                        else
                        {
                            @: <div data-bind="visible: !isEditing(), template: { name:'ConversationTemplate', foreach: Conversations()}"></div>
                        }
                    </div>

                    <script id="ConversationTemplate" type="text/html">
                        <!-- ko if: CanSeeResponses() || AtLeastOneToAll() -->
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <div class="row">
                                    <span class="convPK" style="display:none;" data-bind="text: ConversationId"></span>
                                    <span class="col-md-4">
                                        <h3 class="panel-title">
                                            <span style="display:none;" class="spnGroupId" data-bind="text: GroupId"></span>
                                            <strong data-bind="text: GroupNickname"></strong> <span tabindex="0" role="button" class="glyphicon glyphicon-question-sign" data-bind="click: showResponderInfo"></span>
                                        </h3>
                                        &nbsp; <small data-bind="visible: AssignedMemberName() != null && AssignedMemberName() != '', text: 'Assigned to '+ AssignedMemberName()"></small>
                                    </span>
                                    <div class="col-md-8" style="padding-top: 3px;">
                                        <div class="pull-left">
                                            @if (showConversationTypes)
                                            {
                                                <div id="lblConversationType" style="display:none;">Response Category</div>
                                                <div>
                                                    @if (requestIsActive)
                                                    {
                                                        <select aria-labelledby="lblConversationType"
                                                                class="form-control"
                                                                onchange="changeConversationType(this);"
                                                                data-bind="options: globalConversationTypes,
                                                        optionsText: function(item) { return item.ConversationTypeName },
                                                        optionsValue: 'ConversationTypeId',
                                                        disable: EndDate(),
                                                        value: ConversationTypeId,
                                                        valueAllowUnset: true"></select>
                                                    }
                                                    else
                                                    {
                                                        <span data-bind="text: ConversationTypeName"></span>
                                                    }
                                                </div>
                                            }
                                        </div>
                                        <!-- ko if: CanSeeResponses() -->
                                        <div class="pull-right">
                                            @if (requestIsActive && !Model.ClickedRequest.UserIsElevated)
                                            {
                                                if (Model.ClickedRequest.UserIsSpectator == false)
                                                {
                                                    @: <button id="@RequestUiMap.RespondButton.Using"    type="button" class="btn btn-xs btn-primarylight" style="margin-left:6px;" title="Clicking RESPOND will prevent other responders from seeing what you submit" data-bind="visible: canRespond(), click: beginNewResponse.bind($data, false)"><span class="glyphicon glyphicon-triangle-left"></span> Respond</button>
                                                    if (requestTypeDevelOnlyResponderId == 0)
                                                    {
                                                    @: <button id="@RequestUiMap.RespondAllButton.Using" type="button" class="btn btn-xs btn-respondall"   style="margin-left:6px;" title="Clicking RESPOND ALL will allow all responders to see what you submit" data-bind="visible: canRespond(), click: beginNewResponse.bind($data,  true)"><span class="glyphicon glyphicon-backward"></span> Respond All</button>
                                                    }
                                                    @: <span data-bind="visible: EndDate()"><span data-bind="text: printEnded()"></span></span>
                                                }
                                                if (Model.ClickedRequest.UserIsResponder && canAssignRequest)
                                                {
                                                    @: <button type="button" class="btn btn-xs btn-glyphiconinfo" style="margin-left:6px;" data-bind="visible: canRespond(), click: showAssign"><span class="glyphicon glyphicon-user"></span> Assign</button>
                                                }
                                                else if (Model.ClickedRequest.UserIsSpectator)
                                                {
                                                    @: <button type="button" class="btn btn-xs btn-primarylight" style="margin-left:6px;" data-bind="visible: true, click: joinConversation"><span class="glyphicon glyphicon-plus"></span> Join</button>
                                                }
                                                else if (Model.ClickedRequest.UserIsOriginator)
                                                {
                                                    @: <button type="button" class="btn btn-xs btn-glyphicondanger" style="margin-left:6px;" data-bind="visible: canEnd(), click: endConversation"><span class="glyphicon glyphicon-stop"></span> End</button>
                                                }
                                                if (canForwardRequest && requestTypeDevelOnlyResponderId == 0)
                                                {
                                                    @: <button type="button" class="btn btn-xs btn-glyphiconwarning" style="margin-left:6px;" data-bind="visible: canForward(), click: showForward"><span class="glyphicon glyphicon-hand-right"></span> Forward</button>
                                                }
                                                if (Model.ClickedRequest.UserIsResponder)
                                                {
                                                    @: <button type="button" class="btn btn-xs btn-glyphiconsuccess" style="margin-left:6px;" data-bind="visible: canHide(),   click:   hideConversation"><span class="glyphicon glyphicon-ban-circle"></span> Hide</button>
                                                    @: <button type="button" class="btn btn-xs btn-glyphicondanger" style="margin-left:6px;" data-bind="visible: canUnhide(), click: unhideConversation"><span class="glyphicon glyphicon-ok-circle"></span> Unhide</button>
                                                }
                                            }
                                        </div>
                                        <!-- /ko -->
                                    </div>
                                </div>
                            </div>

                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.ReviewedWLS))
                            {
                                @: <div class="row">
                                    @: <label for="cbReviewedWLS" class="col-md-5 control-label">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.ReviewedWLS)</label>
                                    @: <div class="col-md-7">
                                        @: <div class="checkbox-inline">
                                            @: <label for="cbReviewedWLS" title="@(helpTextLabelPrivateSectorPartner)">
                                                @: <input id="cbReviewedWLS" type="checkbox" @(disabledAttribute) title="@(helpTextFieldPrivateSectorPartner)" data-bind="checked: ReviewedWLS, event: {change: toggleContainerChange }" /> Yes
                                            @: </label>
                                        @: </div>
                                    @: </div>
                                @: </div>
                            }

                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.Disposition))
                            {
                                var listOfDispositions = canRespondAsResponder ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.Disposition, Model.ClickedRequest.DispositionId) : null;
                                @: <div class="row">
                                    @: <label for="ctrlRequestDisposition" class="col-md-5 control-label text-right" title="@(helpTextLabelDisposition)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.Disposition)</label>
                                    @: <div class="col-md-7">
                                        @: <p class="form-control-static editable" tabindex="0" id="lblRequestDisposition" title="@(helpTextFieldDisposition)" data-bind="textEditable: Disposition.DispositionName, click: showEditableField, canModify: '@(canRespondAsResponder)', placeholder: 'No value'"></p>
                                        if (canRespondAsResponder)
                                        {
                                            @Html.DropDownList("DispositionId", listOfDispositions, new { id = "ctrlRequestDisposition", title = "@(helpTextFieldDisposition)", data_bind = "value: DispositionId, event: {change: requestFieldChanged, blur: showReadableField }", @class = "form-control focusTarget" })
                                        }
                                    @: </div>
                                @: </div>
                            }

                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.CustomCategory))
                            {
                                var listOfCustomCategories = canRespondAsResponder ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.CustomCategory, Model.ClickedRequest.CustomCategoryId) : null;
                                @: <div class="row">
                                    @: <label for="ctrlRequestCustomCategory" class="col-md-5 control-label text-right" title="@(helpTextLabelCustomCategory)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.CustomCategory)</label>
                                    @: <div class="col-md-7">
                                        @: <p class="form-control-static editable" tabindex="0" id="lblRequestCustomCategory" title="@(helpTextFieldCustomCategory)" data-bind="textEditable: CustomCategory.CustomCategoryName, click: showEditableField, canModify: '@(canRespondAsResponder)', placeholder: 'No value'"></p>
                                        if (canRespondAsResponder)
                                        {
                                            @Html.DropDownList("CustomCategoryId", listOfCustomCategories, new { id = "ctrlRequestCustomCategory", title = "@(helpTextFieldCustomCategory)", data_bind = "value: CustomCategoryId, event: {change: requestFieldChanged, blur: showReadableField }", @class = "form-control focusTarget" })
                                        }
                                    @: </div>
                                @: </div>
                            }

                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.CustomStatus))
                            {
                                var listOfCustomStatuses = canRespondAsResponder ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.CustomStatus, Model.ClickedRequest.CustomStatusId) : null;
                                @: <div class="row">
                                    @: <label for="ctrlRequestCustomStatus" class="col-md-5 control-label text-right" title="@(helpTextLabelCustomStatus)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.CustomStatus)</label>
                                    @: <div class="col-md-7">
                                        @: <p class="form-control-static editable" tabindex="0" id="lblRequestCustomStatus" title="@(helpTextFieldCustomStatus)" data-bind="textEditable: CustomStatus.CustomStatusName, click: showEditableField, canModify: '@(canRespondAsResponder)', placeholder: 'No value'"></p>
                                        if (canRespondAsResponder)
                                        {
                                            @Html.DropDownList("CustomStatusId", listOfCustomStatuses, new { id = "ctrlRequestCustomStatus", title = "@(helpTextFieldCustomStatus)", data_bind = "value: CustomStatusId, event: {change: requestFieldChanged, blur: showReadableField }", @class = "form-control focusTarget" })
                                        }
                                    @: </div>
                                @: </div>
                            }

                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.CustomRecommendation))
                            {
                                var listOfCustomRecommendations = canRespondAsResponder ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.CustomRecommendation, Model.ClickedRequest.CustomRecommendationId) : null;
                                @: <div class="row">
                                    @: <label for="ctrlRequestCustomRecommendation" class="col-md-5 control-label text-right" title="@(helpTextLabelCustomRecommendation)">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.CustomRecommendation)</label>
                                    @: <div class="col-md-7">
                                        @: <p class="form-control-static editable" tabindex="0" id="lblRequestCustomRecommendation" title="@(helpTextFieldCustomRecommendation)" data-bind="textEditable: CustomRecommendation.CustomRecommendationName, click: showEditableField, canModify: '@(canRespondAsResponder)', placeholder: 'No value'"></p>
                                        if (canRespondAsResponder)
                                        {
                                            @Html.DropDownList("CustomRecommendationId", listOfCustomRecommendations, new { id = "ctrlRequestCustomRecommendation", title = "@(helpTextFieldCustomRecommendation)", data_bind = "value: CustomRecommendationId, event: {change: requestFieldChanged, blur: showReadableField }", @class = "form-control focusTarget" })
                                        }
                                    @: </div>
                                @: </div>
                            }

                            @if (Model.ClickedRequest.UserIsSpectator == false)
                            {
                                <div class="list-group">
                                    <div class="list-group-item" data-bind="visible: Responses().length == 0">
                                        <p><i>@(requestIsDraft ? "Not submitted yet." : "No responses.")</i></p>
                                    </div>
                                    <div class="list-group-item" data-bind="visible: Responses().length > 0, foreach: Responses()">
                                        <p>
                                            <span data-bind="text: MemberLastName"></span>, <span data-bind="text: MemberFirstName"></span> of <span data-bind="text: GroupNickname"></span><span data-bind="if: Unrestricted"> replied to all</span> &ndash; <span data-bind="text: WrittenDate" class="text-muted" data-datetimehandler-options="{}"></span>
                                        </p>
                                        <div class="IsResponse" style="border-left: 5px solid #CCC; padding-left: 8px;">
                                            <span class="rspID" style="display:none;" data-bind="text: ResponseId"></span>
                                            <span class="memID" style="display:none;" data-bind="text: MemberId"></span>
                                            <p data-bind="html: cleanStatement()"></p>
                                            <ul class="attachments list-unstyled" data-bind="foreach: Attachments.Items()">
                                                <li>
                                                    <a data-bind="attr: { href: generateDownloadHref(), rel: 'external' }"><span class="glyphicon glyphicon-paperclip"></span> <span data-bind="html: formatFileName()"></span></a>
                                                    <small data-bind="visible: AttachmentSize() > 0">[<span data-bind="text: SizeInKb()"></span>]</small>
                                                    @if (Model.ClickedRequest.UserIsOriginator || Model.ClickedRequest.UserIsResponder)
                                                    {
                                                        @* The requirement (HSIN-4968) says that only the user who uploaded an attachment can delete it,
                                                            but I can't compare RAZOR and KNOCKOUT (the AttachmentDTO does not have the MemberId)
                                                            so this HTML gets added her for everyone in those two groups and then removed (if necessary)
                                                            by the js function at the end of loading the page.
                                                        *@
                                                        @: <span class="attID" style="display:none;" data-bind="text: AttachmentId()"></span>
                                                        @: <button type="button" style="display:none;" aria-label="Delete" class="btn btn-xs btn-glyphicondanger delrspatt" onclick="deleteResponseAttachment(this);" title="Delete Attachment"><span class="glyphicon glyphicon-remove"></span> <span class="screen-reader-text-btn">Delete</span> </button>
                                                    }
                                                    <p data-bind="html: Description"></p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                <div data-bind="attr: {id: 'responseForm' + ConversationId()}" class="responseForm collapse">
                                    <form class="well well-sm" style="margin-bottom: 0;" data-bind="submit: saveResponse">
                                        @if (Model.ClickedRequest.RequestTypeId == (int)RFI.Core.RequestTypeEnum.TSC01)
                                        {
                                            @: <div class="form-group">
                                                @: <div class="col-md-2">Disclaimer:</div>
                                                @: <div class="col-md-10">
                                                    @: <div>It is acknowledged that all responses provided to the TSC<br />are accurate up to the time that they are submitted.</div>
                                                    if (Model.ClickedRequest.AttachmentTemplateWorkup != null || Model.ClickedRequest.AttachmentTemplateFlyer != null)
                                                    {
                                                        @: <div style="margin-top:8px;">
                                                            if (Model.ClickedRequest.AttachmentTemplateWorkup != null)
                                                            {
                                                                @: <div><a target="_blank" href="@(Model.ClickedRequest.AttachmentTemplateWorkup)">Response Template</a></div>
                                                            }
                                                            if (Model.ClickedRequest.AttachmentTemplateFlyer != null)
                                                            {
                                                                @: <div><a target="_blank" href="@(Model.ClickedRequest.AttachmentTemplateFlyer)">Response Guidance</a></div>
                                                            }
                                                            @: <div style="margin-top:8px; color:red; font-style:italic;">Template and guidance last updated 12/2017</div>
                                                        @: </div>
                                                    }
                                                    @: </div>
                                                @: </div>
                                            @: </div>
                                        }
                                        <div class="form-group">
                                            <textarea id="@RequestUiMap.ResponseText.Using" name="Statement" class="form-control required-input" rows="4" placeholder="Enter response text" onchange="enableSaveButtons();"></textarea>
                                        </div>

                                        <div class="form-group" data-bind="with: NewAttachments">
                                            @{string sectionLabelAttachments2 = GetLabel(requestTypeData.SectionsInUse, AppSectionEnum.RequestAttachments);}
                                            <h5>
                                                <strong>@(sectionLabelAttachments2)</strong>
                                                <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createAttachment"><span class="glyphicon glyphicon-plus"></span> New Attachment</button>
                                            </h5>
                                            @BuildNoRowsMessage(sectionLabelAttachments2, oneResponse.Attachments.Count, AppSectionEnum.RequestResponderManagement)
                                            <table class="table table-bordered table-condensed xs-top-bottom-margins" data-bind="visible: Items().length > 0">
                                                <thead>
                                                    <tr>
                                                        <th scope="col" class="col-sm-4">Filename</th>
                                                        <th scope="col" class="col-sm-1" data-bind="visible: FileApiSupported()">Type</th>
                                                        <th scope="col" class="col-sm-1" data-bind="visible: FileApiSupported()">Size</th>
                                                        <th scope="col" class="col-sm-1" data-bind="visible: !ForResponse()">Added</th>
                                                        <th scope="col" class="col-sm-1">Actions</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>
                                        </div>

                                        <hr />
                                        <div class="form-group" data-bind="if: ReplyingToAll()">
                                            <p class="respondingtoall">What you've written will be visible to <strong>all</strong> responders for this request!</p>
                                        </div>
                                        <div>
                                            <button id="btnSubmitResponse" type="submit" class="btn btn-primary">Submit Response</button>
                                            <input type="button" value="Cancel" class="btn btn-default" onclick="cancelResponse(this);" />
                                        </div>

                                    </form>
                                </div>

                                @*
                                    <div data-bind="attr: {id: 'forwardForm' + ConversationId()}" class="forwardForm collapse">
                                        <form class="well well-sm" style="margin-bottom: 0;" data-bind="submit: addForward">
                                            <div class="form-group">
                                                <label>Forward to Group(s)</label>
                                                <select class="form-control" data-bind="options: $root.Context.NonIncludedGroups(), optionsText: 'GroupName', optionsValue: 'GroupId', selectedOptions: ForwardedGroups" multiple="multiple"></select>
                                            </div>
                                            <button type="submit" class="btn btn-primary">Forward</button>
                                            <input type="button" class="btn btn-default" value="Cancel" onclick="cancelAction(this);" />
                                        </form>
                                    </div>
                                *@

                                <div data-bind="attr: {id: 'assignForm' + ConversationId()}" class="assignForm collapse">
                                    <form class="well well-sm" style="margin-bottom: 0;" data-bind="submit: assignConversation">
                                        <div class="form-group">
                                            <label>Assign a Group Member</label>
                                            <select class="form-control"
                                                    data-bind="options: AssignmentsList(),
                                                    optionsText: function(item) { return item.Contact.Individual.LastName + ', ' + item.Contact.Individual.FirstName },
                                                    optionsValue: 'MemberId',
                                                    optionsCaption: '(unassigned)',
                                                    value: AssignedMemberId,
                                                    valueAllowUnset: true">
                                            </select>
                                        </div>
                                        <button type="submit" class="btn btn-primary">Assign</button>
                                        <input  type="button" class="btn btn-default" value="Cancel" onclick="cancelAction(this);" />
                                    </form>
                                </div>
                            }
                        </div>
                        <!-- /ko -->
                    </script>

                </div>
            </div>

            <a href="#" onfocus="setSaveBtnFocus(null, this);" class="screen-reader-text"></a>

            @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestAttachments))
            {
                <div class="modal" id="divAttachmentsModal" tabindex="-1" role="dialog" data-bind="with: AttachmentModelWithActiveUploads">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" data-target="#divAttachmentsModal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">Add Attachments</h4>
                            </div>
                            <div class="modal-body">
                                <div class="form-horizontal" data-bind="template: { name: 'AttachmentUploadTemplate', foreach: ActiveUploads() }"></div>
                                <div class="form-group">
                                    <button type="button" class="btn btn-primarylight btn-sm col-md-offset-3" data-bind="click: createAttachment"><span class="glyphicon glyphicon-plus"></span> Add Another File</button>
                                </div>

                                <script type="text/html" id="AttachmentUploadTemplate">
                                    <div class="form-group">
                                        <label data-bind="attr: {'for': FileInputId()}" class="control-label col-md-3">Select a File</label>
                                        <div class="col-md-9">
                                            <input type="file" name="files[]" aria-label="Attachments" class="form-control input-sm required-input"
                                                   data-bind="event: {change: processUpload}, attr: {'id': FileInputId()}" />
                                        </div>
                                    </div>
                                </script>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-warning" data-bind="click: $root.clearActiveUploads">Cancel</button>
                                <button type="button" class="btn btn-success" disabled="disabled" id="btnUploadAttachment" data-bind="click: $root.saveActiveUploads">Upload File(s)</button>
                            </div>
                        </div>
                    </div>
                </div>
            }

            <div class="modal" id="divCategoriesModal">
                <div class="modal-dialog modal-sm">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-bind="click: closeCategoriesModal"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title">Categories for RFI #@(Model.ClickedRequest.TrackingId) <span class="required-marker">*</span></h4>
                        </div>
                        <div class="modal-body" style="overflow-y: scroll; height: 350px;">
                            <div class="form-group">
                                @foreach (var oneDivision in Model.ClickedRequest.AssignableCategories)
                                {
                                    @: <p class="categoryHeader">@(oneDivision.DivisionName)</p>
                                    foreach (var oneMapping in oneDivision.MappingDTOs)
                                    {
                                        <div class="checkbox"><label><input type="checkbox" data-bind="click: toggleCategorySelect" name="@(oneMapping.CategoryNameOverride)" value="@(oneMapping.CategoryId)" id="@RequestUiMap.CategoryCheckBox.Using@(oneMapping.CategoryId)" onchange="categoryWasClicked();" />@(oneMapping.CategoryNameOverride)</label></div>
                                    }
                                }
                            </div>
                        </div>
                        <div class="modal-footer clearfix">
                            <button id="btnCloseCategories" type="button" class="btn btn-success" data-bind="click: closeCategoriesModal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

            @if (requestTypeData.SectionIds.Contains(AppSectionEnum.RequestPersons))
            {
                <div class="modal" id="divPersonsModal" tabindex="-1" role="dialog">
                    <div class="modal-dialog modal-lg" style="width: 900px;">
                        <div class="modal-content" data-bind="with: Persons">
                            <div class="modal-header">
                                <button type="button" class="close" data-bind="click: closePersonModal"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">Person for RFI #<span class="tracking">@(Model.ClickedRequest.TrackingId)</span></h4>
                            </div>
                            <div class="modal-body" data-bind="with: SelectedPerson">
                                <div class="person-container clearfix row form-horizontal">

                                    <div class="clearfix" style="margin-bottom: 10px;">
                                        <div class="col-md-5">
                                            <div class="form-group">
                                                <label class="control-label col-md-3">Comments</label>
                                                <div class="col-md-9">
                                                    <p id="lblPersonComment" tabindex="0" class="form-control-static editable" data-bind="textEditable: Comment, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                    <textarea class="form-control input-sm focusTarget" aria-labelledby="lblPersonComment" data-bind="value: Comment, event: {change: requestFieldChanged, blur: showReadableField }"></textarea>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-7">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonType))
                                                    {
                                                        var listofTypes = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonType) : null;
                                                    <div class="form-group">
                                                        <label class="control-label col-md-5">Type</label>
                                                        <div class="col-md-7">
                                                            <p id="lblPersonTypeName" tabindex="0" class="form-control-static editable" data-bind="textEditable: PersonTypeName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                            @Html.DropDownList("PersonTypeId", listofTypes, new { data_bind = "value: PersonTypeId, event: {change: requestFieldChanged, blur: showReadableField }, attr: {id: 'txtPersonType' + ContextId()}", aria_label = "Person Involvement", @class = "form-control input-sm focusTarget" })
                                                        </div>
                                                    </div>
                                                    }
                                                    @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonDateOfBirth))
                                                    {
                                                    <div class="form-group">
                                                        <label class="control-label col-md-5">DOB</label>
                                                        <div class="col-md-7">
                                                            <p id="lblDateOfBirth" tabindex="0" class="form-control-static editable" data-bind="textEditable: DateOfBirth, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                            <input id="personDateOfBirth" fieldenum="@((int)AppFieldEnum.PersonDateOfBirth)" type="text" aria-labelledby="lblDateOfBirth" class="form-control input-sm focusTarget" data-bind="value: DateOfBirth, event: {change: requestDateFieldChanged, blur: showReadableField }" />
                                                        </div>
                                                    </div>
                                                    }
                                                    @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonRace))
                                                    {
                                                        var listofRaces = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonRace) : null;
                                                    <div class="form-group">
                                                        <label class="control-label col-md-5">Race</label>
                                                        <div class="col-md-7">
                                                            <p id="lblPersonRaceName" tabindex="0" class="form-control-static editable" data-bind="textEditable: PersonRaceName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                            @Html.DropDownList("PersonRaceId", listofRaces, "", new { data_bind = "value: PersonRaceId, event: {change: requestFieldChanged, blur: showReadableField }, attr: {id: 'txtPersonRace' + ContextId()}", aria_label = "Person Involvement", @class = "form-control input-sm focusTarget" })
                                                        </div>
                                                    </div>
                                                    }
                                                </div>
                                                <div class="col-md-4">
                                                    @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonGender))
                                                    {
                                                        var listofGenders = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonGender) : null;
                                                    <div class="form-group">
                                                        <label class="control-label col-md-5">Gender</label>
                                                        <div class="col-md-7">
                                                            <p id="lblPersonGenderName" tabindex="0" class="form-control-static editable" data-bind="textEditable: PersonGenderName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                            @Html.DropDownList("PersonGenderId", listofGenders, "", new { data_bind = "value: PersonGenderId, event: {change: requestFieldChanged, blur: showReadableField }, attr: {id: 'txtPersonGender' + ContextId()}", aria_label = "Person Involvement", @class = "form-control input-sm focusTarget" })
                                                        </div>
                                                    </div>
                                                    }
                                                    @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonHeight))
                                                    {
                                                    <div class="form-group">
                                                        <label class="control-label col-md-5">Height</label>
                                                        <div class="col-md-7">
                                                            <p id="lblHeight" tabindex="0" class="form-control-static editable" data-bind="textEditable: Height, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                            <input type="text" aria-labelledby="lblHeight" class="form-control input-sm focusTarget" data-bind="value: Height, event: {change: requestFieldChanged, blur: showReadableField }" />

                                                        </div>
                                                    </div>
                                                    }
                                                    @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonWeight))
                                                    {
                                                    <div class="form-group">
                                                        <label class="control-label col-md-5">Weight</label>
                                                        <div class="col-md-7">
                                                            <p id="lblWeight" tabindex="0" class="form-control-static editable" data-bind="textEditable: Weight, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                            <input type="text" aria-labelledby="lblWeight" class="form-control input-sm focusTarget" data-bind="value: Weight, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                        </div>
                                                    </div>
                                                    }
                                                </div>
                                                <div class="col-md-4">
                                                    @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonEyes))
                                                    {
                                                        var listofEyes = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonEyes) : null;
                                                    <div class="form-group">
                                                        <label class="control-label col-md-5">Eyes</label>
                                                        <div class="col-md-7">
                                                            <p id="lblPersonEyeColorName" tabindex="0" class="form-control-static editable" data-bind="textEditable: PersonEyeColorName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                            @Html.DropDownList("PersonEyeColorId", listofEyes, "", new { data_bind = "value: PersonEyeColorId, event: {change: requestFieldChanged, blur: showReadableField }, attr: {id: 'txtPersonEyeColor' + ContextId()}", aria_label = "Person Involvement", @class = "form-control input-sm focusTarget" })
                                                        </div>
                                                    </div>
                                                    }
                                                    @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonHair))
                                                    {
                                                        var listofHairs = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonHair) : null;
                                                    <div class="form-group">
                                                        <label class="control-label col-md-5">Hair</label>
                                                        <div class="col-md-7">
                                                            <p id="lblPersonHairColorName" tabindex="0" class="form-control-static editable" data-bind="textEditable: PersonHairColorName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></p>
                                                            @Html.DropDownList("PersonHairColorId", listofHairs, "", new { data_bind = "value: PersonHairColorId, event: {change: requestFieldChanged, blur: showReadableField }, attr: {id: 'txtPersonHairColor' + ContextId()}", aria_label = "Person Involvement", @class = "form-control input-sm focusTarget" })
                                                        </div>
                                                    </div>
                                                    }
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="clearfix">
                                        <div class="col-md-6">
                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonMonikerType))
                                            {
                                                string subsectionLabelMonikers = GetLabel(AppSubsectionEnum.RequestPersonMoniker);
                                            <div class="panel panel-default" data-bind="with: Monikers">
                                                <div class="panel-heading">
                                                    @if (canModifyRequest)
                                                    {
                                                        <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createItem"><span class="glyphicon glyphicon-plus"></span> Add</button>
                                                    }
                                                    @(subsectionLabelMonikers)
                                                </div>
                                                <div class="panel-body table-responsive">
                                                    @BuildNoRowsMessage(subsectionLabelMonikers, onePerson.Monikers.Count, AppSectionEnum.RequestPersons)
                                                    @StartSectionTable(0)
                                                        <thead>
                                                            <tr>
                                                                <th scope="col" style="width: 20%" id="lblMonikerType"  >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonMonikerType, true)</th>
                                                                <th scope="col" style="width: 22%" id="lblMonikerFName" >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonMonikerFirst)</th>
                                                                <th scope="col" style="width: 14%" id="lblMonikerMName" >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonMonikerMiddle)</th>
                                                                <th scope="col" style="width: 22%" id="lblMonikerLName" >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonMonikerLast)</th>
                                                                <th scope="col" style="width: 14%" id="lblMonikerSuffix">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonMonikerSuffix)</th>
                                                                <th scope="col" style="width: 8%"></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach (var oneEmailAddress in onePerson.EmailAddresses)
                                                        {
                                                            var listOfMonikerTypes = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonMonikerType) : null;
                                                            <tr>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: MonikerTypeName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    @Html.DropDownList("MonikerTypeId", listOfMonikerTypes, new { data_bind = "value: MonikerTypeId, attr: {id: 'txtMonikerType' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblMonikerType", @class = "form-control input-sm focusTarget" })
                                                                </td>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: FirstName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    <input type="text" aria-labelledby="lblMonikerFName" class="form-control input-sm focusTarget" data-bind="value: FirstName, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </td>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: MiddleName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No val'"></span>
                                                                    <input type="text" aria-labelledby="lblMonikerMName" class="form-control input-sm focusTarget" data-bind="value: MiddleName, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </td>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: LastName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    <input type="text" aria-labelledby="lblMonikerLName" class="form-control input-sm focusTarget" data-bind="value: LastName, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </td>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: Suffix, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No val'"></span>
                                                                    <input type="text" aria-labelledby="lblMonikerSuffix" class="form-control input-sm focusTarget" data-bind="value: Suffix, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </td>
                                                                <td class="text-right">
                                                                    @GlobalHelpers.GenerateDeleteButton(canModifyRequest, "Name")
                                                                </td>
                                                            </tr>
                                                        }
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            }
                                        </div>


                                        <div class="col-md-6">
                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonEmailAddressType))
                                            {
                                                string subsectionLabelEmailAddresses = GetLabel(AppSubsectionEnum.RequestPersonEmailAddress);
                                            <div class="panel panel-default" data-bind="with: EmailAddresses">
                                                <div class="panel-heading">
                                                    @if (canModifyRequest)
                                                    {
                                                        <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createItem"><span class="glyphicon glyphicon-plus"></span> Add</button>
                                                    }
                                                    @(subsectionLabelEmailAddresses)
                                                </div>
                                                <div class="panel-body table-responsive">
                                                    @BuildNoRowsMessage(subsectionLabelEmailAddresses, onePerson.EmailAddresses.Count, AppSectionEnum.RequestPersons)
                                                    @StartSectionTable(0)
                                                        <thead>
                                                            <tr>
                                                                <th scope="col" style="width: 20%" id="lblEmailAddressType"   >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonEmailAddressType, true)</th>
                                                                <th scope="col" style="width: 72%" id="lblEmailAddressAddress">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonEmailAddressAddress, false, true)</th>
                                                                <th scope="col" style="width: 8%"></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach (var oneEmailAddress in onePerson.EmailAddresses)
                                                        {
                                                            var listOfEmailAddressTypes = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonEmailAddressType) : null;
                                                            <tr>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: EmailAddressTypeName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    @Html.DropDownList("EmailAddressTypeId", listOfEmailAddressTypes, new { data_bind = "value: EmailAddressTypeId, attr: {id: 'txtEmailAddressType' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblEmailAddressType", @class = "form-control input-sm focusTarget" })
                                                                </td>
                                                                <td>
                                                                    <div class="row">
                                                                        <span tabindex="0" class="editable" data-bind="textEditable: CompleteAddress, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                        <input type="text" aria-label="Complete Address" class="form-control input-sm focusTarget" data-bind="value: CompleteAddress, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                    </div>
                                                                </td>
                                                                <td class="text-right">
                                                                    @GlobalHelpers.GenerateDeleteButton(canModifyRequest, "Email Address")
                                                                </td>
                                                            </tr>
                                                        }
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            }
                                        </div>
                                    </div>

                                    <div class="clearfix">
                                        <div class="col-md-6">
                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonCredentialType))
                                            {
                                                string subsectionLabelCredentials = GetLabel(AppSubsectionEnum.RequestPersonCredential);
                                            <div class="panel panel-default" data-bind="with: Credentials">
                                                <div class="panel-heading">
                                                    @if (canModifyRequest)
                                                    {
                                                        <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createItem"><span class="glyphicon glyphicon-plus"></span> Add</button>
                                                    }
                                                    @(subsectionLabelCredentials)
                                                </div>
                                                <div class="panel-body table-responsive">
                                                    @BuildNoRowsMessage(subsectionLabelCredentials, onePerson.Credentials.Count, AppSectionEnum.RequestPersons)
                                                    @StartSectionTable(0)
                                                        <thead>
                                                            <tr>
                                                                <th scope="col" style="width: 20%" id="lblCredentialTypeId"    >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonCredentialType, true)</th>
                                                                <th scope="col" style="width: 30%" id="lblCredentialIdentifier">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonCredentialIdentifier, false, true)</th>
                                                                <th scope="col" style="width: 21%" id="lblCredentialCountry"   >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonCredentialCountry)</th>
                                                                <th scope="col" style="width: 21%" id="lblCredentialProvince"  >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonCredentialState)</th>
                                                                <th scope="col" style="width: 8%"></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach (var oneCredential in onePerson.Credentials)
                                                        {
                                                            var listOfCredentialTypes = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonCredentialType) : null;
                                                            <tr>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: CredentialTypeName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    @Html.DropDownList("CredentialTypeId", listOfCredentialTypes, new { data_bind = "value: CredentialTypeId, attr: {id: 'txtCredentialType' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblCredentialTypeId", @class = "form-control input-sm focusTarget" })
                                                                </td>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: UniqueID, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    <input aria-labelledby="lblCredentialIdentifier" type="text" class="form-control input-sm focusTarget" data-bind="value: UniqueID, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </td>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: CountryAbbr3, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    <select aria-labelledby="lblCredentialCountry" class="form-control input-sm focusTarget"
                                                                            data-bind="options: $root.Persons.CountryOptions,
                                                                                        optionsText: 'CountryName',
                                                                                        optionsValue: 'CountryId',
                                                                                        value: CountryId,
                                                                                        attr: {id: 'txtCountry' + ContextId()},
                                                                                        event: {change: requestFieldChanged, blur: showReadableField }"></select>
                                                                </td>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: ProvinceAbbr, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    <select aria-labelledby="lblCredentialProvince" class="form-control input-sm focusTarget"
                                                                            data-bind="options: $root.Persons.ProvinceOptions,
                                                                                        optionsText: 'ProvinceAbbr',
                                                                                        optionsValue: 'ProvinceId',
                                                                                        optionsCaption: '',
                                                                                        value: ProvinceId,
                                                                                        attr: {id: 'txtProvince' + ContextId()},
                                                                                        event: {change: requestFieldChanged, blur: showReadableField }"></select>
                                                                </td>
                                                                <td class="text-right">
                                                                    @GlobalHelpers.GenerateDeleteButton(canModifyRequest, "Identification")
                                                                </td>
                                                            </tr>
                                                        }
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            }
                                        </div>

                                        <div class="col-md-6">
                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonTelephoneType))
                                            {
                                                string subsectionLabelTelephones = GetLabel(AppSubsectionEnum.RequestPersonTelephone);
                                            <div class="panel panel-default" data-bind="with: Telephones">
                                                <div class="panel-heading">
                                                    @if (canModifyRequest)
                                                    {
                                                        <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createItem"><span class="glyphicon glyphicon-plus"></span> Add</button>
                                                    }
                                                    @(subsectionLabelTelephones)
                                                </div>
                                                <div class="panel-body table-responsive">
                                                    @BuildNoRowsMessage(subsectionLabelTelephones, onePerson.Telephones.Count, AppSectionEnum.RequestPersons)
                                                    @StartSectionTable(0)
                                                        <thead>
                                                            <tr>
                                                                <th scope="col" style="width: 20%" id="lblTelephoneTypeId" >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonTelephoneType, true)</th>
                                                                <th scope="col" style="width: 20%" id="lblTelephoneCountry">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonTelephoneCountry)</th>
                                                                <th scope="col" style="width: 32%" id="lblTelephoneNumber" >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonTelephoneNumber, false, true)</th>
                                                                <th scope="col" style="width: 20%" id="lblTelephoneExt"    >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonTelephoneExt)</th>
                                                                <th scope="col" style="width: 8%"></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach (var oneTelephone in onePerson.Telephones)
                                                        {
                                                            var listOfTelephoneTypes = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonTelephoneType) : null;
                                                            <tr>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: TelephoneTypeName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    @Html.DropDownList("TelephoneTypeId", listOfTelephoneTypes, new { data_bind = "value: TelephoneTypeId, attr: {id: 'txtTelephoneType' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblTelephoneTypeId", @class = "form-control input-sm focusTarget" })
                                                                </td>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: CountryAbbr3, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    <select aria-labelledby="lblTelephoneCountry" class="form-control input-sm focusTarget"
                                                                            data-bind="options: $root.Persons.CountryOptions,
                                                                        optionsText: 'CountryAbbr3',
                                                                        optionsValue: 'CountryId',
                                                                        value: CountryId,
                                                                        attr: {id: 'txtCountry' + ContextId()},
                                                                        event: {change: requestFieldChanged, blur: showReadableField }"></select>
                                                                </td>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: TelephoneNumber, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    <input aria-labelledby="lblTelephoneNumber" type="text" class="form-control input-sm focusTarget" data-bind="value: TelephoneNumber, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </td>
                                                                <td>
                                                                    <span tabindex="0" class="editable" data-bind="textEditable: Extension, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                    <input aria-labelledby="lblTelephoneExt" type="text" class="form-control input-sm focusTarget" data-bind="value: Extension, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                </td>
                                                                <td class="text-right">
                                                                    @GlobalHelpers.GenerateDeleteButton(canModifyRequest, "Phone Number")
                                                                </td>
                                                            </tr>
                                                        }
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            }
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonDeliveryPointType))
                                        {
                                            string subsectionLabelDeliveryPoints = GetLabel(AppSubsectionEnum.RequestPersonDeliveryPoint);
                                        <div class="panel panel-default" data-bind="with: DeliveryPoints">
                                            <div class="panel-heading">
                                                @if (canModifyRequest)
                                                {
                                                    <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createItem"><span class="glyphicon glyphicon-plus"></span> Add</button>
                                                }
                                                @(subsectionLabelDeliveryPoints)
                                            </div>
                                            <div class="panel-body table-responsive">
                                                @BuildNoRowsMessage(subsectionLabelDeliveryPoints, onePerson.DeliveryPoints.Count, AppSectionEnum.RequestPersons)
                                                @StartSectionTable(0)
                                                    <thead>
                                                        <tr>
                                                            <th scope="col" style="width: 10%;" id="lblDeliveryPointTypeId" >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonDeliveryPointType, true)</th>
                                                            <th scope="col" style="width: 20%;" id="lblDeliveryPointLine1"  >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonDeliveryPointLine1)</th>
                                                            <th scope="col" style="width: 20%;" id="lblDeliveryPointLine2"  >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonDeliveryPointLine2)</th>
                                                            <th scope="col" style="width: 15%;" id="lblDeliveryPointCity"   >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonDeliveryPointCity)</th>
                                                            <th scope="col" style="width: 10%;" id="lblDeliveryPointCountry">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonDeliveryPointCountry)</th>
                                                            <th scope="col" style="width: 10%;" id="lblDeliveryPointState"  >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonDeliveryPointState)</th>
                                                            <th scope="col" style="width: 10%;" id="lblDeliveryPointPostal" >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonDeliveryPointPostal)</th>
                                                            <th scope="col" style="width: 5%;"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach (var oneDeliveryPoint in onePerson.DeliveryPoints)
                                                    {
                                                        var listOfDeliveryPointTypes = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonDeliveryPointType) : null;
                                                        <tr>
                                                            <td>
                                                                <span tabindex="0" class="editable" data-bind="textEditable: DeliveryPointTypeName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                @Html.DropDownList("DeliveryPointTypeId", listOfDeliveryPointTypes, new { data_bind = "value: DeliveryPointTypeId, attr: {id: 'txtDeliveryPointType' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblDeliveryPointTypeId", @class = "form-control input-sm focusTarget" })
                                                            </td>
                                                            <td>
                                                                <span tabindex="0" class="editable" data-bind="textEditable: Line1, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                <input aria-labelledby="lblDeliveryPointLine1" type="text" class="form-control input-sm focusTarget" data-bind="value: Line1, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                            </td>
                                                            <td>
                                                                <span tabindex="0" class="editable" data-bind="textEditable: Line2, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                <input aria-labelledby="lblDeliveryPointLine2" type="text" class="form-control input-sm focusTarget" data-bind="value: Line2, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                            </td>
                                                            <td>
                                                                <span tabindex="0" class="editable" data-bind="textEditable: City, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                <input aria-labelledby="lblDeliveryPointCity" type="text" class="form-control input-sm focusTarget" data-bind="value: City, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                            </td>
                                                            <td>
                                                                <span tabindex="0" class="editable" data-bind="textEditable: CountryAbbr3, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                <select aria-labelledby="lblDeliveryPointCountry" class="form-control input-sm focusTarget"
                                                                        data-bind="options: $root.Persons.CountryOptions,
                                                                    optionsText: 'CountryAbbr3',
                                                                    optionsValue: 'CountryId',
                                                                    value: CountryId,
                                                                    attr: {id: 'txtCountry' + ContextId()},
                                                                    event: {change: requestFieldChanged, blur: showReadableField }">
                                                                </select>
                                                            </td>
                                                            <td>
                                                                <span tabindex="0" class="editable" data-bind="textEditable: ProvinceAbbr, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                <select aria-labelledby="lblDeliveryPointState" class="form-control input-sm focusTarget"
                                                                        data-bind="options: $root.Persons.ProvinceOptions,
                                                                                   optionsText: 'ProvinceAbbr',
                                                                                   optionsValue: 'ProvinceId',
                                                                                   optionsCaption: '',
                                                                                   value: ProvinceId,
                                                                                    attr: {id: 'txtProvince' + ContextId()},
                                                                                   event: {change: requestFieldChanged, blur: showReadableField }">
                                                                </select>
                                                            </td>
                                                            <td>
                                                                <span tabindex="0" class="editable" data-bind="textEditable: PostalCode, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                <input aria-labelledby="lblDeliveryPointPostal" type="text" class="form-control input-sm focusTarget" data-bind="value: PostalCode, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                            </td>
                                                            <td class="text-right">
                                                                @GlobalHelpers.GenerateDeleteButton(canModifyRequest, "Address")
                                                            </td>
                                                        </tr>
                                                    }
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        }
                                    </div>

                                    <div class="clearfix">
                                        <div class="col-md-12">
                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonSMTType))
                                            {
                                                string subsectionLabelSMTs = GetLabel(AppSubsectionEnum.RequestPersonSMT);
                                            <div class="panel panel-default" data-bind="with: ScarMarkTattoos">
                                                <div class="panel-heading">
                                                    @if (canModifyRequest)
                                                    {
                                                        <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createItem"><span class="glyphicon glyphicon-plus"></span> Add</button>
                                                    }
                                                    @(subsectionLabelSMTs)
                                                </div>
                                                <div class="panel-body table-responsive">
                                                    @BuildNoRowsMessage(GetLabel(AppSubsectionEnum.RequestPersonSMT, true), onePerson.ScarMarkTattoos.Count, AppSectionEnum.RequestPersons, false)
                                                    @StartSectionTable(0)
                                                        <thead>
                                                            <tr>
                                                                <th scope="col" style="width: 20%" id="lblSMTTypeId"  >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonSMTType, true)</th>
                                                                <th scope="col" style="width: 30%" id="lblSMTLocation">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonSMTLocation)</th>
                                                                <th scope="col" style="width: 21%" id="lblSMTBodyPart">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonSMTBodyPart)</th>
                                                                <th scope="col" style="width: 21%" id="lblSMTOther"   >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonSMTOther)</th>
                                                                <th scope="col" style="width: 8%"></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @{
                                                            var listOfSMTTypes     = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonSMTType,     0) : null;
                                                            var listOfSMTLocations = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonSMTLocation, 0) : null;
                                                            var listOfSMTBodyParts = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonSMTBodyPart, 0) : null;
                                                            var listOfSMTOthers    = canModifyRequest ? BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonSMTOther,    0) : null;
                                                            foreach (var oneSMT in onePerson.ScarMarkTattoos)
                                                            {
                                                                <tr>
                                                                    <td>
                                                                        <span tabindex="0" class="editable" data-bind="textEditable: SMTTypeName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                        @Html.DropDownList("SMTTypeId", listOfSMTTypes, new { data_bind = "value: SMTTypeId, attr: {id: 'txtSMTType' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblSMTTypeId", @class = "form-control input-sm focusTarget" })
                                                                    </td>
                                                                    <td>
                                                                        <span tabindex="0" class="editable" data-bind="textEditable: SMTLocationName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                        @Html.DropDownList("SMTLocationId", listOfSMTLocations, new { data_bind = "value: SMTLocationId, attr: {id: 'txtSMTLocation' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblSMTLocationId", @class = "form-control input-sm focusTarget" })
                                                                    </td>
                                                                    <td>
                                                                        <span tabindex="0" class="editable" data-bind="textEditable: SMTBodyPartName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                        @Html.DropDownList("SMTBodyPartId", listOfSMTBodyParts, new { data_bind = "value: SMTBodyPartId, attr: {id: 'txtSMTBodyPart' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblSMTBodyPartId", @class = "form-control input-sm focusTarget" })
                                                                    </td>
                                                                    <td>
                                                                        <span tabindex="0" class="editable" data-bind="textEditable: SMTOtherName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                        @Html.DropDownList("SMTOtherId", listOfSMTOthers, new { data_bind = "value: SMTOtherId, attr: {id: 'txtSMTOther' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblSMTOtherId", @class = "form-control input-sm focusTarget" })
                                                                    </td>
                                                                    <td class="text-right">
                                                                        @GlobalHelpers.GenerateDeleteButton(canModifyRequest, "ScarMarkTattoo")
                                                                    </td>
                                                                </tr>
                                                            }
                                                        }
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            }
                                        </div>
                                    </div>

                                    <div class="clearfix">
                                        <div class="col-md-12">
                                            @if (requestTypeData.FieldIds.Contains(AppFieldEnum.PersonGangType))
                                            {
                                                string subsectionLabelGangs = GetLabel(AppSubsectionEnum.RequestPersonGang);
                                            <div class="panel panel-default" data-bind="with: Gangs">
                                                <div class="panel-heading">
                                                    @if (canModifyRequest)
                                                    {
                                                        <button type="button" class="btn btn-xs btn-primarylight pull-right" data-bind="click: createItem"><span class="glyphicon glyphicon-plus"></span> Add</button>
                                                    }
                                                    @(subsectionLabelGangs)
                                                </div>
                                                <div class="panel-body table-responsive">
                                                    @BuildNoRowsMessage(subsectionLabelGangs, onePerson.Gangs.Count, AppSectionEnum.RequestPersons)
                                                    @StartSectionTable(0)
                                                        <thead>
                                                            <tr>
                                                                <th scope="col" style="width: 20%;"                    id="lblGangTypeId"     >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonGangType, true)</th>
                                                                <th scope="col" style="width: 40%;"                    id="lblGangName"       >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonGangName)</th>
                                                                <th scope="col" style="width: 20%;"                    id="lblGangAffiliation">@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonGangAffiliation)</th>
                                                                <th scope="col" style="width: 12%; text-align:center;" id="lblGangValidated"  >@GetLabel(requestTypeData.FieldsInUse, AppFieldEnum.PersonGangValidated)</th>
                                                                <th scope="col" style="width:  8%;"></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @{
                                                            var listOfGangTypes        = BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonGangType);
                                                            var listOfGangAffiliations = BuildSelectList(Model.FormRequestModel.AllFieldOptions, AppFieldEnum.PersonGangAffiliation);
                                                            foreach (var oneGang in onePerson.Gangs)
                                                            {
                                                                <tr>
                                                                    <td>
                                                                        <span tabindex="0" class="editable" data-bind="textEditable: GangTypeName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                        @Html.DropDownList("GangTypeId", listOfGangTypes, new { data_bind = "value: GangTypeId, attr: {id: 'txtGangType' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblGangTypeId", @class = "form-control input-sm focusTarget" })
                                                                    </td>
                                                                    <td>
                                                                        <span tabindex="0" class="editable" data-bind="textEditable: GangName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                        <input aria-labelledby="lblGangName" type="text" class="form-control input-sm focusTarget" data-bind="value: GangName, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                    </td>
                                                                    <td>
                                                                        <span tabindex="0" class="editable" data-bind="textEditable: GangAffiliationName, click: showEditableField, canModify: '@(canModifyRequest)', placeholder: 'No value'"></span>
                                                                        @Html.DropDownList("GangAffiliationId", listOfGangAffiliations, new { data_bind = "value: GangAffiliationId, attr: {id: 'txtGangAffiliation' + ContextId()}, event: {change: requestFieldChanged, blur: showReadableField }", aria_labelledby = "lblGangAffiliationId", @class = "form-control input-sm focusTarget" })
                                                                    </td>
                                                                    <td style="text-align:center;">
                                                                        <input aria-labelledby="lblGangExt" type="checkbox" data-bind="value: Validated, event: {change: requestFieldChanged, blur: showReadableField }" />
                                                                    </td>
                                                                    <td class="text-right">
                                                                        @GlobalHelpers.GenerateDeleteButton(canModifyRequest, "Gang")
                                                                    </td>
                                                                </tr>
                                                            }
                                                        }
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            }
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="modal-footer clearfix">
                                <button type="button" class="btn btn-success" data-bind="click: closePersonModal">Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            }

            @if (requestTypeData.Boilerplate != null)
            {
                <div class="row">
                    @(Html.Raw(requestTypeData.Boilerplate))
                </div>
            }

        </div>

    </div>

    <div class="modal" id="divModalCloseRequest" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" data-target="#divModalCloseRequest" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">You are about to close This request</h4>
                </div>
                <div class="modal-body">
                    <p>After closing this request, <strong>no more responses will be allowed.</strong></p>
                    <p>Enter any concluding remarks here <em>(optional)</em>:</p>
                    <div>
                        <textarea id="taCloseRemark" rows="6" class="form-control"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" data-target="#divModalCloseRequest">Leave Open</button>
                    <button id="btnCloseClose" class="btn btn-warning" type="button" onclick="closeThisRequest(false);">Confirm Close</button>
                    @if (canCancelRequest)
                    {
                        <button id="btnCloseCancel" class="btn btn-danger" type="button" onclick="closeThisRequest(true);">"Cancel" for Reporting Purposes</button>
                    }
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="/Scripts/Home/DistLists.js?v=@(Model.HomeCommonModel.Version)"></script>
    <script type="text/javascript" src="/Scripts/Request/Request.js?v=@(Model.HomeCommonModel.Version)"></script>

    <script type="text/javascript">

        var showEditableField = function(dataItem, contextItem) {
            toggleRequestField(contextItem.currentTarget, true);
        };

        var showReadableField = function(dataItem, contextItem) {
            // only switch back to read on blur if this wasn't a validation problem field
            if ($(contextItem.currentTarget).closest("has-warning").length == 0) {
                toggleRequestField(contextItem.currentTarget, false);
            };
        }

        var toggleBooleanField = function(dataItem, contextItem) {
            var $yesorno = $(contextItem.currentTarget).parent().find('span');
            $yesorno.html($yesorno.html() == 'Yes' ? 'No' : 'Yes');
            enableSaveButtons();
        };

        var toggleContainerChange = function(dataItem, contextItem) {
            var $targetObj = $(contextItem.target);
            var containerObj = $targetObj.closest(".focusTarget");
            toggleRequestField(containerObj, false);
            enableSaveButtons();
            return false;
        };

        var requestFieldChanged = function(dataItem, contextItem) {
            var $targetObj = $(contextItem.target);
            var whichField = getFieldEnum($targetObj);
            if (whichField == @((int)AppFieldEnum.Subject)) {
                updateStatusButtons(0);
            }
            else if (whichField == @((int)AppFieldEnum.VehicleYear)) {
                var valueAsTyped = $targetObj.val();
                var valueAsNumber = parseInt(valueAsTyped, 10);
                var nextYear = new Date().getFullYear() + 1;
                if (isNaN(valueAsTyped) || valueAsNumber <= 1900 || valueAsNumber > nextYear) {
                    handleMessageDisplay(GlobalEnums.MessageType.Validation, "the Vehicle Year must be between 1900 and " + nextYear);
                }
            }
            else if (whichField == @((int)AppFieldEnum.PromptReason)) {
                var valueAsTyped = $targetObj.val();
                var guardianShouldBeVisible = valueAsTyped === "6";    // PromptReasonEnum.SAR
                var $guardianObj = $targetObj.closest(".form-group").next();
                $guardianObj.toggle(guardianShouldBeVisible);
            }
            else if (whichField == @((int)AppFieldEnum.ConcealReveal)) {
                concealRevealWasClicked();
            }
            toggleRequestField(contextItem.target, false);
            enableSaveButtons();
        }

        // This is only used for INPUT controls associated with dates that do NOT use the picker.
        var requestDateFieldChanged = function(dataItem, contextItem) {
            var whichField = getFieldEnum($(contextItem.target));
            var allowFuture = whichField != @((int)AppFieldEnum.PersonDateOfBirth);
            var expression = $(contextItem.target).val();
            if (parseTheDamnedDateAlready(expression, allowFuture)) {
                toggleRequestField(contextItem.target, false);
                enableSaveButtons();
            }
            else {
                var errorMessage = 'The date must be in the form MM/DD/YYYY';
                if (whichField == @((int)AppFieldEnum.PersonDateOfBirth)) {
                    errorMessage = 'The date-of-birth must be in the form MM/DD/YYYY, and not in the future.';
                }
                handleMessageDisplay(GlobalEnums.MessageType.Validation, errorMessage);
            }
        }

        function enableSaveButtons() {
            if (UserHasControl) {
                dataHasChanged(null);
            }
        }

        function toggleRequestField(focusedObj, makeEditable) {
            @if (canModifyRequest || true)
            {
                @: internalToggleRequestField(focusedObj, makeEditable);
            }
        }

        function startupRequestPage() {
            @if (Model.ClickedRequest.RequestId > 0)
            {
                // A tracking ID for a Request was specified as part of the URL and was successfully loaded
                @: requestDTO = @Html.Raw(Json.Encode(Model.ClickedRequest));
                @: bindRequest(requestDTO);
            }

            @if (canModifyRequest)
            {
                if (requestIsDraft)
                {
                    @: buildResponderList(false);
                }
            }
            else
            {
                <text>
                $(function () {
                    $(".editable").each(function() {
                        @* remove class so the labels aren't styled as clickable *@
                        $(this).removeClass("editable");
                        $(this).attr("tabindex", "-1");
                    });
                    $(".required-input-label").removeClass("required-input-label");
                    $(".required-marker-label").remove();
                });
                </text>
            }

            $(".glyphicon-question-sign").keypress(function (e) {
                if (e.keyCode == 13 && $(this).is(":focus")) {
                    $(this).click();
                }
            });

            updateStatusButtons(0);
        }

        @* This sorting of groups was dictated by HSIN-8478
        *@
        var allGroups     = @Html.Raw(Json.Encode(Model.HomeCommonModel.AllEnabledGroups.OrderBy(GRP => GRP.GroupType.GroupTypeName).ThenBy(GRP => GRP.PrefixedName).ToList()));
        var allCategories = @Html.Raw(Json.Encode(Model.HomeCommonModel.AllCategories));
        var allCountries  = @Html.Raw(Json.Encode(Model.HomeCommonModel.AllCountries));
        var usaProvinces  = @Html.Raw(Json.Encode(Model.HomeCommonModel.AmericanProvinces));

        $(function () {
            initialStartup(GlobalEnums.AppNavBarPage.Request);
            startupRequestPage();
            commonStartup();
            $("#divRFILoading").hide();
            $("#divRFISummary").show();

            // HSIN-standard field validations
            setHsinDateValidation($("#ctrlRequestNeededDate, #ctrlRequestExpiresDate"));

            allowDeletesForOwnAttachments();

            loadingPage(false);
        });
    </script>
}