Stripe.setPublishableKey('pk_test_ka9KClCA8GUPzTkDiTmyXspn')
csrf = $("input[name='csrfmiddlewaretoken']").val()

stripeResponseHandler = (status, response) ->
  if response.error
    $("#paymentForm").find('.payment-errors').text(response.error.message)
    $("#paymentForm").find('button').prop('disabled', false)
  else
    $.post('/stripe/subscribe/', {
      'stripeToken': response.id,
      'type': Django.selected_type,
      'plan': $('input[name="billing-period"]:checked').val()
      'csrfmiddlewaretoken': Django.csrf_token()
    })
    .done( (res) ->
      debugger
    )
    .fail( (res) ->
      debugger
    )

switch Django.selected_type
  when 'basic'
    priceM = 49
  when 'advanced'
    priceM = 249
  when 'professional'
    priceM = 499

priceY = priceM * 10
priceMY = priceM * 12

$('#priceM').text('$' + priceM + '.00/month')
$('#priceY').text('$' + priceY + '.00/year')

$('#selected-price-year').text('$' + priceMY + '.00')
$('#selected-price-now').text('$' + priceM + '.00')

$('input[name="billing-period"]').change (e) ->
  if e.target.value == 'monthly'
    $('#selected-price-year').text('$' + priceMY + '.00')
    $('#selected-price-now').text('$' + priceM + '.00')
  else
    $('#selected-price-year').text('$' + priceY + '.00')
    $('#selected-price-now').text('$' + priceY + '.00')

$('input[name="payment-method"]').change (e) ->
  if e.target.value == 'enter-new'
    $('div.enter-new-card').show()
  else
    $('div.enter-new-card').hide()

$("#paymentForm").submit (e) ->
  e.preventDefault()
  $(this).find('button').prop('disabled', true)
  Stripe.card.createToken($(this), stripeResponseHandler)
  false

$("#change").submit ->
  $.post('/payment/subscribe/', {
    'plan': $(".active").attr('class').split(' ')[0],
    'csrfmiddlewaretoken': csrf
  })