<div class="card">
    <form @submit.prevent="actualizarPeso">
        <div class="card-body">
            <div class="form-row ">
                <div class="col-md-4">
                    <div class="form-group">
                        <label>Peso</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <i class="fas fa-weight-hanging fa-fw"></i>
                                </span>
                            </div>
                            <input type="number" id="peso" value="<?= $producto['pro_peso']; ?>" step="any" min="0" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label>Alto</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">
                                    <i class="fas fa-arrow-up fa-fw"></i>
                                </span>
                            </div>
                            <input type="number" id="alto" value="<?= $producto['pro_alto']; ?>" step="any" min="0" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label>Largo</label>
                        <div class="input-group">
                            <input type="number" id="largo" class="form-control" value="<?= $producto['pro_largo']; ?>" step="any" min="0">
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label>Ancho</label>
                        <div class="input-group">
                            <input type="number" id="ancho" value="<?= $producto['pro_ancho']; ?>" class="form-control" step="any" min="0">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col text-right">
                    <button class="btn btn-sm btn-secondary" type="reset">
                        <i class="fas fa-undo fa-fw" aria-hidden="true"></i>
                        <span class="d-none d-sm-inline-block">Deshacer</span>
                    </button>
                    <button v-if="cargando" class="btn btn-sm btn-primary" disabled>
                        <i class="loader loader-info"></i>
                    </button>
                    <button v-else class="btn btn-sm btn-primary" type="submit">
                        <i class="fas fa-save fa-fw" aria-hidden="true"></i>
                        <span class="d-none d-sm-inline-block">Guardar</span>
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>