@model UploadOrChooseIdentificationDocumentModel

@if (Model.ExistingIdentificationDocuments.Count > 0)
{
    <div class="row mt-4 mb-3">
        <div class="col">
            <div class="d-flex">
                <div class="form-check me-2"><input asp-for="UploadNewIdentification" id="UploadNewIdentificationYes" class="form-check-input" type="radio" value="true" /> <label class="form-check-label me-3" for="UploadNewIdentificationYes">Upload a new Identification Document</label></div>
                <div class="form-check me-2"><input asp-for="UploadNewIdentification" id="UploadNewIdentificationNah" class="form-check-input" type="radio" value="false" /><label class="form-check-label me-3" for="UploadNewIdentificationNah">Use any of the existing Identification Documents</label></div>
            </div>
        </div>
    </div>
}
else
{
    <input type="hidden" asp-for="UploadNewIdentification" />
}

<div id="NewIdentificationDocumentContainer">
    @Html.EditorFor(m => m.NewIdentificationDocument)
</div>
@if (Model.ExistingIdentificationDocuments.Count > 0)
{
    <div id="ExistingDocumentsContainer">
        <div class="row mt-4">
            <div class="col">
                <h4>Existing Identification Documents</h4>
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Identification Document Type</th>
                                <th>Expiration</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var id in Model.ExistingIdentificationDocuments)
                            {
                                <tr class="existingdocument__row">
                                    <td>@id.IdentificationType</td>
                                    <td>@id.ExpirationDate.Value.ToShortDateString()</td>
                                    <td>
                                        <button class="btn btn-danger btn-sm identificationdocument__delete__button" type="button" data-uid="@id.IdentificationDocument_UID">
                                            <i class="fas fa-times me-1"></i>
                                            <span class="d-none d-md-inline-block">Delete</span>
                                        </button>
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
}
<input type="hidden" asp-for="ExistingIdentificationDocumentCount" />