{"id":4885,"date":"2026-04-13T00:09:24","date_gmt":"2026-04-12T21:09:24","guid":{"rendered":"https:\/\/test.sampionbudva.me\/?page_id=4885"},"modified":"2026-04-13T01:48:44","modified_gmt":"2026-04-12T22:48:44","slug":"kalkulator-i-te-dhenave","status":"publish","type":"page","link":"https:\/\/test.sampionbudva.me\/en\/kalkulator-i-te-dhenave\/","title":{"rendered":"Kalkulator i t\u00eb Dh\u00ebnave"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4885\" class=\"elementor elementor-4885\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86e9632 e-flex e-con-boxed e-con e-parent\" data-id=\"86e9632\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8285dcf elementor-widget elementor-widget-html\" data-id=\"8285dcf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"df-usage-calc-v2\">\r\n  <style>\r\n    .df-usage-calc-v2 * { box-sizing: border-box; }\r\n    .df-usage-calc-v2 {\r\n      --df-card:#f8f8f8;\r\n      --df-white:#fff;\r\n      --df-text:#1f2937;\r\n      --df-muted:#6b7280;\r\n      --df-border:#e5e7eb;\r\n      --df-shadow:0 16px 40px rgba(0,0,0,.07);\r\n      --df-radius:28px;\r\n      --df-pink:#f39ab0;\r\n      --df-blue:#6ea8ff;\r\n      --df-yellow:#f4c04d;\r\n      --df-green:#44d48b;\r\n      --df-red:#ff5a73;\r\n      --df-purple:#cf93dd;\r\n      --df-main:#ef466f;\r\n      width:100%;\r\n      background:transparent;\r\n      padding:40px 20px 70px;\r\n      color:var(--df-text);\r\n      font-family:inherit;\r\n    }\r\n    .df-usage-calc-v2 .df-wrap {\r\n      max-width:1600px;\r\n      margin:0 auto;\r\n    }\r\n    .df-usage-calc-v2 .df-card {\r\n      background:transparent;\r\n      border:1px solid var(--df-border);\r\n      border-radius:28px;\r\n      box-shadow:var(--df-shadow);\r\n      backdrop-filter:none;\r\n    }\r\n    .df-usage-calc-v2 .df-top {\r\n      padding:44px;\r\n      margin-bottom:24px;\r\n      display:grid;\r\n      grid-template-columns:1.1fr .9fr;\r\n      gap:24px;\r\n      align-items:center;\r\n    }\r\n    .df-usage-calc-v2 h1 {\r\n      margin:0 0 16px;\r\n      font-size:54px;\r\n      line-height:1.08;\r\n      letter-spacing:-.02em;\r\n    }\r\n    .df-usage-calc-v2 .df-top p {\r\n      margin:0;\r\n      color:var(--df-muted);\r\n      font-size:18px;\r\n      line-height:1.8;\r\n      max-width:760px;\r\n    }\r\n    .df-usage-calc-v2 .df-illu {\r\n      display:flex;\r\n      justify-content:center;\r\n      align-items:center;\r\n      min-height:250px;\r\n    }\r\n    .df-usage-calc-v2 .df-illu svg {\r\n      width:100%;\r\n      max-width:340px;\r\n      height:auto;\r\n    }\r\n    .df-usage-calc-v2 .df-main {\r\n      padding:36px;\r\n    }\r\n    .df-usage-calc-v2 .df-divider {\r\n      height:1px;\r\n      background:#e7e7e7;\r\n      margin-bottom:28px;\r\n    }\r\n    .df-usage-calc-v2 .df-head {\r\n      text-align:center;\r\n      margin-bottom:28px;\r\n    }\r\n    .df-usage-calc-v2 .df-head h2 {\r\n      margin:0 0 10px;\r\n      font-size:40px;\r\n      line-height:1.18;\r\n    }\r\n    .df-usage-calc-v2 .df-head p {\r\n      margin:0;\r\n      color:var(--df-muted);\r\n      font-size:17px;\r\n      line-height:1.8;\r\n    }\r\n\r\n    .df-usage-calc-v2 .df-calc-box {\r\n      background:transparent;\r\n      border:1px solid #ececec;\r\n      border-radius:24px;\r\n      padding:32px;\r\n      display:grid;\r\n      grid-template-columns:1.2fr .52fr .75fr;\r\n      gap:26px;\r\n      align-items:center;\r\n    }\r\n\r\n    .df-usage-calc-v2 .df-left {\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:22px;\r\n    }\r\n    .df-usage-calc-v2 .df-item h3 {\r\n      margin:0 0 6px;\r\n      font-size:18px;\r\n      line-height:1.3;\r\n    }\r\n    .df-usage-calc-v2 .df-item small {\r\n      display:block;\r\n      margin-bottom:10px;\r\n      font-size:13px;\r\n      line-height:1.5;\r\n      color:var(--df-muted);\r\n    }\r\n    .df-usage-calc-v2 .df-slider-row {\r\n      display:grid;\r\n      grid-template-columns:1fr auto;\r\n      gap:16px;\r\n      align-items:center;\r\n    }\r\n    .df-usage-calc-v2 .df-pill {\r\n      min-width:88px;\r\n      text-align:center;\r\n      padding:8px 10px;\r\n      background:transparent;\r\n      border:1px solid var(--df-border);\r\n      border-radius:10px;\r\n      color:#4b5563;\r\n      font-size:14px;\r\n    }\r\n\r\n    .df-usage-calc-v2 input[type=\"range\"] {\r\n      -webkit-appearance:none;\r\n      appearance:none;\r\n      width:100%;\r\n      height:8px;\r\n      border-radius:999px;\r\n      background:#ececec;\r\n      outline:none;\r\n    }\r\n    .df-usage-calc-v2 input[type=\"range\"]::-webkit-slider-thumb {\r\n      -webkit-appearance:none;\r\n      appearance:none;\r\n      width:22px;\r\n      height:22px;\r\n      border-radius:50%;\r\n      background:#fff;\r\n      border:4px solid currentColor;\r\n      box-shadow:0 4px 14px rgba(0,0,0,.12);\r\n      cursor:pointer;\r\n    }\r\n    .df-usage-calc-v2 input[type=\"range\"]::-moz-range-thumb {\r\n      width:22px;\r\n      height:22px;\r\n      border-radius:50%;\r\n      background:#fff;\r\n      border:4px solid currentColor;\r\n      box-shadow:0 4px 14px rgba(0,0,0,.12);\r\n      cursor:pointer;\r\n    }\r\n\r\n    .df-social { color:var(--df-pink); }\r\n    .df-business { color:var(--df-blue); }\r\n    .df-stream { color:var(--df-yellow); }\r\n    .df-game { color:var(--df-green); }\r\n    .df-chat { color:var(--df-red); }\r\n    .df-other { color:var(--df-purple); }\r\n\r\n    .df-usage-calc-v2 .df-center {\r\n      display:flex;\r\n      justify-content:center;\r\n      align-items:center;\r\n    }\r\n    .df-usage-calc-v2 .df-bar-zone {\r\n      position:relative;\r\n      width:112px;\r\n      height:470px;\r\n      display:flex;\r\n      align-items:flex-end;\r\n      justify-content:center;\r\n    }\r\n    .df-usage-calc-v2 .df-bar-bg {\r\n      position:absolute;\r\n      inset:34px 0 0 0;\r\n      background:\r\n        repeating-linear-gradient(\r\n          -45deg,\r\n          rgba(241,241,241,.35),\r\n          rgba(241,241,241,.35) 10px,\r\n          rgba(250,250,250,.15) 10px,\r\n          rgba(250,250,250,.15) 20px\r\n        );\r\n      overflow:hidden;\r\n    }\r\n    .df-usage-calc-v2 .df-topline {\r\n      position:absolute;\r\n      top:20px;\r\n      left:0;\r\n      width:100%;\r\n      text-align:center;\r\n      color:#ef6d8d;\r\n      font-size:18px;\r\n      letter-spacing:2px;\r\n      font-weight:700;\r\n    }\r\n    .df-usage-calc-v2 .df-unlimited {\r\n      position:absolute;\r\n      top:4px;\r\n      left:132px;\r\n      background:#ef466f;\r\n      color:#fff;\r\n      padding:14px 16px;\r\n      border-radius:14px;\r\n      width:165px;\r\n      font-size:14px;\r\n      line-height:1.3;\r\n      font-weight:700;\r\n      text-align:center;\r\n      box-shadow:0 12px 26px rgba(239,70,111,.22);\r\n    }\r\n\r\n    .df-usage-calc-v2 .df-stack {\r\n      position:absolute;\r\n      left:0;\r\n      right:0;\r\n      bottom:0;\r\n      display:flex;\r\n      flex-direction:column-reverse;\r\n      width:100%;\r\n    }\r\n    .df-usage-calc-v2 .df-seg {\r\n      width:100%;\r\n      min-height:0;\r\n      transition:height .25s ease;\r\n    }\r\n\r\n    .df-usage-calc-v2 .df-right {\r\n      display:flex;\r\n      justify-content:center;\r\n      align-items:center;\r\n    }\r\n    .df-usage-calc-v2 .df-result {\r\n      background:transparent;\r\n      border:1px solid var(--df-border);\r\n      border-radius:16px;\r\n      padding:24px 24px 18px;\r\n      min-width:240px;\r\n      position:relative;\r\n      box-shadow:0 10px 20px rgba(0,0,0,.04);\r\n    }\r\n    .df-usage-calc-v2 .df-result:before {\r\n      content:\"\";\r\n      position:absolute;\r\n      left:-14px;\r\n      top:50%;\r\n      transform:translateY(-50%);\r\n      border-width:10px 14px 10px 0;\r\n      border-style:solid;\r\n      border-color:transparent rgba(255,255,255,.4) transparent transparent;\r\n      filter:drop-shadow(-1px 0 0 #e5e7eb);\r\n    }\r\n    .df-usage-calc-v2 .df-big {\r\n      display:flex;\r\n      align-items:flex-end;\r\n      gap:10px;\r\n      margin-bottom:6px;\r\n    }\r\n    .df-usage-calc-v2 .df-big strong {\r\n      font-size:66px;\r\n      line-height:.95;\r\n      letter-spacing:-.03em;\r\n      font-weight:700;\r\n    }\r\n    .df-usage-calc-v2 .df-big span {\r\n      font-size:32px;\r\n      margin-bottom:8px;\r\n    }\r\n    .df-usage-calc-v2 .df-result p {\r\n      margin:0;\r\n      font-size:16px;\r\n      color:#3f3f46;\r\n      line-height:1.35;\r\n    }\r\n\r\n    .df-usage-calc-v2 .df-actions {\r\n      display:none;\r\n      justify-content:center;\r\n      gap:16px;\r\n      flex-wrap:wrap;\r\n      margin:28px 0 24px;\r\n    }\r\n    .df-usage-calc-v2 .df-actions.df-show {\r\n      display:flex;\r\n    }\r\n    .df-usage-calc-v2 .df-btn {\r\n      border:1px solid #d9d9d9;\r\n      background:transparent;\r\n      color:#4b5563;\r\n      border-radius:14px;\r\n      padding:14px 26px;\r\n      min-width:260px;\r\n      font-size:16px;\r\n      font-weight:600;\r\n      cursor:pointer;\r\n      transition:.2s ease;\r\n    }\r\n    .df-usage-calc-v2 .df-btn:hover {\r\n      transform:translateY(-1px);\r\n      box-shadow:0 8px 20px rgba(0,0,0,.06);\r\n    }\r\n    .df-usage-calc-v2 .df-btn-main {\r\n      background:linear-gradient(90deg,#ff5577 0%,#ef466f 100%);\r\n      color:#fff;\r\n      border-color:#ef466f;\r\n    }\r\n\r\n    .df-usage-calc-v2 .df-summary {\r\n      text-align:center;\r\n      margin-bottom:18px;\r\n    }\r\n    .df-usage-calc-v2 .df-summary strong {\r\n      display:block;\r\n      font-size:40px;\r\n      line-height:1.2;\r\n      letter-spacing:-.02em;\r\n      margin-bottom:8px;\r\n    }\r\n    .df-usage-calc-v2 .df-summary p {\r\n      margin:0;\r\n      color:var(--df-muted);\r\n      font-size:14px;\r\n      line-height:1.6;\r\n    }\r\n\r\n    .df-usage-calc-v2 .df-search-wrap {\r\n      display:none;\r\n      margin-top:16px;\r\n    }\r\n    .df-usage-calc-v2 .df-search-wrap.df-show {\r\n      display:block;\r\n    }\r\n    .df-usage-calc-v2 .df-search {\r\n      max-width:760px;\r\n      margin:0 auto;\r\n      display:grid;\r\n      grid-template-columns:1fr 62px;\r\n      background:transparent;\r\n      border:1px solid #ececec;\r\n      border-radius:18px;\r\n      overflow:hidden;\r\n      box-shadow:0 8px 20px rgba(0,0,0,.05);\r\n    }\r\n    .df-usage-calc-v2 .df-search input {\r\n      border:0;\r\n      outline:none;\r\n      padding:18px 20px;\r\n      font-size:16px;\r\n      color:var(--df-text);\r\n      background:transparent;\r\n    }\r\n    .df-usage-calc-v2 .df-search button {\r\n      border:0;\r\n      cursor:pointer;\r\n      background:#38e985;\r\n      color:#0f172a;\r\n      font-size:24px;\r\n      font-weight:700;\r\n    }\r\n    .df-usage-calc-v2 .df-results {\r\n      max-width:760px;\r\n      margin:14px auto 0;\r\n      display:none;\r\n      background:transparent;\r\n      border:1px solid var(--df-border);\r\n      border-radius:18px;\r\n      box-shadow:0 10px 24px rgba(0,0,0,.06);\r\n      overflow:hidden;\r\n    }\r\n    .df-usage-calc-v2 .df-results.df-show {\r\n      display:block;\r\n    }\r\n    .df-usage-calc-v2 .df-result-item {\r\n      display:flex;\r\n      justify-content:space-between;\r\n      align-items:center;\r\n      gap:14px;\r\n      padding:16px 18px;\r\n      border-bottom:1px solid #f0f0f0;\r\n      text-decoration:none;\r\n      color:var(--df-text);\r\n      transition:background .2s ease;\r\n      background:transparent;\r\n    }\r\n    .df-usage-calc-v2 .df-result-item:last-child { border-bottom:0; }\r\n    .df-usage-calc-v2 .df-result-item:hover { background:rgba(0,0,0,.02); }\r\n    .df-usage-calc-v2 .df-result-item strong {\r\n      display:block;\r\n      font-size:16px;\r\n      line-height:1.35;\r\n    }\r\n    .df-usage-calc-v2 .df-result-item span {\r\n      display:block;\r\n      color:var(--df-muted);\r\n      font-size:13px;\r\n      line-height:1.5;\r\n    }\r\n    .df-usage-calc-v2 .df-go {\r\n      white-space:nowrap;\r\n      color:#ef466f;\r\n      font-weight:700;\r\n      font-size:14px;\r\n    }\r\n    .df-usage-calc-v2 .df-empty {\r\n      padding:18px;\r\n      text-align:center;\r\n      color:var(--df-muted);\r\n      font-size:14px;\r\n      background:transparent;\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n      .df-usage-calc-v2 .df-top,\r\n      .df-usage-calc-v2 .df-calc-box {\r\n        grid-template-columns:1fr;\r\n      }\r\n      .df-usage-calc-v2 .df-unlimited {\r\n        left:136px;\r\n      }\r\n    }\r\n    @media (max-width:767px) {\r\n      .df-usage-calc-v2 {\r\n        padding:20px 10px 40px;\r\n      }\r\n      .df-usage-calc-v2 .df-top,\r\n      .df-usage-calc-v2 .df-main {\r\n        padding:22px;\r\n      }\r\n      .df-usage-calc-v2 .df-calc-box {\r\n        padding:20px;\r\n      }\r\n      .df-usage-calc-v2 h1 {\r\n        font-size:34px;\r\n      }\r\n      .df-usage-calc-v2 .df-head h2 {\r\n        font-size:28px;\r\n      }\r\n      .df-usage-calc-v2 .df-big strong {\r\n        font-size:52px;\r\n      }\r\n      .df-usage-calc-v2 .df-big span {\r\n        font-size:24px;\r\n      }\r\n      .df-usage-calc-v2 .df-bar-zone {\r\n        height:360px;\r\n      }\r\n      .df-usage-calc-v2 .df-unlimited {\r\n        display:none;\r\n      }\r\n      .df-usage-calc-v2 .df-btn {\r\n        width:100%;\r\n        min-width:0;\r\n      }\r\n      .df-usage-calc-v2 .df-summary strong {\r\n        font-size:28px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"df-wrap\">\r\n    <div class=\"df-card df-top\">\r\n      <div>\r\n        <h1>Mir\u00eb se vini n\u00eb llogarit\u00ebsin e p\u00ebrdorimit t\u00eb t\u00eb dh\u00ebnave<\/h1>\r\n        <p>\r\n          Zgjidh zakonet e tua t\u00eb p\u00ebrdorimit ditor dhe llogarit sa internet t\u00eb duhet.\r\n          Pa b\u00ebr\u00eb asnj\u00eb zgjedhje, sistemi q\u00ebndron pasiv. Pasi t\u00eb b\u00ebsh zgjedhjet, mund t\u00eb shfaq\u00ebsh planin m\u00eb t\u00eb p\u00ebrshtatsh\u00ebm p\u00ebr ty.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"df-illu\">\r\n        <svg viewBox=\"0 0 420 280\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n          <path d=\"M311 203c33 0 60-24 60-54s-27-54-60-54c-8 0-16 1-23 4-12-29-42-49-77-49-43 0-78 30-83 69-5-1-10-1-15-1-33 0-60 24-60 54s27 54 60 54h198z\" fill=\"#BEE3F8\"\/>\r\n          <path d=\"M156 130c0-22 17-39 39-39s39 17 39 39v36h-78v-36z\" fill=\"#fff\"\/>\r\n          <rect x=\"168\" y=\"98\" width=\"54\" height=\"78\" rx=\"14\" fill=\"#20242C\"\/>\r\n          <circle cx=\"195\" cy=\"165\" r=\"3\" fill=\"#fff\"\/>\r\n          <path d=\"M253 125c11-17 30-26 52-23 20 2 37 14 46 31l9 16c8 14 3 32-11 39l-9 5-18-31c-5-8-15-11-24-8l-26 9-19-38z\" fill=\"#F7F7F7\"\/>\r\n          <circle cx=\"290\" cy=\"88\" r=\"20\" fill=\"#20242C\"\/>\r\n          <path d=\"M245 174c23-8 48 4 56 27l11 31h-95l11-33c4-12 9-20 17-25z\" fill=\"#D7EEFF\"\/>\r\n          <path d=\"M133 118l29-7 6 57-35 8c-7 2-14-3-16-10l-8-32c-2-7 2-14 10-16l14 0z\" fill=\"#FFF6CC\"\/>\r\n          <path d=\"M128 126l21-5\" stroke=\"#20242C\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M131 141l20-5\" stroke=\"#20242C\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M133 156l19-4\" stroke=\"#20242C\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M161 168l64 0\" stroke=\"#20242C\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"df-card df-main\">\r\n      <div class=\"df-divider\"><\/div>\r\n\r\n      <div class=\"df-head\">\r\n        <h2>Zbulo sa data do t\u00eb p\u00ebrdor\u00ebsh sipas m\u00ebnyr\u00ebs si e p\u00ebrdor telefonin<\/h2>\r\n        <p>P\u00ebrdor rr\u00ebshqit\u00ebsit. Koha totale llogaritet deri n\u00eb 60 or\u00eb maksimum. Pa zgjedhje, sistemi mbetet pasiv.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"df-calc-box\">\r\n        <div class=\"df-left\">\r\n          <div class=\"df-item\">\r\n            <h3>Rrjete sociale<\/h3>\r\n            <small>Instagram, TikTok, X, Facebook, Snapchat<\/small>\r\n            <div class=\"df-slider-row\">\r\n              <input class=\"df-social\" type=\"range\" min=\"0\" max=\"20\" step=\"0.5\" value=\"0\" data-key=\"social\">\r\n              <div class=\"df-pill\" data-value=\"social\">0 h\/dit\u00eb<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"df-item\">\r\n            <h3>Takime biznesi<\/h3>\r\n            <small>Google Meet, Zoom, Teams<\/small>\r\n            <div class=\"df-slider-row\">\r\n              <input class=\"df-business\" type=\"range\" min=\"0\" max=\"20\" step=\"0.5\" value=\"0\" data-key=\"business\">\r\n              <div class=\"df-pill\" data-value=\"business\">0 h\/dit\u00eb<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"df-item\">\r\n            <h3>Transmetim<\/h3>\r\n            <small>YouTube, Netflix, Spotify, Twitch<\/small>\r\n            <div class=\"df-slider-row\">\r\n              <input class=\"df-stream\" type=\"range\" min=\"0\" max=\"20\" step=\"0.5\" value=\"0\" data-key=\"stream\">\r\n              <div class=\"df-pill\" data-value=\"stream\">0 h\/dit\u00eb<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"df-item\">\r\n            <h3>Loj\u00ebra<\/h3>\r\n            <small>Loj\u00ebra mobile dhe online<\/small>\r\n            <div class=\"df-slider-row\">\r\n              <input class=\"df-game\" type=\"range\" min=\"0\" max=\"20\" step=\"0.5\" value=\"0\" data-key=\"game\">\r\n              <div class=\"df-pill\" data-value=\"game\">0 h\/dit\u00eb<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"df-item\">\r\n            <h3>Mesazhe t\u00eb \u00e7astit<\/h3>\r\n            <small>WhatsApp, Telegram, Messenger<\/small>\r\n            <div class=\"df-slider-row\">\r\n              <input class=\"df-chat\" type=\"range\" min=\"0\" max=\"20\" step=\"0.5\" value=\"0\" data-key=\"chat\">\r\n              <div class=\"df-pill\" data-value=\"chat\">0 h\/dit\u00eb<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"df-item\">\r\n            <h3>Aplikacione t\u00eb tjera<\/h3>\r\n            <small>Harta, mjete AI, shfletues, aplikacione porosie<\/small>\r\n            <div class=\"df-slider-row\">\r\n              <input class=\"df-other\" type=\"range\" min=\"0\" max=\"20\" step=\"0.5\" value=\"0\" data-key=\"other\">\r\n              <div class=\"df-pill\" data-value=\"other\">0 h\/dit\u00eb<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"df-center\">\r\n          <div class=\"df-bar-zone\">\r\n            <div class=\"df-topline\">-----<\/div>\r\n            <div class=\"df-unlimited\">Niveli Unlimited i<br>DataFlyEsim<\/div>\r\n            <div class=\"df-bar-bg\"><\/div>\r\n            <div class=\"df-stack\">\r\n              <div class=\"df-seg\" data-seg=\"social\" style=\"background:#f39ab0;height:0;\"><\/div>\r\n              <div class=\"df-seg\" data-seg=\"business\" style=\"background:#6ea8ff;height:0;\"><\/div>\r\n              <div class=\"df-seg\" data-seg=\"stream\" style=\"background:#f4c04d;height:0;\"><\/div>\r\n              <div class=\"df-seg\" data-seg=\"game\" style=\"background:#44d48b;height:0;\"><\/div>\r\n              <div class=\"df-seg\" data-seg=\"chat\" style=\"background:#ff5a73;height:0;\"><\/div>\r\n              <div class=\"df-seg\" data-seg=\"other\" style=\"background:#cf93dd;height:0;\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"df-right\">\r\n          <div class=\"df-result\">\r\n            <div class=\"df-big\">\r\n              <strong data-monthly>0.0<\/strong>\r\n              <span>GB<\/span>\r\n            <\/div>\r\n            <p>P\u00ebrdorimi mujor i vler\u00ebsuar i t\u00eb dh\u00ebnave<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"df-actions\" data-actions>\r\n        <button type=\"button\" class=\"df-btn\" data-reset>\u21bb Rivendos llogarit\u00ebsin<\/button>\r\n        <button type=\"button\" class=\"df-btn df-btn-main\" data-open-search>Zgjidh paket\u00ebn m\u00eb t\u00eb p\u00ebrshtatshme p\u00ebr mua \u2192<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"df-summary\">\r\n        <strong><span data-weekly>0.0<\/span> GB n\u00eb jav\u00eb \/ <span data-monthly-2>0.0<\/span> GB n\u00eb muaj<\/strong>\r\n        <p>*Ky rekomandim bazohet n\u00eb zakonet e tua tipike t\u00eb p\u00ebrdorimit t\u00eb internetit.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"df-search-wrap\" data-search-wrap>\r\n        <div class=\"df-search\">\r\n          <input type=\"text\" placeholder=\"Ku t\u00eb duhet interneti?\" data-search-input>\r\n          <button type=\"button\" data-search-btn>\u2315<\/button>\r\n        <\/div>\r\n        <div class=\"df-results\" data-results><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.querySelector('.df-usage-calc-v2');\r\n      if (!root) return;\r\n\r\n      const sliders = root.querySelectorAll('input[type=\"range\"]');\r\n      const actions = root.querySelector('[data-actions]');\r\n      const searchWrap = root.querySelector('[data-search-wrap]');\r\n      const resultsBox = root.querySelector('[data-results]');\r\n      const searchInput = root.querySelector('[data-search-input]');\r\n      const searchBtn = root.querySelector('[data-search-btn]');\r\n      const monthlyEls = root.querySelectorAll('[data-monthly],[data-monthly-2]');\r\n      const weeklyEl = root.querySelector('[data-weekly]');\r\n      const resetBtn = root.querySelector('[data-reset]');\r\n      const openSearchBtn = root.querySelector('[data-open-search]');\r\n\r\n      const MAX_TOTAL_HOURS = 60;\r\n      const BAR_MAX_HEIGHT = 436;\r\n\r\n      const usageRates = {\r\n        social: 0.18,\r\n        business: 0.45,\r\n        stream: 1.10,\r\n        game: 0.08,\r\n        chat: 0.05,\r\n        other: 0.12\r\n      };\r\n\r\n      function format(n) {\r\n        return Number(n).toFixed(1);\r\n      }\r\n\r\n      function updateSliderVisual(slider) {\r\n        const min = parseFloat(slider.min) || 0;\r\n        const max = parseFloat(slider.max) || 100;\r\n        const val = parseFloat(slider.value) || 0;\r\n        const pct = ((val - min) \/ (max - min)) * 100;\r\n        slider.style.background = `linear-gradient(to right, currentColor 0%, currentColor ${pct}%, #ececec ${pct}%, #ececec 100%)`;\r\n      }\r\n\r\n      function getValues() {\r\n        const values = {};\r\n        let totalHours = 0;\r\n\r\n        sliders.forEach(slider => {\r\n          const key = slider.dataset.key;\r\n          let val = parseFloat(slider.value) || 0;\r\n          values[key] = val;\r\n          totalHours += val;\r\n\r\n          const pill = root.querySelector(`[data-value=\"${key}\"]`);\r\n          if (pill) pill.textContent = `${val} h\/dit\u00eb`;\r\n\r\n          updateSliderVisual(slider);\r\n        });\r\n\r\n        return { values, totalHours };\r\n      }\r\n\r\n      function calculate() {\r\n        const { values, totalHours } = getValues();\r\n        let totalDailyGb = 0;\r\n\r\n        Object.keys(values).forEach(key => {\r\n          totalDailyGb += values[key] * usageRates[key];\r\n        });\r\n\r\n        const weekly = totalDailyGb * 7;\r\n        const monthly = totalDailyGb * 30;\r\n\r\n        monthlyEls.forEach(el => el.textContent = format(monthly));\r\n        weeklyEl.textContent = format(weekly);\r\n\r\n        const hasSelection = totalHours > 0;\r\n        actions.classList.toggle('df-show', hasSelection);\r\n\r\n        Object.keys(values).forEach(key => {\r\n          const seg = root.querySelector(`[data-seg=\"${key}\"]`);\r\n          const part = Math.min(values[key], MAX_TOTAL_HOURS) \/ MAX_TOTAL_HOURS;\r\n          const h = hasSelection ? part * BAR_MAX_HEIGHT : 0;\r\n          if (seg) seg.style.height = `${h}px`;\r\n        });\r\n\r\n        if (!hasSelection) {\r\n          searchWrap.classList.remove('df-show');\r\n          resultsBox.classList.remove('df-show');\r\n          resultsBox.innerHTML = '';\r\n          searchInput.value = '';\r\n        }\r\n\r\n        return { values, totalHours, weekly, monthly, hasSelection };\r\n      }\r\n\r\n      async function searchProducts(term) {\r\n        const q = term.trim();\r\n        if (!q) {\r\n          resultsBox.classList.add('df-show');\r\n          resultsBox.innerHTML = '<div class=\"df-empty\">Duhet t\u00eb shkruash nj\u00eb shtet ose em\u00ebr produkti.<\/div>';\r\n          return;\r\n        }\r\n\r\n        resultsBox.classList.add('df-show');\r\n        resultsBox.innerHTML = '<div class=\"df-empty\">Po k\u00ebrkohet...<\/div>';\r\n\r\n        try {\r\n          const endpoints = [\r\n            `\/wp-json\/wc\/store\/v1\/products?search=${encodeURIComponent(q)}&per_page=12`,\r\n            `\/wp-json\/wp\/v2\/product_cat?search=${encodeURIComponent(q)}&per_page=12`\r\n          ];\r\n\r\n          const [productsRes, catsRes] = await Promise.allSettled(\r\n            endpoints.map(url => fetch(url, { credentials: 'same-origin' }).then(r => r.json()))\r\n          );\r\n\r\n          let products = [];\r\n          let cats = [];\r\n\r\n          if (productsRes.status === 'fulfilled' && Array.isArray(productsRes.value)) {\r\n            products = productsRes.value;\r\n          }\r\n          if (catsRes.status === 'fulfilled' && Array.isArray(catsRes.value)) {\r\n            cats = catsRes.value;\r\n          }\r\n\r\n          const html = [];\r\n\r\n          cats.forEach(cat => {\r\n            const link = cat.link || '#';\r\n            html.push(`\r\n              <a class=\"df-result-item\" href=\"${link}\">\r\n                <div>\r\n                  <strong>${cat.name}<\/strong>\r\n                  <span>Kategori shteti<\/span>\r\n                <\/div>\r\n                <div class=\"df-go\">Shiko \u2192<\/div>\r\n              <\/a>\r\n            `);\r\n          });\r\n\r\n          products.forEach(product => {\r\n            const title = product.name || 'Produkt';\r\n            const permalink = product.permalink || '#';\r\n            let priceText = 'Produkt';\r\n            if (product.prices && product.prices.price) {\r\n              const raw = Number(product.prices.price) \/ 100;\r\n              priceText = `${raw.toFixed(2)} ${product.prices.currency_code || ''}`;\r\n            }\r\n            html.push(`\r\n              <a class=\"df-result-item\" href=\"${permalink}\">\r\n                <div>\r\n                  <strong>${title}<\/strong>\r\n                  <span>${priceText}<\/span>\r\n                <\/div>\r\n                <div class=\"df-go\">Zgjidh \u2192<\/div>\r\n              <\/a>\r\n            `);\r\n          });\r\n\r\n          if (!html.length) {\r\n            resultsBox.innerHTML = '<div class=\"df-empty\">Nuk u gjet asnj\u00eb shtet ose produkt i p\u00ebrshtatsh\u00ebm n\u00eb sistem.<\/div>';\r\n            return;\r\n          }\r\n\r\n          resultsBox.innerHTML = html.join('');\r\n        } catch (err) {\r\n          resultsBox.innerHTML = '<div class=\"df-empty\">Ndodhi nj\u00eb gabim gjat\u00eb k\u00ebrkimit. Kontrollo lidhjen e API.<\/div>';\r\n        }\r\n      }\r\n\r\n      sliders.forEach(slider => {\r\n        slider.addEventListener('input', calculate);\r\n      });\r\n\r\n      resetBtn.addEventListener('click', function () {\r\n        sliders.forEach(slider => {\r\n          slider.value = 0;\r\n        });\r\n        calculate();\r\n      });\r\n\r\n      openSearchBtn.addEventListener('click', function () {\r\n        const state = calculate();\r\n        if (!state.hasSelection) return;\r\n        searchWrap.classList.add('df-show');\r\n        searchInput.focus();\r\n      });\r\n\r\n      searchBtn.addEventListener('click', function () {\r\n        searchProducts(searchInput.value);\r\n      });\r\n\r\n      searchInput.addEventListener('keydown', function (e) {\r\n        if (e.key === 'Enter') {\r\n          e.preventDefault();\r\n          searchProducts(searchInput.value);\r\n        }\r\n      });\r\n\r\n      calculate();\r\n    })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mir\u00eb se vini n\u00eb llogarit\u00ebsin e p\u00ebrdorimit t\u00eb t\u00eb dh\u00ebnave Zgjidh zakonet e tua t\u00eb p\u00ebrdorimit ditor dhe llogarit sa internet t\u00eb duhet. Pa b\u00ebr\u00eb asnj\u00eb zgjedhje, sistemi q\u00ebndron pasiv. Pasi t\u00eb b\u00ebsh zgjedhjet, mund t\u00eb shfaq\u00ebsh planin m\u00eb t\u00eb p\u00ebrshtatsh\u00ebm p\u00ebr ty. Zbulo sa data do t\u00eb p\u00ebrdor\u00ebsh sipas m\u00ebnyr\u00ebs si e p\u00ebrdor telefonin <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_angie_page":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4885","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/test.sampionbudva.me\/en\/wp-json\/wp\/v2\/pages\/4885","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.sampionbudva.me\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.sampionbudva.me\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.sampionbudva.me\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.sampionbudva.me\/en\/wp-json\/wp\/v2\/comments?post=4885"}],"version-history":[{"count":11,"href":"https:\/\/test.sampionbudva.me\/en\/wp-json\/wp\/v2\/pages\/4885\/revisions"}],"predecessor-version":[{"id":4934,"href":"https:\/\/test.sampionbudva.me\/en\/wp-json\/wp\/v2\/pages\/4885\/revisions\/4934"}],"wp:attachment":[{"href":"https:\/\/test.sampionbudva.me\/en\/wp-json\/wp\/v2\/media?parent=4885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}