@{
/*********************************************************
 * Required Dcument Details Start
 *********************************************************/
 }
    <fieldset data-section-id="RDD">
        <legend data-role="request-header">REQUIRED DOCUMENTS</legend>
        <section data-role="field-container" class="field-container">
            <table id="requiredDocumentsTable">
                <thead>
                    <tr>
                        <th>Document</th>
                        <th>Upload</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: value.Documents">
                    <tr>
                        <td data-bind="html: (IsMandatory()) ? DocumentType.Description() + ' *' : DocumentType.Description()" style="width:450px;"></td>
                        <td><span data-bind="attr: {id: DocumentTypeID }" style="width:450px;"></span></td>
                    </tr>
                </tbody>
            </table>
            <!--<hgroup col-display>
                <span data-checklist-bind="title: Final Verification"></span>
            </hgroup>
                -->
        </section>
    </fieldset>

    <script type="text/javascript">
        $.extend(ViewModel.prototype, {
            /*methods are called from init.cshtml*/
            RDDValidate: function (e) {
                var s = this;
                var v = s.value;
                var _v = app.utils.validator;

                if (s.CurrentTaskStep() == 2) {
                    $.each(viewModel.value.Documents(), function (j, doc) {
                        if (doc.IsMandatory()) {
                            if (doc.DocumentID() == null || doc.DocumentID() == 0 || doc.DocumentID() == "0") {
                                e.r.push(doc.DocumentType.Description() + " is required");
                            }
                        }
                    });
                }
            },

            RDDIsEnabled: function () {
                var s = this;

                return s.CurrentTaskStep() == 2 && s.ui.canSave();
            },

            RDDIsHidden: function () {
                var s = this;
                
                return s.CurrentInstanceStep() < 2 || viewModel.value.Documents().length == 0;
            },

            RDDIsCollapsed: function () {
                return false;
            },

            RDDSetup: function () {
                var s = this;
                var disabled = !s.RDDIsEnabled();

                $.each($("#requiredDocumentsTable span"), function (i, docSpan) {
                    $.each(viewModel.value.Documents(), function (j, doc) {
                        if (doc.DocumentTypeID() == $(docSpan).attr("id")) {
                            $(docSpan).attr("data-fileuploader-bind", "itemID: itemID, entityID: entityID, documentTypeID: " + doc.DocumentTypeID() + ", documentStoreLocationID: documentStoreLocationID, documentID: value.Documents()[" + j + "].DocumentID, scanEnabled: true, scanPreviewEnabled: true, fileTextBoxVisible: false, verificationStatusVisible:true, disabled:" + disabled);

                            widgets.applyFileUploaderBindingsElement(docSpan);
                        }
                    });
                });
            }
        });
    </script>
@{
/*********************************************************
 * Required Dcument Details End
 *********************************************************/
 }