<form action="#" autocomplete="off" @submit.prevent="editarGuardar" id="modal_form_tipo_documento">
    <div class="modal fade" id="modal_documento" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ titulo }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="tipodoccodigo">Código</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">
                                                <i class="fas fa-hashtag"></i>
                                            </span>
                                        </div>
                                        <input type="text" id="tipodoccodigo" v-model="dataForm.codigo" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="tipodocprede">Predeterminado</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">
                                                <i class="fas fa-question"></i>
                                            </span>
                                        </div>
                                        <select id="tipodocprede" v-model="dataForm.predeterminado" class="form-control custom-select">
                                            <option value="0">NO</option>
                                            <option value="1">SI</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="tipodocdescripcion">Descripción</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">
                                        <i class="fas fa-pencil-alt"></i>
                                    </span>
                                </div>
                                <input type="text" id="tipodocdescripcion" v-model="dataForm.descripcion" class="form-control">
                            </div>
                        </div>
                    
                    <div class="alert alert-warning" v-if="errorForm.length">
                        <h4 class="alert-heading">Por favor, corrija el(los) siguiente(s) error(es):</h4>
                        <p class="mb-1" v-for="row in errorForm">{{ row }}</p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary  btn-sm" data-dismiss="modal">Cerrar</button>
                    <button type="submit" class="btn btn-primary  btn-sm">{{ accion }}</button>
                </div>
            </div>
        </div>
    </div>
</form>