terminos y opcion de pago

2020-09-25 14:44:17 -05:00
1 changed files with 62 additions and 0 deletions
@@ -0,0 +1,62 @@
 <template>
  <div>
        <h3 class="my-3">Pago</h3>
        <form class="form-check">
            <div class="form-check">
  <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="LineaUnam"   v-model="metodo">
  <label class="form-check-label" for="exampleRadios1">
   Pago en linea UNAM
  </label>
                </div>
                <div class="form-check">
                <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="Ficha" v-model="metodo">
                <label class="form-check-label" for="exampleRadios2">
                  Ficha de Deposito
                </label>
                </div>
            <div class="form-check">
             <input class="form-check-input" type="checkbox" v-model="terminos" id="defaultCheck1">
  <label class="form-check-label" for="defaultCheck1">
   Estoy deacuerdo con los Terminos de servicio y los acepto sin reservas
  </label>
            </div>
  <button type="button"  class="btn btn-primary ml-4">Pedido con obligacion de pago</button>
            <div v-if="(metodo)  != '' && (terminos) == true " class="d-flex justify-content-right">
  <button type="submit" @click="NextStep()" class="btn btn-success">continuar</button>
 </div>
        </form>
  </div>
 </template>
 <script>
 export default {
    data(){
        return{
            metodo:'',
            terminos:false
        }
    }
 }
 </script>
 <style>
 .form-check div{
    margin: 1rem 0;
 }
 </style>