@using Neo.LegitimateLicences.Common;

<div class="accordion-head section-title collapsed" id="headingAccreditationCancelApplicantDetails" data-toggle="collapse" data-target="#collapseAccreditationCancelApplicantDetails" aria-expanded="true" aria-controls="collapseAccreditationCancelApplicantDetails" role="button">
    <div class="span-mode"></div>
    <div class="span-title">
        Accreditation Cancel Details
    </div>
    <span class="accordionactions" data-bind="visible: viewModel.cts() > 0">
        <span class="fas fa-check-square text-success" id="ADValidateSuccess" data-bind="visible: viewModel.ADValidate() == true"></span>
        <span class="fas fa-window-close text-danger" id="ADValidateFailure" data-bind="visible: viewModel.ADValidate() == false"></span>
    </span>
</div>

<div id="collapseAccreditationCancelApplicantDetails" class="accordion-content section-content collapse" aria-labelledby="headingAccreditationCancelApplicantDetails" data-parent="#headingAccreditationCancelApplicantDetails" style="">
    <div class="card-body">
        <div class="row">
            <div class="col-sm-12 col-lg-4 col-xl-3">
                <div class="form-group bmd-form-group">
                    <label class="bmd-label-floating">Accreditation Number:</label>
                    <input id="SurnameOrCompanyName" type="text" data-bind="value: viewModel.data.AccreditationNumber, enable: false" maxlength="255" class="form-control" disabled />
                </div>
            </div>
            <div class="col-sm-12 col-lg-4 col-xl-3" data-bind="visible:cis() > 2">
                <div class="form-group bmd-form-group">
                    <label class="bmd-label-floating">Original Accreditation Certificate Document:</label><br />
                    <span id="OriginalAccreditationCertificateDocID" data-fileuploader-bind="documentID:data.OriginalAccreditationCertificateDocID, itemID: itemID, entityID: entityID, documentTypeID: @((short)DocumentTypeEnum.ProofofPayment), documentStoreLocationID: documentStoreLocationID, scanEnabled: false, scanPreviewEnabled: false, fileTextBoxVisible: false, verificationStatusVisible:true, floatButtons:left, viewModelName:viewModel" />
                </div>
            </div>
        </div>

    </div>
</div>

<script type="text/javascript">
@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
    ADValidate: function () {
        var s = this;
        var v = s.data;
        var _v = app.utils.validator;
        var e = [];

        _v.Reset("collapseAccreditationCancelApplicantDetails");
        if (s.cis() == 4 || s.ADIsEnabled()) {
            _v.isModelFieldEmpty("viewModel.data.OriginalAccreditationCertificateDocID", "Original Accreditation Certificate Document", e);
        }

        $("#ADValidateFailure").attr("title", e.join("\r\n"));
        return e.length==0;
    },

    ADIsEnabled: function () {
        var s = this,
            v = s.data,
            enabled = false;

        enabled = (s.cis() == 4);

        app.utils.EnableUiSection("collapseAccreditationCancelApplicantDetails", enabled);
        return enabled;
    }
});
</script>