<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>