{"id":5156,"date":"2025-05-10T01:07:08","date_gmt":"2025-05-10T01:07:08","guid":{"rendered":"https:\/\/streab.com\/panel\/?page_id=5156"},"modified":"2025-12-05T01:15:33","modified_gmt":"2025-12-05T01:15:33","slug":"manage-subscriptions","status":"publish","type":"page","link":"https:\/\/streab.com\/panel\/manage-subscriptions\/","title":{"rendered":"Gerenciar assinaturas"},"content":{"rendered":"\r\n<div class=\"painel-container\">\r\n    <div class=\"premium-subscriptions-content\">\r\n                    <div class=\"login-prompt\">\r\n                <div class=\"header-icon\">\ud83d\udd12<\/div>\r\n                <h1>Acesso Restrito<\/h1>\r\n                <p>Para gerenciar suas assinaturas, por favor, fa\u00e7a login em sua conta.<\/p>\r\n                <a href=\"#\" class=\"cta-button popmake-5185\">Fazer Login<\/a>\r\n            <\/div>\r\n            <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const cancelForms = document.querySelectorAll('.cancel-form');\r\n    cancelForms.forEach(form => {\r\n        form.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            const button = this.querySelector('button');\r\n            Swal.fire({\r\n                title: 'Voc\u00ea tem certeza?',\r\n                text: 'Voc\u00ea est\u00e1 prestes a agendar o cancelamento desta assinatura. Seu acesso continuar\u00e1 ativo at\u00e9 o final do per\u00edodo de faturamento atual. Ap\u00f3s essa data, a assinatura n\u00e3o ser\u00e1 renovada.',\r\n                icon: 'warning',\r\n                showCancelButton: true,\r\n                confirmButtonText: 'Sim, agendar cancelamento',\r\n                cancelButtonText: 'N\u00e3o, voltar',\r\n                confirmButtonColor: '#3085d6',\r\n                cancelButtonColor: '#d33',\r\n                reverseButtons: true,\r\n                customClass: {\r\n                    popup: 'premium-swal-popup'\r\n                }\r\n            }).then((result) => {\r\n                if (result.isConfirmed) {\r\n                    button.disabled = true;\r\n                    button.innerHTML = '<span class=\"spinner\"><\/span> Cancelando...';\r\n                    this.submit();\r\n                }\r\n            });\r\n        });\r\n    });\r\n});\r\n<\/script>\r\n\r\n<style>\r\n:root {\r\n    --color-primary: #3b82f6; --color-secondary: #06b6d4;\r\n    --color-text-primary: #1e293b; --color-text-secondary: #64748b;\r\n    --color-border: #e2e8f0; --color-success: #10b981;\r\n    --color-warning: #f59e0b; --color-danger: #ef4444;\r\n    --shadow-md: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\r\n    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\r\n    --border-radius: 16px; --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n}\r\n.painel-container { position: relative; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 20px; padding: 40px 60px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.5); margin: 50px auto; }\r\n.premium-subscriptions-content { font-family: var(--font-sans); max-width: 1100px; margin: 0 auto; }\r\n.panel-header { text-align: center; margin-bottom: 40px; }\r\n.header-icon { font-size: 3rem; line-height: 1; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); color: white; width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; box-shadow: var(--shadow-lg); }\r\n.panel-header h1 { font-size: 2.25rem; font-weight: 800; color: var(--color-text-primary); margin: 0 0 10px 0; }\r\n.panel-header p { font-size: 1.125rem; color: var(--color-text-secondary); max-width: 600px; margin: 0 auto; line-height: 1.6; }\r\n.subscriptions-grid { display: grid; gap: 30px; }\r\n.subscription-card { background-color: #ffffff; border-radius: var(--border-radius); border: 1px solid var(--color-border); box-shadow: var(--shadow-md); padding: 24px; transition: transform 0.2s ease, box-shadow 0.2s ease; }\r\n.subscription-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }\r\n.card-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--color-border); margin-bottom: 20px; }\r\n.product-info { display: flex; align-items: center; gap: 16px; }\r\n.product-icon { font-size: 2rem; }\r\n.product-info h3 { margin: 0; font-size: 1.5rem; font-weight: 700; color: var(--color-text-primary); }\r\n.status-badge { padding: 6px 14px; border-radius: 999px; font-weight: 600; font-size: 0.875rem; }\r\n.status-active .status-badge, .status-trialing .status-badge { background-color: #dcfce7; color: #15803d; }\r\n.status-canceled .status-badge { background-color: #f1f5f9; color: #475569; }\r\n.status-past_due .status-badge, .pending-cancellation .status-badge { background-color: #fef3c7; color: #b45309; }\r\n.card-body { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; }\r\n.info-item { display: flex; flex-direction: column; }\r\n.info-item label { font-size: 0.875rem; color: var(--color-text-secondary); margin-bottom: 4px; text-transform: uppercase; font-weight: 500; }\r\n.info-item strong { font-size: 1rem; font-weight: 600; color: var(--color-text-primary); }\r\n.info-item small { font-size: 0.875rem; color: var(--color-text-secondary); }\r\n.card-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--color-border); flex-wrap: wrap; gap: 16px; }\r\n.invoice-link { color: var(--color-primary); font-weight: 600; text-decoration: none; font-size: 0.9rem; transition: color 0.2s; }\r\n.invoice-link:hover { color: var(--color-secondary); text-decoration: underline; }\r\n.action-area { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }\r\n.btn-manage { background-color: #e0e7ff; color: #4338ca; border: 1px solid #c7d2fe; padding: 10px 20px; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; text-decoration: none; display: inline-block; }\r\n.btn-manage:hover { background-color: #4f46e5; color: white; transform: translateY(-2px); }\r\n.btn-cancel { background-color: #fee2e2; color: var(--color-danger); border: 1px solid #fca5a5; padding: 10px 20px; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; }\r\n.btn-cancel:hover { background-color: var(--color-danger); color: white; transform: translateY(-2px); }\r\n.btn-cancel:disabled { opacity: 0.6; cursor: not-allowed; }\r\n.cancellation-notice p { margin: 0; font-size: 0.9rem; color: var(--color-text-secondary); background-color: #f1f5f9; padding: 10px 16px; border-radius: 8px; text-align: right; }\r\n.final-status-notice { margin: 0; font-style: italic; color: var(--color-text-secondary); padding: 10px 0; }\r\n.empty-state-card, .login-prompt { text-align: center; padding: 60px 40px; background-color: rgba(255,255,255,0.5); border: 2px dashed var(--color-border); border-radius: var(--border-radius); }\r\n.empty-state-icon { font-size: 3rem; margin-bottom: 20px; }\r\n.empty-state-card h2, .login-prompt h1 { font-size: 1.75rem; color: var(--color-text-primary); font-weight: 700; margin: 0 0 16px 0; }\r\n.empty-state-card p, .login-prompt p { color: var(--color-text-secondary); font-size: 1.1rem; max-width: 500px; margin: 0 auto 24px auto; line-height: 1.6; }\r\n.cta-button { display: inline-block; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); color: white; padding: 14px 32px; border-radius: 12px; font-size: 1.1rem; font-weight: 600; text-decoration: none; box-shadow: var(--shadow-lg); transition: transform 0.2s ease, box-shadow 0.3s ease; }\r\n.cta-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.15); }\r\n.panel-alert { padding: 16px; border-radius: 8px; margin-bottom: 20px; font-weight: 500; text-align: center; border: 1px solid transparent; }\r\n.panel-alert.success { background-color: #dcfce7; color: #166534; border-color: #bbf7d0; }\r\n.panel-alert.error { background-color: #fee2e2; color: #991b1b; border-color: #fecaca; }\r\n.spinner { display: inline-block; width: 16px; height: 16px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spin 1s ease-in-out infinite; vertical-align: middle; margin-right: 8px; }\r\n@keyframes spin { to { transform: rotate(360deg); } }\r\n.btn-cancel:hover .spinner { border-color: white; border-right-color: transparent; }\r\n.premium-swal-popup { font-family: var(--font-sans) !important; }\r\n@media (max-width: 768px) {\r\n    .painel-container { padding: 20px 15px; }\r\n    .panel-header h1 { font-size: 1.75rem; }\r\n    .panel-header p { font-size: 1rem; }\r\n    .card-body { grid-template-columns: 1fr 1fr; }\r\n    .card-footer { flex-direction: column; align-items: stretch; text-align: center; gap: 20px; }\r\n    .cancellation-notice p { text-align: center; }\r\n    .action-area { width: 100%; justify-content: center;}\r\n    .btn-cancel, .btn-manage { width: 100%; }\r\n}\r\n@media (max-width: 480px) { .card-body { grid-template-columns: 1fr; } }\r\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"gerenciar-assinaturasV2.php","meta":{"footnotes":""},"class_list":["post-5156","page","type-page","status-publish","hentry","page--item"],"_links":{"self":[{"href":"https:\/\/streab.com\/panel\/wp-json\/wp\/v2\/pages\/5156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/streab.com\/panel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/streab.com\/panel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/streab.com\/panel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/streab.com\/panel\/wp-json\/wp\/v2\/comments?post=5156"}],"version-history":[{"count":1,"href":"https:\/\/streab.com\/panel\/wp-json\/wp\/v2\/pages\/5156\/revisions"}],"predecessor-version":[{"id":7059,"href":"https:\/\/streab.com\/panel\/wp-json\/wp\/v2\/pages\/5156\/revisions\/7059"}],"wp:attachment":[{"href":"https:\/\/streab.com\/panel\/wp-json\/wp\/v2\/media?parent=5156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}