{{-- Trial expired Modal --}}
<div name="subscriptionModal" class="modal fade px-0" id="trialModal" tabindex="-1" role="dialog" aria-labelledby="trialModalTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="">
            <div class="modal-header py-0">
                <h1 id="trialModalTitle" style="color: #fff"></h1>
                <button type="button" class="close pt-4" data-dismiss="modal" aria-label="Close">
                    <img src="{{ asset('img/icon_exit_white.png') }}" width="25px" height="auto">
                </button>
            </div>
            <div class="modal-body py-0" id="modalBody">
                <div class="alert alert-success alert-dismissible fade show d-none" role="alert" name="successMessageDiv">
                    <strong name="successMessage"></strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="alert alert-warning alert-dismissible fade show d-none" role="alert" name="warningMessageDiv">
                    <strong name="warningMessage"></strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                @if( !empty(Session::get('failed_payment_message')) )
                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                        <strong>{{ Session::pull('failed_payment_message') }}</strong>
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endif

                <div id="ajaxContent"></div>

                <input type="hidden" name="paylike_key" id="paylike_key" value="{{ config('paylike.paylike_key') }}">

                <div class="modal-footer">
                    <input type="hidden" name="setInvoice" value="0" />
                    <input type="hidden" name="invoiceName" />
                    <input type="hidden" name="invoiceZip" />
                    <input type="hidden" name="invoiceCity" />
                    <input type="hidden" name="invoiceAddress" />
                    <input type="hidden" name="invoiceTaxNo" />
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
var ajaxDebug = false;
var modalBody = $('#modalBody');
// _____ Enter event on promotionCode input field
$( document ).ready(function() {
    $( 'html' ).on('keyup', '#promotionCodeInput', function(event) {
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if(keycode == '13' && $('#promotionCodeInput').val()){
            $('#promotionButton').click();
        }
        $('#promotionButton').removeClass('btndisabled');
        $( "#promotionButton" ).parent().css( "cursor", "default" );

        if ( ! $('#promotionCodeInput').val())
        {
            $('#promotionButton').addClass('btndisabled');
            $( "#promotionButton" ).parent().css( "cursor", "not-allowed" );
        }
    });
});

// _____ Coinbase iframeben a link cseréje dinamikusan a coinbaseButtonLink adatai alapján
$( document ).ready(function() {
    $('html').on('mouseover', '#coinbaseButtonLink', function(){
        product = $('#coinbaseButtonLink').data('product');
        custom  = $('#coinbaseButtonLink').data('custom');
        $('.bwc-iframe').attr('src','https://commerce.coinbase.com/embed/checkout/' + product + '?buttonId=coinbaseButtonLink&custom=' + custom + '&version=201807&origin={{ config('app.url') }}');
        $('.bwc-iframe').attr('scrolling', 'yes');
    });

    $('html').on('click', '#coinbaseButtonLink', function(){
        product = $('#coinbaseButtonLink').data('product');
        custom  = $('#coinbaseButtonLink').data('custom');
        $('.bwc-iframe').attr('src','https://commerce.coinbase.com/embed/checkout/' + product + '?buttonId=coinbaseButtonLink&custom=' + custom + '&version=201807&origin={{ config('app.url') }}');
        $('.bwc-iframe').attr('scrolling', 'yes');
    });
});
</script>
@endpush