<form action="#" autocomplete="off" @submit.prevent="editarGuardar" id="modal_form_serie">
    <div class="modal fade" id="modal_serie" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header mh">
                    <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-4">
                            <div class="form-group">
                                <label for="sercodigo">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="sercodigo" class="form-control" v-model="dataForm.codigo" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group">
                                <label for="sernombre">Nombre</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="sernombre" class="form-control" v-model="dataForm.nombre" required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-row ">
                        <div class="col-md-5">
                            <div class="form-group">
                                <label for="sermascara">Máscara</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="fas fa-keyboard"></i>
                                        </span>
                                    </div>
                                    <input type="text" id="sermascara" class="form-control" v-model="dataForm.mascara" v-mask="'###############'">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-7">
                            <div class="form-group">
                                <label for="sersucursal">Sucursal</label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">
                                            <i class="fas fa-store"></i>
                                        </span>
                                    </div>
                                    <select id="sersucursal" class="form-control custom-select" v-model="dataForm.sucursal">
                                        <option value="">Seleccionar una sucursal</option>
                                        <?php foreach ($sucursales as $row) : ?>
                                            <option value="<?= $row['su_id'] ?>"><?= $row['su_nombre'] ?></option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="alert alert-warning" v-for="row in errorForm">{{ row }}</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>
