<script type="text/javascript">
    $('#other_payment_form').hide();
    $('#online_payment_form').show();
    $('#bank_payment_form').hide();
    $('.grab-pay').hide();
    $('.paynow').hide();
    var button_text = '<%= "Pay "+"#{@transaction.amount.round(2)}"+"$" %>';
    $(document).on('ready', function(){
        $('.payment-select').on('change', function() {
            $('.payment-select').val($(this).val());
            $('.submit-payment').val(button_text);
            console.log(this.value);
            if(this.value == 'Cash upon collection'){
                $('#online_payment_form').hide();
                $('#bank_payment_form').hide();
                $('#other_payment_form').show();
                $('.grab-pay').hide();
                $('.submit-payment').val('Proceed to book');
                $('.paynow').hide();
                $('.payment-heading').css({'display':'none'});
                $('.tranfer-text').text("");
            }
            else if(this.value == 'Bank Transfer'){
                $('#online_payment_form').hide();
                $('#other_payment_form').hide();
                $('#bank_payment_form').show();
                $('.bank-pay').show();
                $('.grab-pay').hide();
                $('.paynow').hide();
                $('.payment-heading').css({'display':'none !important'});
                $('.tranfer-text').text("");
            } else if(this.value == 'GrabPay'){
                $('#online_payment_form').hide();
                $('#other_payment_form').hide();
                $('#bank_payment_form').show();
                $('.paynow').hide();
                $('.bank-pay').hide();
                $('.grab-pay').show();
                $('.submit-payment').val('Proceed to book');
                $('.payment-heading').css({'display':'none'});
                $('.tranfer-text').text("");
                $(document).ready(function() {
                  $('#bank_payment_form').attr('novalidate', 'novalidate');
                  });
            } else if(this.value == 'PayNow'){
                $('#online_payment_form').hide();
                $('#other_payment_form').hide();
                $('#bank_payment_form').show();
                $('.grab-pay').hide();
                $('.bank-pay').hide();
                $('.paynow').show();
                $('.submit-payment').val('Proceed to book');
                $('#dropin').css({'display':'none'});
                $('.payment-heading').css({'display':'none'});
                $('.tranfer-text').text("");
                $(document).ready(function() {
                  $('#bank_payment_form').attr('novalidate', 'novalidate');
                  });
            }
             else {
                $('#other_payment_form').hide();
                $('#bank_payment_form').hide();
                $('.grab-pay').hide();
                $('.paynow').hide();
                $('#online_payment_form').show();
                $('#dropin').css({'display':'block'});
                $('.payment-heading').css({'display':'block'});
                $('.tranfer-text').text("");
            }
        });
    });
</script>