extends /templates/base block content ol.breadcrumb li a(href="/") span.glyphicon.glyphicon-home li a(href="/account", data-i18n="nav.account") li.active(data-i18n="account.subscription") if me.get('anonymous') p.logged-out-blurb(data-i18n="subscribe.must_be_logged") else //- Personal Subscriptions .panel.panel-default .panel-heading h3(data-i18n="subscribe.personal_sub") if view.personalSub.prepaidCode && !view.personalSub.usingPrepaidCode div span(data-i18n="subscribe.subscribe_prepaid") span.spl.spr= view.personalSub.prepaidCode .panel-body if view.personalSub.state === 'loading' .alert.alert-info(data-i18n="subscribe.loading_info") else if view.personalSub.state === 'subscribing' .alert.alert-info(data-i18n="subscribe.subscribing") else if view.personalSub.sponsor div span.spr(data-i18n="subscribe.managed_by") span #{view.personalSub.sponsorName} (#{view.personalSub.sponsorEmail}) if view.personalSub.endDate div span.spr(data-i18n="subscribe.will_be_cancelled") span= moment(view.personalSub.endDate).format('l') else if view.personalSub.usingPrepaidCode div(data-i18n="subscribe.using_prepaid") else if view.personalSub.self if view.personalSub.state === 'declined' .alert.alert-danger.alert-dismissible span(data-i18n="buy_gems.declined") button.close(type="button" data-dismiss="alert") span(aria-hidden="true") × br else if view.personalSub.state === 'unknown_error' .alert.alert-danger.alert-dismissible button.close(type="button" data-dismiss="alert") span(aria-hidden="true") × p(data-i18n="loading_error.unknown") p= view.personalSub.stateMessage br if !view.personalSub.subscribed || view.personalSub.prepaidCode button.start-subscription-button.btn.btn-lg.btn-success(data-i18n="subscribe.subscribe_title") else button.end-subscription-button.btn.btn-lg.btn-warning(data-i18n="subscribe.unsubscribe") .unsubscribe-feedback.row.secret .col-lg-7 h3 if view.personalSub.monthsSubscribed > 1 span.spr(data-i18n="subscribe.thank_you_months_prefix") span= view.personalSub.monthsSubscribed span.spl(data-i18n="subscribe.thank_you_months_suffix") else span(data-i18n="subscribe.thank_you") div(data-i18n="subscribe.sorry_to_see_you_go") textarea(rows=3, data-i18n="[placeholder]subscribe.unsubscribe_feedback_placeholder") .col-lg-5 button.cancel-end-subscription-button.btn.btn-lg.btn-default(data-i18n="subscribe.never_mind") button.confirm-end-subscription-button.btn.btn-lg.btn-warning(data-i18n="subscribe.confirm_unsubscribe") table.table.table-striped.table-condensed tr th(data-i18n="user.status") td if view.personalSub.subscribed strong(data-i18n="account.subscribed") else if view.personalSub.active strong(data-i18n="account.active") .text-muted(data-i18n="account.status_unsubscribed_active") else strong(data-i18n="account.unsubscribed") .text-muted(data-i18n="account.status_unsubscribed") if view.personalSub.activeUntil tr th(data-i18n="account.active_until") td= moment(view.personalSub.activeUntil).format('l') if view.personalSub.nextPaymentDate tr th(data-i18n="account.next_payment") td= moment(view.personalSub.nextPaymentDate).format('l') if view.personalSub.cost tr th(data-i18n="account.cost") td= view.personalSub.cost if view.personalSub.card tr th(data-i18n="account.card") td= view.personalSub.card else if view.personalSub.free === true div(data-i18n="subscribe.currently_free") else if typeof view.personalSub.free === 'string' if new Date() < new Date(view.personalSub.free) div span.spr(data-i18n="subscribe.currently_free_until") span= moment(new Date(view.personalSub.free)).format('l') else span.spr(data-i18n="subscribe.was_free_until") span= moment(new Date(view.personalSub.free)).format('l') else button.start-subscription-button.btn.btn-lg.btn-success(data-i18n="subscribe.subscribe_title") // - Prepaid Codes .panel.panel-default .panel-heading h3(data-i18n="account.prepaid_codes") .panel-body p span.spr(data-i18n="account_prepaid.you_can1") a(href="/account/prepaid", data-i18n="account_prepaid.you_can2") span.spl(data-i18n="account_prepaid.you_can3") //- Sponsored Subscriptions .panel.panel-default .panel-heading h3(data-i18n="subscribe.managed_subs") p(data-i18n="subscribe.managed_subs_desc") p(data-i18n="subscribe.managed_subs_desc_2") h4(data-i18n="subscribe.group_discounts") table.table.table-striped.table-condensed.discount-table tr td(data-i18n="subscribe.group_discounts_1st") td(data-i18n="subscribe.group_discounts_full") tr td(data-i18n="subscribe.group_discounts_2nd") td(data-i18n="subscribe.group_discounts_20") tr td(data-i18n="subscribe.group_discounts_12th") td(data-i18n="subscribe.group_discounts_40") .panel-body if view.recipientSubs.state === 'subscribing' .alert.alert-info(data-i18n="subscribe.subscribing") else if emailValidator.state === 'invalid' div.invalid-email-message(aria-hidden="true") please make sure all entries are valid emails textarea.recipient-emails(rows=3, data-i18n="[placeholder]subscribe.recipient_emails_placeholder")=emailValidator.lastEmails div button.recipients-subscribe-button.btn.btn-lg.btn-success(data-i18n="subscribe.subscribe_users") if view.recipientSubs.state === 'declined' br .alert.alert-danger.alert-dismissible span(data-i18n="buy_gems.declined") button.close(type="button" data-dismiss="alert") span(aria-hidden="true") × else if view.recipientSubs.state === 'unknown_error' br .alert.alert-danger.alert-dismissible button.close(type="button" data-dismiss="alert") span(aria-hidden="true") × p(data-i18n="loading_error.unknown") p= view.recipientSubs.stateMessage else if view.recipientSubs.justSubscribed && view.recipientSubs.justSubscribed.length > 0 br .alert.alert-success.alert-dismissible if view.recipientSubs.justSubscribed.length > 0 div(data-i18n="subscribe.users_subscribed") ul each email in view.recipientSubs.justSubscribed li= email else if view.recipientSubs.justSubscribed && view.recipientSubs.justSubscribed.length === 0 br .alert.alert-success.alert-dismissible div(data-i18n="subscribe.no_users_subscribed") if view.recipientSubs.nextPaymentAmount > 0 && view.recipientSubs.sponsorSub h4(data-i18n="account.next_payment") p= moment(new Date(view.recipientSubs.sponsorSub.current_period_end * 1000)).format('l') p $#{view.recipientSubs.nextPaymentAmount / 100} p= view.recipientSubs.card h4(data-i18n="subscribe.current_recipients") if view.recipientSubs.unsubscribingRecipients && view.recipientSubs.unsubscribingRecipients.length > 0 .alert.alert-info span.spr(data-i18n="subscribe.unsubscribing") span= view.recipientSubs.unsubscribingRecipients[0] else table.table.table-striped.table-condensed.recipients-table tr th(data-i18n="general.email") th(data-i18n="general.name") th for recipient in view.recipientSubs.recipients tr td.recipient-email= recipient.emailLower td.recipient-name= recipient.name td.recipient-unsubscribe if recipient.cancel_at_period_end div Ends #{moment(recipient.cancel_at_period_end).format('l')} else button.recipient-unsubscribe-button.btn.btn-sm.btn-warning(data-i18n="subscribe.unsubscribe") button.confirm-recipient-unsubscribe-button.btn.btn-sm.btn-primary.hide(data-i18n="play.confirm")