<div class="col-12 grid-margin stretch-card">
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">
                <%= title %>
            </h4>
            <p class="card-description">
            </p>

            <div class="forms-sample">
                <div class="mt-2">
                    <div class="form-group w-75">
                        <label for="">Cédula
                            <% if (data.beneficiario.esPartidaDeNacimiento == 0) { %>
                                <input type="checkbox">
                            <% } else { %>
                                <input type="checkbox" checked>
                           <% } %>


                        </label>
                        <input type="text" disabled value="<%= data.beneficiario.id %>" class="form-control">
                    </div>
                    <div class="form-group w-75">
                        <label for="">Nombres y Apellidos</label>
                        <input type="text" value="<%= data.beneficiario.razonSocial %>" class="form-control">
                    </div>
                    <div class="form-group w-75">
                        <label for="">Fecha de nacimiento</label>
                        <input type="date" value="<%= helpers.dateYMD(null, null, null, data.beneficiario.fechaNacimiento) %>"
                            class="form-control">
                    </div>
                    <div class="form-group w-75">
                        <label for="">Fecha de ingreso</label>
                        <input type="date" value="<%= helpers.dateYMD(null, null, null, data.beneficiario.fechaIngreso) %>"
                            class="form-control">
                    </div>
                    <!-- <hr>
                    <h4>Titular</h4>
                    <div class="form-group w-75">
                        <label for="">Cédula</label>
                        <input type="text" disabled value="<%= data.titular.id %>" class="form-control">
                    </div>
                    <div class="form-group w-75">
                        <label for="">Nombres y Apellidos</label>
                        <input type="text" disabled value="<%= data.titular.razonSocial %>" class="form-control">
                    </div> -->
                    <hr>
                    <h4>Tipo de Seguro</h4>
                    <div class="form-group w-75">
                        <label for="">Plan</label>
                        <select name="" id="" class="form-control">    
                        <% 
                        for(let i = 0; i < data.seguros.length; i++) {
                            const seguro = data.seguros[i];
                        %>
                            <option value="<%= seguro.id %>"><%= seguro.descripcion %></option>
                        <%
                        }
                        %>
                        </select>
                    </div>
                </div>

                <button class="btn btn-success" href="/beneficiarios"> <i class="fa fa-check"></i> Aceptar</button>
                <a class="btn btn-info cancel-btn" href="/beneficiarios"> <i class="fa fa-backward"></i> Retroceder</a>
            </div>
        </div>
    </div>
</div>
<script>
    const resourceName = "<%= resourceName %>";

    const titleName = "<%= titleSingular %>";

    // user object
    const user = JSON.parse(`<%- JSON.stringify(user) %>`);

    const relationshipStructure = JSON.parse(`<%- JSON.stringify(relationship) %>`);
</script>