<div class="card p-0 m-0">
    <div class="card-header">
        <div class="card-head-row">
            <div class="card-title">Listado de tarifas</div>
            <div class="card-tools">
                <label for="tarifas"><a href="<?= url('tarifas') ?>">Tarifas</a></label>
                <select class="form-control">
                    <option value="" disabled>Seleccione una tarifa</option>
                    <option v-for="row in tarifas" :value="row.tar_id" @click="agregarTarifas($event)">
                        {{ row.tar_nombre }}
                    </option>
                </select>
            </div>
        </div>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th scope="col">#Codigo</th>
                        <th scope="col">Nombre</th>
                        <th scope="col">Valorx</th>
                        <th scope="col">Valory</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="row in producto_tarifas">
                        <td>{{ row.tar_codigo }}</td>
                        <td>{{ row.tar_nombre }}</td>
                        <td>{{ row.tar_valorx }}</td>
                        <td>{{ row.tar_valory }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
