{"id":2,"date":"2025-04-25T14:58:37","date_gmt":"2025-04-25T12:58:37","guid":{"rendered":"http:\/\/testwp68-ai.you2.pl\/?page_id=2"},"modified":"2026-07-29T15:55:01","modified_gmt":"2026-07-29T13:55:01","slug":"przykladowa-strona","status":"publish","type":"page","link":"https:\/\/pozyczkipodterminal.com\/","title":{"rendered":"Po\u017cyczka na terminal? Znajd\u017a najkorzystniejsze finansowanie w jednym miejscu."},"content":{"rendered":"\n<p>&nbsp;<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><style>\n       body {<br \/>\n           font-family: 'Inter', sans-serif;<br \/>\n           background-color: #f8fafc;<br \/>\n           color: #1e293b;<br \/>\n       }<br \/>\n       .nav-btn { transition: all 0.2s ease-in-out; }<br \/>\n       .nav-btn.active {<br \/>\n           border-color: #2563eb;<br \/>\n           color: #2563eb;<br \/>\n           background-color: #eff6ff;<br \/>\n       }<br \/>\n       .filter-btn { transition: all 0.2s ease-in-out; }<br \/>\n       .filter-btn.active {<br \/>\n           background-color: #2563eb;<br \/>\n           color: white;<br \/>\n           box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);<br \/>\n       }<br \/>\n       .best-offer-badge {<br \/>\n           position: absolute; top: -10px; right: 10px; background-color: #f59e0b;<br \/>\n           color: white; padding: 4px 10px; border-radius: 9999px; font-size: 0.75rem;<br \/>\n           font-weight: 600; transform: rotate(10deg); z-index: 10;<br \/>\n       }<br \/>\n       .highest-amount-badge {<br \/>\n           position: absolute; top: -10px; left: 10px; background-color: #10b981;<br \/>\n           color: white; padding: 4px 10px; border-radius: 9999px; font-size: 0.75rem;<br \/>\n           font-weight: 600; transform: rotate(-10deg); z-index: 10;<br \/>\n       }<br \/>\n       #modal-overlay {<br \/>\n           transition: opacity 0.3s ease-in-out;<br \/>\n       }<br \/>\n       #modal-content {<br \/>\n           transition: transform 0.3s ease-in-out;<br \/>\n       }<br \/>\n       @media print {<br \/>\n           body * { visibility: hidden; }<br \/>\n           #personalized-results, #personalized-results * { visibility: visible; }<br \/>\n           #personalized-results { position: absolute; left: 0; top: 0; width: 100%; }<br \/>\n           .fund-card { box-shadow: none; border: 1px solid #e5e7eb; page-break-inside: avoid; }<br \/>\n           .best-offer-badge, .highest-amount-badge, .contact-buttons, #print-btn, #modal-overlay { display: none; }<br \/>\n           h1, h2, h3 { color: black; }<br \/>\n       }<br \/>\n   <\/style>\n<\/p>\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n   <meta charset=\"UTF-8\">\n   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n   <title>Interaktywne Por\u00f3wnanie Ofert Finansowania<\/title>\n   <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n   <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n   <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n   <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n   <style>\n       \/* Definicje kolor\u00f3w niestandardowych *\/\n       :root {\n           --color-deep-navy: #0A2342;\n           --color-terracotta: #F97316; \/* Zaktualizowany kolor *\/\n           --color-green-call: #5cb85c;\n           --color-green-call-hover: #4cae4c;\n       }\n\n       body {\n           font-family: 'Inter', sans-serif;\n           background-color: #f8fafc; \/* slate-50 *\/\n           color: #1e293b; \/* slate-800 *\/\n       }\n       .hero-section {\n           position: relative;\n           background-image: url('https:\/\/images.unsplash.com\/photo-1554118811-1e0d58224f24?q=80&w=2047&auto-format&fit=crop');\n           background-size: cover;\n           background-position: center;\n           border-radius: 0.75rem;\n           overflow: hidden;\n           box-shadow: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\n       }\n       .hero-overlay {\n           position: absolute;\n           inset: 0;\n           background-color: rgba(10, 35, 66, 0.8);\n           z-index: 1;\n       }\n       .hero-content {\n           position: relative;\n           z-index: 2;\n       }\n       .nav-btn {\n           transition: all 0.3s ease-in-out;\n       }\n       .nav-btn.active {\n           border-color: var(--color-deep-navy);\n           color: var(--color-deep-navy);\n           background-color: white;\n           box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n       }\n       .filter-btn {\n           transition: all 0.2s ease-in-out;\n       }\n       .filter-btn.active {\n           background-color: var(--color-terracotta);\n           color: white;\n           border-color: var(--color-terracotta);\n           box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n       }\n       .best-offer-badge {\n           position: absolute; top: -12px; right: 12px; background-color: var(--color-terracotta);\n           color: white; padding: 5px 12px; border-radius: 9999px; font-size: 0.75rem;\n           font-weight: 700; transform: rotate(10deg); z-index: 10; box-shadow: 0 4px 15px rgba(249, 115, 22, 0.4);\n       }\n       .highest-amount-badge {\n           position: absolute; top: -12px; left: 12px; background-image: linear-gradient(to right, #10b981, #22c55e);\n           color: white; padding: 5px 12px; border-radius: 9999px; font-size: 0.75rem;\n           font-weight: 700; transform: rotate(-10deg); z-index: 10; box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);\n       }\n       #modal-overlay {\n           transition: opacity 0.3s ease-in-out;\n       }\n       #modal-content {\n           transition: transform 0.3s ease-in-out;\n       }\n       .fund-card {\n           transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n       }\n       .fund-card:hover {\n           transform: translateY(-5px);\n           box-shadow: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\n       }\n       details > summary {\n           list-style: none;\n       }\n       details > summary::-webkit-details-marker {\n           display: none;\n       }\n       .fade-in {\n           animation: fadeIn 0.5s ease-in-out forwards;\n           opacity: 0;\n       }\n       @keyframes fadeIn {\n           from { opacity: 0; transform: translateY(10px); }\n           to { opacity: 1; transform: translateY(0); }\n       }\n      \n       \/* Klasy pomocnicze dla niestandardowych kolor\u00f3w *\/\n       .bg-deep-navy { background-color: var(--color-deep-navy); }\n       .hover\\:bg-deep-navy-dark:hover { background-color: #081c35; } \/* Ciemniejszy odcie\u0144 do hover *\/\n       .text-deep-navy { color: var(--color-deep-navy); }\n       .border-deep-navy { border-color: var(--color-deep-navy); }\n       .ring-deep-navy:focus { --tw-ring-color: var(--color-deep-navy); }\n       .text-green-call { color: var(--color-green-call); }\n       .bg-green-call { background-color: var(--color-green-call); }\n       .hover\\:bg-green-call-hover:hover { background-color: var(--color-green-call-hover); }\n\n       @media print {\n           body * { visibility: hidden; }\n           #personalized-results-container, #personalized-results-container * { visibility: visible; }\n           #personalized-results-container { position: absolute; left: 0; top: 0; width: 100%; }\n           .fund-card { box-shadow: none; border: 1px solid #e5e7eb; page-break-inside: avoid; }\n           .best-offer-badge, .highest-amount-badge, .contact-buttons, #print-btn, #modal-overlay, header, footer, .nav-btn, #personalized-form, #modal-form-container { display: none !important; }\n           h1, h2, h3 { color: black; }\n       }\n   <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800\">\n\n   <div class=\"container mx-auto p-4 sm:p-6 lg:p-8\">\n       <header class=\"text-center mb-10 hero-section py-16 px-6\">\n           <div class=\"hero-overlay\"><\/div>\n           <div class=\"hero-content\">\n               <h1 class=\"text-4xl md:text-5xl font-extrabold text-white\">Pierwsza por\u00f3wnywarka po\u017cyczek pod terminal<\/h1>\n               <p class=\"mt-4 text-lg text-slate-200 max-w-2xl mx-auto\">Znajd\u017a najlepsz\u0105 ofert\u0119 lub sprawd\u017a, ile zaoszcz\u0119dzisz. Wszystko w jednym miejscu, w mniej ni\u017c minut\u0119.<\/p>\n           <\/div>\n       <\/header>\n\n       <div class=\"mb-10 p-1.5 bg-slate-200 rounded-xl flex space-x-2 max-w-lg mx-auto shadow-inner\">\n           <button id=\"nav-compare\" class=\"nav-btn w-1\/2 p-3 rounded-lg font-semibold border-2 border-transparent\">Por\u00f3wnaj oferty<\/button>\n           <button id=\"nav-personalized\" class=\"nav-btn w-1\/2 p-3 rounded-lg font-semibold border-2 border-transparent\">Oferta spersonalizowana<\/button>\n       <\/div>\n\n       <div id=\"comparison-view\">\n           <div class=\"bg-white rounded-xl shadow p-6 mb-8\">\n               <h2 class=\"text-xl font-bold text-slate-800 mb-5 text-center\">Filtruj oferty wed\u0142ug swoich potrzeb<\/h2>\n               <div class=\"flex flex-wrap justify-center gap-3 sm:gap-4\">\n                   <button id=\"filter-all\" class=\"filter-btn py-2 px-5 bg-white border border-slate-300 rounded-full text-slate-700 font-medium hover:bg-slate-100\">Poka\u017c wszystkie<\/button>\n                   <button id=\"filter-no-bik\" data-filter=\"noBik\" class=\"filter-btn py-2 px-5 bg-white border border-slate-300 rounded-full text-slate-700 font-medium hover:bg-slate-100\">Bez BIK<\/button>\n                   <button id=\"filter-krd\" data-filter=\"krd\" class=\"filter-btn py-2 px-5 bg-white border border-slate-300 rounded-full text-slate-700 font-medium hover:bg-slate-100\">Akceptacja KRD<\/button>\n                   <button id=\"filter-zus-us\" data-filter=\"zusUs\" class=\"filter-btn py-2 px-5 bg-white border border-slate-300 rounded-full text-slate-700 font-medium hover:bg-slate-100\">Zaleg\u0142o\u015bci ZUS\/US<\/button>\n                   <button id=\"filter-residency\" data-filter=\"residency\" class=\"filter-btn py-2 px-5 bg-white border border-slate-300 rounded-full text-slate-700 font-medium hover:bg-slate-100\">Karta pobytu<\/button>\n               <\/div>\n           <\/div>\n           <div class=\"bg-white rounded-xl shadow p-4 md:p-6 mb-8 hidden md:block\">\n               <h2 class=\"text-xl font-bold text-slate-800 mb-4 text-center\">Kluczowe Por\u00f3wnanie Ofert (dla 100 tys. PLN)<\/h2>\n               <div id=\"table-container\" class=\"overflow-x-auto rounded-lg border border-slate-200\"><\/div>\n           <\/div>\n           <h2 class=\"text-3xl font-bold text-slate-800 mb-6 text-center\">Szczeg\u00f3\u0142y Ofert<\/h2>\n           <div id=\"offers-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\"><\/div>\n       <\/div>\n\n       <div id=\"personalized-view\" class=\"hidden\">\n           <div class=\"max-w-2xl mx-auto bg-white p-6 sm:p-8 rounded-xl shadow-lg\">\n               <h2 class=\"text-2xl font-bold text-slate-800 mb-6 text-center\">Spersonalizuj swoj\u0105 ofert\u0119 w 60 sekund<\/h2>\n               <form id=\"personalized-form\" class=\"space-y-6\">\n                   <div>\n                       <label for=\"turnover\" class=\"block text-sm font-medium text-slate-700 mb-1\">\u015aredni miesi\u0119czny obr\u00f3t na terminalu<\/label>\n                       <div class=\"relative\">\n                           <input type=\"number\" id=\"turnover\" name=\"turnover\" required class=\"w-full pl-4 pr-12 py-2.5 border border-slate-300 rounded-lg focus:ring-2 ring-deep-navy border-deep-navy transition\" placeholder=\"np. 15000\">\n                           <span class=\"absolute inset-y-0 right-0 pr-4 flex items-center text-sm text-slate-500\">PLN<\/span>\n                       <\/div>\n                   <\/div>\n                   <fieldset>\n                       <legend class=\"text-sm font-medium text-slate-700 mb-2\">Czy posiadasz negatywne wpisy lub aktywne zad\u0142u\u017cenie w BIK?<\/legend>\n                       <div class=\"space-y-2\">\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"bik-history\" value=\"yes\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\"> <span class=\"ml-3 text-sm\">Tak<\/span><\/label>\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"bik-history\" value=\"no\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\"> <span class=\"ml-3 text-sm\">Nie<\/span><\/label>\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"bik-history\" value=\"unknown\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\" checked> <span class=\"ml-3 text-sm\">Nie wiem<\/span><\/label>\n                       <\/div>\n                   <\/fieldset>\n                   <fieldset>\n                       <legend class=\"text-sm font-medium text-slate-700 mb-2\">Czy posiadasz aktywne zad\u0142u\u017cenie widoczne w KRD?<\/legend>\n                       <div class=\"space-y-2\">\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"krd-history\" value=\"yes\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\"> <span class=\"ml-3 text-sm\">Tak<\/span><\/label>\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"krd-history\" value=\"no\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\"> <span class=\"ml-3 text-sm\">Nie<\/span><\/label>\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"krd-history\" value=\"unknown\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\" checked> <span class=\"ml-3 text-sm\">Nie wiem<\/span><\/label>\n                       <\/div>\n                   <\/fieldset>\n                    <fieldset>\n                       <legend class=\"text-sm font-medium text-slate-700 mb-2\">Czy posiadasz zaleg\u0142o\u015bci w ZUS lub US?<\/legend>\n                       <div class=\"space-y-2\">\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"arrears\" value=\"blocked\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\"> <span class=\"ml-3 text-sm\">Tak &#8211; zablokowane konto<\/span><\/label>\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"arrears\" value=\"not_blocked\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\"> <span class=\"ml-3 text-sm\">Tak &#8211; brak zaj\u0119cia na koncie<\/span><\/label>\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"arrears\" value=\"no\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\" checked> <span class=\"ml-3 text-sm\">Nie, nie posiadam zaleg\u0142o\u015bci<\/span><\/label>\n                       <\/div>\n                   <\/fieldset>\n                   <fieldset>\n                       <legend class=\"text-sm font-medium text-slate-700 mb-2\">Jaki jest g\u0142\u00f3wny dokument to\u017csamo\u015bci?<\/legend>\n                       <div class=\"space-y-2\">\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"document\" value=\"pl_id\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\" checked> <span class=\"ml-3 text-sm\">Dow\u00f3d osobisty<\/span><\/label>\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"document\" value=\"residency_card\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\"> <span class=\"ml-3 text-sm\">Karta pobytu<\/span><\/label>\n                           <label class=\"flex items-center\"><input type=\"radio\" name=\"document\" value=\"passport\" class=\"h-4 w-4 text-deep-navy border-slate-300 focus:ring-deep-navy\"> <span class=\"ml-3 text-sm\">Paszport (inny ni\u017c polski)<\/span><\/label>\n                       <\/div>\n                   <\/fieldset>\n                   <button type=\"submit\" class=\"w-full bg-deep-navy text-white font-bold py-3 px-4 rounded-lg hover:bg-deep-navy-dark transition-all text-lg shadow-lg shadow-blue-900\/30 hover:shadow-xl hover:shadow-blue-900\/40\">Oblicz zdolno\u015b\u0107 i znajd\u017a oferty<\/button>\n               <\/form>\n           <\/div>\n           <div id=\"personalized-results\" class=\"mt-10\"><\/div>\n       <\/div>\n      \n       <!-- Testimonials Section -->\n       <section class=\"mt-16 py-10\">\n           <h2 class=\"text-3xl font-bold text-slate-800 mb-10 text-center\">Co m\u00f3wi\u0105 nasi klienci<\/h2>\n           <div class=\"max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 px-4\">\n               <!-- Testimonial 1 -->\n               <div class=\"bg-white p-8 rounded-xl shadow-lg text-left relative border-t-4 border-deep-navy\">\n                   <div class=\"absolute -top-5 -left-4 text-8xl text-slate-100 -z-10\">\n                       <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M10 4a6 6 0 1 1-12 0a6 6 0 0 1 12 0zm14 0a6 6 0 1 1-12 0a6 6 0 0 1 12 0z\"\/><\/svg>\n                   <\/div>\n                   <p class=\"text-slate-600 mb-6 z-10 relative\">&#8222;Finansowanie pod terminal to by\u0142 strza\u0142 w dziesi\u0105tk\u0119. Proces by\u0142 niezwykle prosty i szybki, a pieni\u0105dze na koncie mia\u0142em ju\u017c nast\u0119pnego dnia. Polecam ka\u017cdemu, kto potrzebuje szybkiego zastrzyku got\u00f3wki dla swojej firmy.&#8221;<\/p>\n                   <div class=\"flex items-center\">\n                       <div class=\"w-12 h-12 rounded-full bg-slate-200 flex items-center justify-center mr-4\">\n                           <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-slate-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                               <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\" \/>\n                           <\/svg>\n                       <\/div>\n                       <div>\n                           <p class=\"font-semibold text-slate-900\">Marek Nowak<\/p>\n                           <p class=\"text-sm text-slate-500\">W\u0142a\u015bciciel restauracji<\/p>\n                       <\/div>\n                   <\/div>\n               <\/div>\n               <!-- Testimonial 2 -->\n               <div class=\"bg-white p-8 rounded-xl shadow-lg text-left relative border-t-4 border-deep-navy\">\n                    <div class=\"absolute -top-5 -left-4 text-8xl text-slate-100 -z-10\">\n                       <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M10 4a6 6 0 1 1-12 0a6 6 0 0 1 12 0zm14 0a6 6 0 1 1-12 0a6 6 0 0 1 12 0z\"\/><\/svg>\n                   <\/div>\n                   <p class=\"text-slate-600 mb-6 z-10 relative\">&#8222;By\u0142am sceptycznie nastawiona, ale elastyczno\u015b\u0107 sp\u0142aty w zale\u017cno\u015bci od obrot\u00f3w na terminalu przekona\u0142a mnie. To idealne rozwi\u0105zanie, gdy masz sezonowe wahania przychod\u00f3w. Profesjonalna obs\u0142uga i jasne warunki.&#8221;<\/p>\n                   <div class=\"flex items-center\">\n                       <div class=\"w-12 h-12 rounded-full bg-slate-200 flex items-center justify-center mr-4\">\n                           <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-slate-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                               <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\" \/>\n                           <\/svg>\n                       <\/div>\n                       <div>\n                           <p class=\"font-semibold text-slate-900\">Anna Kowalska<\/p>\n                           <p class=\"text-sm text-slate-500\">W\u0142a\u015bcicielka sklepu<\/p>\n                       <\/div>\n                   <\/div>\n               <\/div>\n           <\/div>\n       <\/section>\n\n       <section class=\"mt-16 pt-10 border-t border-slate-200 max-w-4xl mx-auto\">\n           <h2 class=\"text-3xl font-bold text-slate-800 mb-8 text-center\">Cz\u0119sto zadawane pytania (FAQ)<\/h2>\n           <div class=\"space-y-4\">\n               <details class=\"p-5 bg-white rounded-xl shadow-sm cursor-pointer group transition-all duration-300 hover:bg-slate-50\">\n                   <summary class=\"font-semibold text-lg flex justify-between items-center\">\n                       <span>Jak szybko otrzymam pieni\u0105dze?<\/span>\n                       <svg class=\"w-6 h-6 group-open:rotate-180 transition-transform duration-300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\" \/><\/svg>\n                   <\/summary>\n                   <p class=\"mt-3 text-slate-600\">Proces jest bardzo szybki. Po dostarczeniu kompletu dokument\u00f3w i pozytywnej decyzji, \u015brodki mog\u0105 znale\u017a\u0107 si\u0119 na Twoim koncie nawet w ci\u0105gu 24 godzin.<\/p>\n               <\/details>\n                <details class=\"p-5 bg-white rounded-xl shadow-sm cursor-pointer group transition-all duration-300 hover:bg-slate-50\">\n                   <summary class=\"font-semibold text-lg flex justify-between items-center\">\n                       <span>Czy mog\u0119 sp\u0142aci\u0107 po\u017cyczk\u0119 wcze\u015bniej?<\/span>\n                       <svg class=\"w-6 h-6 group-open:rotate-180 transition-transform duration-300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\" \/><\/svg>\n                   <\/summary>\n                   <p class=\"mt-3 text-slate-600\">Tak, wi\u0119kszo\u015b\u0107 naszych ofert pozwala na wcze\u015bniejsz\u0105 sp\u0142at\u0119 zobowi\u0105zania. Skontaktuj si\u0119 z nami, aby om\u00f3wi\u0107 szczeg\u00f3\u0142y i ewentualne korzy\u015bci z tego tytu\u0142u.<\/p>\n               <\/details>\n                <details class=\"p-5 bg-white rounded-xl shadow-sm cursor-pointer group transition-all duration-300 hover:bg-slate-50\">\n                   <summary class=\"font-semibold text-lg flex justify-between items-center\">\n                       <span>Jakie dokumenty b\u0119d\u0105 potrzebne do analizy?<\/span>\n                       <svg class=\"w-6 h-6 group-open:rotate-180 transition-transform duration-300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\" \/><\/svg>\n                   <\/summary>\n                   <p class=\"mt-3 text-slate-600\">Podstawowym dokumentem jest wyci\u0105g z konta firmowego za ostatnie 6-12 miesi\u0119cy. W zale\u017cno\u015bci od oferty, mo\u017cemy r\u00f3wnie\u017c poprosi\u0107 o zestawienie obrot\u00f3w z terminala p\u0142atniczego lub raport BIK. Szczeg\u00f3\u0142y znajdziesz na karcie ka\u017cdej oferty.<\/p>\n               <\/details>\n           <\/div>\n       <\/section>\n\n       <footer class=\"text-center mt-16 pt-8 border-t border-slate-200 text-slate-500 text-sm\">\n           <p class=\"font-bold\">pozyczkipodterminal.com<\/p>\n           <p class=\"mt-2\">Kontakt: <a href=\"tel:510027118\" class=\"font-semibold text-deep-navy hover:underline\">510 027 118<\/a> | <a href=\"mailto:ks@grupafinansowa.com\" class=\"font-semibold text-deep-navy hover:underline\">ks@grupafinansowa.com<\/a><\/p>\n       <\/footer>\n   <\/div>\n\n   <!-- Modal Form -->\n   <div id=\"modal-overlay\" class=\"fixed inset-0 bg-black bg-opacity-60 flex items-center justify-center p-4 hidden z-50 opacity-0\">\n       <div id=\"modal-content\" class=\"bg-white rounded-xl shadow-xl w-full max-w-lg p-6 relative transform scale-95\">\n           <button id=\"modal-close-btn\" class=\"absolute top-4 right-4 text-slate-500 hover:text-slate-800 transition-colors\">\n               <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\n           <\/button>\n           <div id=\"modal-form-container\">\n                <h3 class=\"text-2xl font-bold text-slate-800 mb-2\">Zapytaj o szczeg\u00f3\u0142y<\/h3>\n                <p class=\"text-sm text-slate-500 mb-6\">Wybrana oferta: <strong id=\"modal-offer-name\"><\/strong><\/p>\n                <form id=\"inquiry-form\" class=\"space-y-4\">\n                    <input type=\"hidden\" id=\"inquiry-offer-id\" name=\"offer-id\">\n                    <input type=\"hidden\" id=\"inquiry-source\" name=\"source\" value=\"pozyczkipodterminal.com - formularz\">\n                     <div>\n                         <label for=\"inquiry-name\" class=\"block text-sm font-medium text-slate-700\">Imi\u0119 i nazwisko<\/label>\n                         <input type=\"text\" id=\"inquiry-name\" name=\"name\" required class=\"mt-1 block w-full border border-slate-300 rounded-lg shadow-sm py-2 px-3 focus:ring-2 ring-deep-navy border-deep-navy transition\">\n                     <\/div>\n                     <div>\n                         <label for=\"inquiry-nip\" class=\"block text-sm font-medium text-slate-700\">NIP<\/label>\n                         <input type=\"text\" id=\"inquiry-nip\" name=\"nip\" required pattern=\"\\d{10}\" title=\"NIP musi sk\u0142ada\u0107 si\u0119 z 10 cyfr\" class=\"mt-1 block w-full border border-slate-300 rounded-lg shadow-sm py-2 px-3 focus:ring-2 ring-deep-navy border-deep-navy transition\">\n                     <\/div>\n                     <div>\n                         <label for=\"inquiry-email\" class=\"block text-sm font-medium text-slate-700\">Email<\/label>\n                         <input type=\"email\" id=\"inquiry-email\" name=\"email\" required class=\"mt-1 block w-full border border-slate-300 rounded-lg shadow-sm py-2 px-3 focus:ring-2 ring-deep-navy border-deep-navy transition\">\n                     <\/div>\n                     <div>\n                         <label for=\"inquiry-tel\" class=\"block text-sm font-medium text-slate-700\">Telefon<\/label>\n                         <input type=\"tel\" id=\"inquiry-tel\" name=\"tel\" required class=\"mt-1 block w-full border border-slate-300 rounded-lg shadow-sm py-2 px-3 focus:ring-2 ring-deep-navy border-deep-navy transition\">\n                     <\/div>\n                     <div class=\"pt-2\">\n                         <label class=\"flex items-start\">\n                              <input type=\"checkbox\" id=\"inquiry-rodo\" name=\"rodo\" required class=\"h-5 w-5 mt-0.5 text-deep-navy border-slate-300 rounded focus:ring-deep-navy\">\n                              <span class=\"ml-3 text-sm text-slate-600\">Wyra\u017cam zgod\u0119 na przetwarzanie moich danych osobowych w celu przedstawienia oferty. <a href=\"\/polityka-prywatnosci\" target=\"_blank\" class=\"text-deep-navy underline\">Polityka Prywatno\u015bci<\/a><\/span>\n                         <\/label>\n                     <\/div>\n                     <button type=\"submit\" id=\"inquiry-submit-btn\" class=\"w-full bg-deep-navy text-white font-bold py-3 px-4 rounded-lg hover:bg-deep-navy-dark transition-colors text-lg mt-4\">\n                         Wy\u015blij zapytanie\n                     <\/button>\n                <\/form>\n           <\/div>\n       <\/div>\n   <\/div>\n\n   <script>\n       const offerData = [\n           {\n               id: 'fundusz-nowosc', name: 'Oferta IV Nowo\u015b\u0107!', capacityMultiplier: 10, maxAmount: 150000, costPercentage6m: 0.106, costPercentage12m: 0.212,\n               bikCheck: true, bikInfo: 'Tak', krdEntries: false, krdInfo: 'Nie', acceptsZusUsArrears: true, acceptsBlockedAccountArrears: false, acceptsResidencyCard: false,\n               totalCost6m: 10600, totalCost12m: 21200, repaymentMethod: 'Rata miesi\u0119czna', maxPeriod: '96 m-cy', mainRequirement: 'Brak konieczno\u015bci przepinania terminala, Weryfikacja raportu BIK (min. 50%)',\n               documents: 'Wyci\u0105g z pe\u0142n\u0105 histori\u0105 rachunku (7 m-cy), Raport BIK.', borderColor: 'border-amber-500', residencyCardInfo: 'Nie', creditCapacity: '1000% obrotu (max. 150 tys. PLN)',\n               zusUsArrears: 'Tak, o ile brak zaj\u0119\u0107 komorniczych na koncie (90 dni)'\n           },\n           {\n               id: 'fundusz-y', name: 'Oferta I', capacityMultiplier: 1, maxAmount: null, costPercentage6m: 0.20, costPercentage12m: 0.40,\n               bikCheck: false, bikInfo: 'Brak', krdEntries: true, krdInfo: 'Tak', acceptsZusUsArrears: true, acceptsBlockedAccountArrears: true, acceptsResidencyCard: true,\n               totalCost6m: 20000, totalCost12m: 40000, repaymentMethod: 'od 5% do 20% dziennego obrotu z terminala', maxPeriod: '12 m-cy',\n               mainRequirement: 'Przepi\u0119cie obrot\u00f3w z terminala', documents: 'Wyci\u0105g z widocznymi wp\u0142ywami z terminala (7 m-cy), Wyci\u0105g z pe\u0142n\u0105 histori\u0105 rachunku (7 m-cy).', borderColor: 'border-cyan-500',\n               residencyCardInfo: 'Tak', creditCapacity: '100% obrotu', zusUsArrears: 'Tak, do 50% kwoty po\u017cyczki'\n           },\n           {\n               id: 'fundusz-f', name: 'Oferta II', capacityMultiplier: 4, maxAmount: null, costPercentage6m: 0.199, costPercentage12m: null,\n               bikCheck: false, bikInfo: 'Brak', krdEntries: true, krdInfo: 'Tak', acceptsZusUsArrears: true, acceptsBlockedAccountArrears: true, acceptsResidencyCard: true,\n               totalCost6m: 19900, totalCost12m: null, repaymentMethod: 'Sta\u0142a rata dzienna', maxPeriod: '6 m-cy', mainRequirement: 'Zmiana terminala na wskazany przez fundusz',\n               documents: 'Wyci\u0105g z pe\u0142n\u0105 histori\u0105 rachunku (7 m-cy), Zestawienie od Agenta Rozliczeniowego (7 m-cy).', borderColor: 'border-blue-500',\n               residencyCardInfo: 'Tak', creditCapacity: '400% obrotu', zusUsArrears: 'Tak, do 100 000 PLN'\n           },\n           {\n               id: 'fundusz-w', name: 'Oferta III', capacityMultiplier: 1.5, maxAmount: null, costPercentage6m: 0.1795, costPercentage12m: 0.359,\n               bikCheck: true, bikInfo: 'Tak', krdEntries: true, krdInfo: 'Tak', acceptsZusUsArrears: true, acceptsBlockedAccountArrears: true, acceptsResidencyCard: true,\n               totalCost6m: 17950, totalCost12m: 35900, repaymentMethod: 'od 5% do 20% dziennego obrotu z terminala', maxPeriod: '15 m-cy',\n               mainRequirement: 'Przepi\u0119cie obrot\u00f3w z terminala', documents: 'Wyci\u0105g z pe\u0142n\u0105 histori\u0105 rachunku (12 m-cy).', borderColor: 'border-emerald-500',\n               residencyCardInfo: 'Tak', creditCapacity: '150% obrotu', zusUsArrears: 'Tak, do 100% kwoty po\u017cyczki'\n           }\n       ];\n\n       \/\/ --- UTILITY FUNCTIONS ---\n       function formatCurrency(value) {\n           if (value === null || typeof value === 'undefined' || isNaN(value)) return 'Brak danych';\n           return new Intl.NumberFormat('pl-PL', { style: 'currency', currency: 'PLN', minimumFractionDigits: 0, maximumFractionDigits: 0 }).format(value);\n       }\n\n       const ICONS = {\n           check: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"w-5 h-5 inline-block mr-1 text-green-600\"><path fill-rule=\"evenodd\" d=\"M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.052-.143z\" clip-rule=\"evenodd\" \/><\/svg>`,\n           cross: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"w-5 h-5 inline-block mr-1 text-red-600\"><path d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" \/><\/svg>`,\n       }\n\n       \/\/ --- DOM ELEMENTS ---\n       const comparisonView = document.getElementById('comparison-view');\n       const personalizedView = document.getElementById('personalized-view');\n       const navCompare = document.getElementById('nav-compare');\n       const navPersonalized = document.getElementById('nav-personalized');\n       const grid = document.getElementById('offers-grid');\n       const tableContainer = document.getElementById('table-container');\n       const personalizedForm = document.getElementById('personalized-form');\n       const personalizedResults = document.getElementById('personalized-results');\n       const modalOverlay = document.getElementById('modal-overlay');\n       const modalContent = document.getElementById('modal-content');\n       const inquiryForm = document.getElementById('inquiry-form');\n      \n       \/\/ --- CORE LOGIC ---\n       function switchView(view) {\n           if (view === 'compare') {\n               comparisonView.classList.remove('hidden');\n               personalizedView.classList.add('hidden');\n               navCompare.classList.add('active');\n               navPersonalized.classList.remove('active');\n           } else {\n               comparisonView.classList.add('hidden');\n               personalizedView.classList.remove('hidden');\n               navCompare.classList.remove('active');\n               navPersonalized.classList.add('active');\n           }\n       }\n\n       function createOfferCard(offer, turnover = null) {\n           const card = document.createElement('div');\n           card.className = `fund-card bg-white rounded-xl shadow-lg p-6 flex flex-col border-t-4 ${offer.borderColor} relative fade-in`;\n          \n           const isPersonalized = turnover !== null;\n           let capacity, estimatedCost;\n\n           if (isPersonalized) {\n               capacity = turnover * offer.capacityMultiplier;\n               if (offer.maxAmount && capacity > offer.maxAmount) capacity = offer.maxAmount;\n               estimatedCost = offer.costPercentage6m ? capacity * offer.costPercentage6m : null;\n           } else {\n                const monthlyCostPer10k = offer.costPercentage6m ? (offer.costPercentage6m \/ 6) * 10000 : null;\n                capacity = monthlyCostPer10k;\n           }\n\n           const badges = (offer.isBest ? `<div class=\"best-offer-badge\">Najni\u017cszy Koszt<\/div>` : '') + (offer.isHighest ? `<div class=\"highest-amount-badge\">Najwy\u017csza Kwota<\/div>` : '');\n          \n           const headerHTML = isPersonalized ? `\n               <p class=\"text-sm text-slate-500\">Maksymalna kwota finansowania<\/p>\n               <p class=\"text-4xl font-extrabold text-slate-900 mb-2\">${formatCurrency(capacity)}<\/p>\n               <p class=\"text-sm text-slate-500\">Szacowany koszt (6 m-cy)<\/p>\n               <p class=\"text-2xl font-bold text-slate-800\">${formatCurrency(estimatedCost)}<\/p>\n           ` : `\n               <p class=\"text-4xl font-extrabold text-slate-900\">${formatCurrency(capacity)}<\/p>\n               <p class=\"text-sm text-slate-500\">miesi\u0119cznie za ka\u017cde 10 tys. z\u0142<\/p>\n           `;\n          \n           card.innerHTML = `\n               ${badges}\n               <h3 class=\"text-xl font-bold text-slate-800 mb-2\">${offer.name}<\/h3>\n               <div class=\"text-center bg-slate-50 rounded-lg py-4 my-4 border border-slate-200\">\n                   ${headerHTML}\n               <\/div>\n               <div class=\"space-y-3 text-sm flex-grow\">\n                   <p><strong>Maksymalna zdolno\u015b\u0107:<\/strong><br>${offer.creditCapacity}<\/p>\n                   <p><strong>Maksymalny okres:<\/strong><br>${offer.maxPeriod}<\/p>\n                   <p><strong>Spos\u00f3b sp\u0142aty:<\/strong><br>${offer.repaymentMethod}<\/p>\n                   <p class=\"flex items-start\"><strong>BIK:<\/strong> <span class=\"ml-2\">${offer.bikCheck ? ICONS.cross + 'Weryfikacja' : ICONS.check + 'Brak weryfikacji'}<\/span><\/p>\n                   <p class=\"flex items-start\"><strong>KRD:<\/strong> <span class=\"ml-2\">${offer.krdEntries ? ICONS.check + 'Akceptacja wpis\u00f3w' : ICONS.cross + 'Brak akceptacji'}<\/span><\/p>\n                    <p><strong>Zaleg\u0142o\u015bci ZUS\/US:<\/strong><br>${offer.zusUsArrears}<\/p>\n                   <p class=\"flex items-start\"><strong>Karta pobytu:<\/strong> <span class=\"ml-2\">${offer.acceptsResidencyCard ? ICONS.check + 'Tak' : ICONS.cross + 'Nie'}<\/span><\/p>\n                   <p><strong>G\u0142\u00f3wne wymagania:<\/strong><br>${offer.mainRequirement}<\/p>\n                   <p><strong>Dokumenty do analizy:<\/strong><br>${offer.documents}<\/p>\n               <\/div>\n               <div class=\"mt-5 pt-5 border-t border-slate-200 flex flex-col space-y-2 contact-buttons\">\n                   <button class=\"open-modal-btn w-full bg-deep-navy text-white font-bold py-2.5 px-4 rounded-lg hover:bg-deep-navy-dark transition-colors shadow hover:shadow-lg\" data-offer-id=\"${offer.id}\">Dowiedz si\u0119 wi\u0119cej<\/button>\n                   <a href=\"tel:510027118\" class=\"w-full text-center bg-green-call text-white font-bold py-2.5 px-4 rounded-lg hover:bg-green-call-hover transition-colors shadow hover:shadow-lg\">Zadzwo\u0144<\/a>\n               <\/div>`;\n           return card;\n       }\n\n       function renderCards(filterFn = () => true) {\n           grid.innerHTML = '';\n           const filteredData = offerData.filter(filterFn);\n           if (filteredData.length === 0) {\n               grid.innerHTML = `<p class=\"text-center text-slate-500 col-span-full\">Brak ofert spe\u0142niaj\u0105cych wybrane kryteria.<\/p>`;\n               return;\n           }\n           filteredData.forEach(offer => grid.appendChild(createOfferCard(offer)));\n       }\n\n       function renderTable() {\n           if (!tableContainer) return;\n           tableContainer.innerHTML = '';\n           const table = document.createElement('table');\n           table.className = 'w-full text-sm text-left text-slate-600';\n           table.innerHTML = `\n               <thead class=\"text-xs text-slate-700 uppercase bg-slate-100\">\n                   <tr>\n                       <th scope=\"col\" class=\"px-6 py-3 rounded-tl-lg\">Kryterium<\/th>\n                       ${offerData.map(o => `<th scope=\"col\" class=\"px-6 py-3 text-center\">${o.name}<\/th>`).join('')}\n                   <\/tr>\n               <\/thead>\n               <tbody>\n                   ${[\n                       { key: 'creditCapacity', label: 'Maksymalna zdolno\u015b\u0107' },\n                       { key: 'maxPeriod', label: 'Maksymalny okres' },\n                       { key: 'totalCost6m', label: 'Szacowany koszt (6 m-cy)', format: 'currency' },\n                       { key: 'repaymentMethod', label: 'Spos\u00f3b sp\u0142aty' },\n                       { key: 'zusUsArrears', label: 'Zaleg\u0142o\u015bci ZUS\/US' },\n                       { key: 'bikInfo', label: 'Weryfikacja BIK' }\n                   ].map(criterion => `\n                       <tr class=\"bg-white border-b hover:bg-slate-50\">\n                           <th scope=\"row\" class=\"px-6 py-4 font-medium text-slate-900 whitespace-nowrap\">${criterion.label}<\/th>\n                           ${offerData.map(offer => {\n                               const value = offer[criterion.key];\n                               const fValue = criterion.format === 'currency' ? formatCurrency(value) : (value || 'Brak danych');\n                               return `<td class=\"px-6 py-4 text-center\">${fValue}<\/td>`;\n                           }).join('')}\n                       <\/tr>\n                   `).join('')}\n               <\/tbody>\n           `;\n           tableContainer.appendChild(table);\n       }\n\n       function renderPersonalizedResults(filteredOffers, turnover) {\n           personalizedResults.innerHTML = '';\n          \n           const container = document.createElement('div');\n           container.id = 'personalized-results-container';\n\n           if (filteredOffers.length === 0) {\n               container.innerHTML = `<div class=\"text-center p-6 bg-white rounded-xl shadow-lg\"><h3 class=\"text-xl font-bold\">Brak dost\u0119pnych ofert<\/h3><p class=\"text-slate-600 mt-2\">Niestety, na podstawie podanych kryteri\u00f3w nie znale\u017ali\u015bmy \u017cadnych pasuj\u0105cych ofert.<\/p><\/div>`;\n               personalizedResults.appendChild(container);\n               return;\n           }\n\n           const header = document.createElement('div');\n           header.className = 'flex justify-between items-center mb-6';\n           header.innerHTML = `\n               <h2 class=\"text-3xl font-bold text-slate-800\">Twoje spersonalizowane oferty<\/h2>\n               <button id=\"print-btn\" class=\"flex items-center gap-2 bg-slate-600 text-white font-bold py-2 px-4 rounded-lg hover:bg-slate-700 transition-colors\">\n                   <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"w-5 h-5\"><path fill-rule=\"evenodd\" d=\"M5 2.75C5 1.784 5.784 1 6.75 1h6.5c.966 0 1.75.784 1.75 1.75v3.552c.377.135.74.34 1.057.592l.288.231a.75.75 0 01-1.002 1.114l-.288-.23a.813.813 0 00-.557-.233V8.25c0 .414-.336.75-.75.75H5.75a.75.75 0 01-.75-.75v-1a.75.75 0 01.75-.75h1.5a.75.75 0 010 1.5h-1.5v.25H12v-.25a.75.75 0 01.75-.75h.036c.218 0 .42-.095.557-.255l.288-.231A.75.75 0 0113.63 6.3l-.288-.23a1.813 1.813 0 00-1.057-.592V2.75C12.285 2.401 12 2.062 12 1.75a.75.75 0 00-.75-.75h-4.5A.75.75 0 006 1.75c0 .312-.285.651-.75.75V8.25c0 .828.672 1.5 1.5 1.5h5a.75.75 0 010 1.5h-5A2.25 2.25 0 015 8.25V2.75zM15 13.25a.75.75 0 00-.75.75v2.25H5.75v-2.25a.75.75 0 00-1.5 0v2.25A2.25 2.25 0 006.5 18.5h6.25a2.25 2.25 0 002.25-2.25V14a.75.75 0 00-.75-.75z\" clip-rule=\"evenodd\" \/><\/svg>\n                   <span>Drukuj wyniki<\/span>\n               <\/button>\n           `;\n           container.appendChild(header);\n          \n           const resultsGrid = document.createElement('div');\n           resultsGrid.className = 'grid grid-cols-1 md:grid-cols-2 gap-6';\n          \n           const offersWithCalculations = filteredOffers.map(offer => {\n               let capacity = turnover * offer.capacityMultiplier;\n               if (offer.maxAmount && capacity > offer.maxAmount) capacity = offer.maxAmount;\n               const estimatedCost = offer.costPercentage6m ? capacity * offer.costPercentage6m : null;\n               return { ...offer, calculatedCapacity: capacity, calculatedCost: estimatedCost };\n           }).sort((a, b) => b.calculatedCapacity - a.calculatedCapacity);\n\n           const bestOfferByCost = [...offersWithCalculations].filter(o => o.calculatedCost !== null && o.calculatedCapacity > 0).sort((a, b) => (a.calculatedCost \/ a.calculatedCapacity) - (b.calculatedCost \/ b.calculatedCapacity))[0];\n           if(bestOfferByCost) bestOfferByCost.isBest = true;\n           if (offersWithCalculations.length > 0) offersWithCalculations[0].isHighest = true;\n\n           offersWithCalculations.forEach(offer => {\n               const card = createOfferCard(offer, turnover);\n               resultsGrid.appendChild(card);\n           });\n\n           container.appendChild(resultsGrid);\n           personalizedResults.appendChild(container);\n          \n           document.getElementById('print-btn').addEventListener('click', () => window.print());\n       }\n\n       \/\/ --- MODAL HANDLING ---\n       function openModal(offerId) {\n           const offer = offerData.find(o => o.id === offerId);\n           if (!offer) return;\n          \n           document.getElementById('modal-offer-name').textContent = offer.name;\n           document.getElementById('inquiry-offer-id').value = offer.id;\n          \n           \/\/ Reset views\n           document.getElementById('modal-form-container').classList.remove('hidden');\n           inquiryForm.reset();\n           document.getElementById('inquiry-submit-btn').disabled = false;\n           document.getElementById('inquiry-submit-btn').textContent = 'Wy\u015blij zapytanie';\n\n\n           modalOverlay.classList.remove('hidden');\n           setTimeout(() => {\n               modalOverlay.classList.remove('opacity-0');\n               modalContent.classList.remove('scale-95');\n           }, 10);\n       }\n\n       function closeModal() {\n           modalOverlay.classList.add('opacity-0');\n           modalContent.classList.add('scale-95');\n           setTimeout(() => modalOverlay.classList.add('hidden'), 300);\n       }\n      \n       \/\/ --- EVENT LISTENERS ---\n       document.addEventListener('DOMContentLoaded', () => {\n           const activeFilters = { noBik: false, krd: false, zusUs: false, residency: false };\n           const filterAllBtn = document.getElementById('filter-all');\n           const specificFilterBtns = document.querySelectorAll('.filter-btn[data-filter]');\n\n           function applyAndRenderFilters() {\n               const isAnyFilterActive = Object.values(activeFilters).some(val => val);\n               filterAllBtn.classList.toggle('active', !isAnyFilterActive);\n               renderCards(offer => {\n                   if (activeFilters.noBik && offer.bikCheck) return false;\n                   if (activeFilters.krd && !offer.krdEntries) return false;\n                   if (activeFilters.zusUs && !offer.acceptsZusUsArrears) return false;\n                   if (activeFilters.residency && !offer.acceptsResidencyCard) return false;\n                   return true;\n               });\n           }\n\n           \/\/ Initial setup\n           switchView('compare');\n           renderTable();\n           applyAndRenderFilters();\n\n           \/\/ View switcher\n           navCompare.addEventListener('click', () => switchView('compare'));\n           navPersonalized.addEventListener('click', () => switchView('personalized'));\n\n           \/\/ Filter buttons\n           filterAllBtn.addEventListener('click', () => {\n               Object.keys(activeFilters).forEach(key => activeFilters[key] = false);\n               specificFilterBtns.forEach(btn => btn.classList.remove('active'));\n               applyAndRenderFilters();\n           });\n\n           specificFilterBtns.forEach(button => {\n               button.addEventListener('click', () => {\n                   const filterKey = button.dataset.filter;\n                   activeFilters[filterKey] = !activeFilters[filterKey];\n                   button.classList.toggle('active');\n                   applyAndRenderFilters();\n               });\n           });\n\n           \/\/ Personalized form submission\n           personalizedForm.addEventListener('submit', (e) => {\n               e.preventDefault();\n               personalizedResults.innerHTML = `<div class=\"text-center p-6\"><div class=\"animate-spin rounded-full h-12 w-12 border-b-2 border-deep-navy mx-auto\"><\/div><p class=\"mt-4 text-slate-600\">Obliczanie najlepszych ofert...<\/p><\/div>`;\n              \n               setTimeout(() => {\n                   const formData = new FormData(personalizedForm);\n                   const turnover = parseFloat(formData.get('turnover'));\n                   if (isNaN(turnover) || turnover <= 0) {\n                       personalizedResults.innerHTML = `<div class=\"text-center p-6 bg-white rounded-xl shadow-lg\"><h3 class=\"text-xl font-bold text-red-600\">B\u0142\u0105d<\/h3><p class=\"text-slate-600 mt-2\">Prosz\u0119 poda\u0107 prawid\u0142ow\u0105 kwot\u0119 obrotu.<\/p><\/div>`;\n                       return;\n                   }\n                  \n                   const filtered = offerData.filter(offer => {\n                       if (formData.get('bik-history') === 'yes' && offer.bikCheck) return false;\n                       if (formData.get('krd-history') === 'yes' && !offer.krdEntries) return false;\n                       if (formData.get('arrears') === 'blocked' && !offer.acceptsBlockedAccountArrears) return false;\n                       if (formData.get('arrears') !== 'no' && !offer.acceptsZusUsArrears) return false;\n                       const docType = formData.get('document');\n                       if ((docType === 'residency_card' || docType === 'passport') && !offer.acceptsResidencyCard) return false;\n                       return true;\n                   });\n                   renderPersonalizedResults(filtered, turnover);\n                   personalizedResults.scrollIntoView({ behavior: 'smooth', block: 'start' });\n               }, 750); \/\/ Simulate calculation time\n           });\n\n           \/\/ Modal triggers and closing\n           document.body.addEventListener('click', e => {\n               if (e.target.closest('.open-modal-btn')) {\n                   openModal(e.target.closest('.open-modal-btn').dataset.offerId);\n               }\n           });\n\n           document.getElementById('modal-close-btn').addEventListener('click', closeModal);\n           modalOverlay.addEventListener('click', e => {\n               if (e.target === modalOverlay) closeModal();\n           });\n\n           \/\/ *** ZMIENIONA SEKCJA - WYSY\u0141KA FORMULARZA W TLE (AJAX) ***\n           inquiryForm.addEventListener('submit', function(e) {\n               e.preventDefault();\n\n               const formData = new FormData(inquiryForm);\n               const submitBtn = document.getElementById('inquiry-submit-btn');\n               submitBtn.textContent = 'Wysy\u0142anie...';\n               submitBtn.disabled = true;\n\n               \/\/ Aby przegl\u0105darka mog\u0142a wys\u0142a\u0107 maila bez otwierania klienta poczty, \n               \/\/ dane musz\u0105 trafi\u0107 do skryptu na serwerze (np. send_mail.php).\n               fetch('send_mail.php', {\n                   method: 'POST',\n                   body: formData\n               })\n               .then(response => {\n                   if (response.ok) {\n                       submitBtn.textContent = 'Wys\u0142ano zapytanie!';\n                       setTimeout(() => {\n                           closeModal();\n                           submitBtn.textContent = 'Wy\u015blij zapytanie';\n                           submitBtn.disabled = false;\n                           inquiryForm.reset();\n                       }, 1500);\n                   } else {\n                       submitBtn.textContent = 'B\u0142\u0105d wysy\u0142ania';\n                       submitBtn.disabled = false;\n                   }\n               })\n               .catch(error => {\n                   submitBtn.textContent = 'B\u0142\u0105d po\u0142\u0105czenia';\n                   submitBtn.disabled = false;\n               });\n           });\n       });\n   <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n<?php\nif ($_SERVER[\"REQUEST_METHOD\"] == \"POST\") {\n    $to = \"ks@grupafinansowa.com\"; \/\/ Tw\u00f3j docelowy e-mail\n    \n    $name = htmlspecialchars($_POST['name'] ?? '');\n    $nip = htmlspecialchars($_POST['nip'] ?? '');\n    $email = htmlspecialchars($_POST['email'] ?? '');\n    $tel = htmlspecialchars($_POST['tel'] ?? '');\n    $offerId = htmlspecialchars($_POST['offer-id'] ?? '');\n\n    $subject = \"Zapytanie o ofert\u0119: \" . $offerId;\n    \n    $message = \"Otrzymano nowe zapytanie o ofert\u0119!\\n\";\n    $message .= \"------------------------------------\\n\";\n    $message .= \"Imi\u0119 i nazwisko: \" . $name . \"\\n\";\n    $message .= \"NIP: \" . $nip . \"\\n\";\n    $message .= \"Adres e-mail: \" . $email . \"\\n\";\n    $message .= \"Telefon: \" . $tel . \"\\n\";\n    $message .= \"Wybrana oferta: \" . $offerId . \"\\n\";\n    $message .= \"------------------------------------\\n\";\n\n    $headers = \"From: \" . $email . \"\\r\\n\";\n    $headers .= \"Reply-To: \" . $email . \"\\r\\n\";\n    $headers .= \"Content-Type: text\/plain; charset=UTF-8\\r\\n\";\n\n    if(mail($to, $subject, $message, $headers)) {\n        http_response_code(200);\n        echo \"Wiadomo\u015b\u0107 wys\u0142ana.\";\n    } else {\n        http_response_code(500);\n        echo \"B\u0142\u0105d wysy\u0142ania wiadomo\u015bci.\";\n    }\n} else {\n    http_response_code(403);\n    echo \"Dost\u0119p zabroniony.\";\n}\n?>\n\n\n\n\n\n\n\n<p><!-- Modal Form --><\/p>\n\n\n\n<p><script><br \/>\n       const offerData = [<br \/>\n            {<br \/>\n               id: 'fundusz-nowosc', name: 'Oferta IV Nowo\u015b\u0107!', capacityMultiplier: 10, maxAmount: 150000, costPercentage6m: 0.106, costPercentage12m: 0.212,<br \/>\n               bikCheck: true, bikInfo: 'Tak', krdEntries: false, krdInfo: 'Nie', acceptsZusUsArrears: true, acceptsBlockedAccountArrears: false, acceptsResidencyCard: false,<br \/>\n               totalCost6m: 10600, totalCost12m: 21200, repaymentMethod: 'Rata miesi\u0119czna', maxPeriod: '96 m-cy', mainRequirement: 'Brak konieczno\u015bci przepinania terminala, Weryfikacja raportu BIK (min. 50%)',<br \/>\n               documents: 'Wyci\u0105g z pe\u0142n\u0105 histori\u0105 rachunku (7 m-cy), Raport BIK.', borderColor: 'border-amber-500', residencyCardInfo: 'Nie', creditCapacity: '1000% obrotu (max. 150 tys. PLN)',<br \/>\n               zusUsArrears: 'Tak, o ile brak zaj\u0119\u0107 komorniczych na koncie (90 dni)'<br \/>\n           },<br \/>\n           {<br \/>\n               id: 'fundusz-y', name: 'Oferta I', capacityMultiplier: 1, maxAmount: null, costPercentage6m: 0.20, costPercentage12m: 0.40,<br \/>\n               bikCheck: false, bikInfo: 'Brak', krdEntries: true, krdInfo: 'Tak', acceptsZusUsArrears: true, acceptsBlockedAccountArrears: true, acceptsResidencyCard: true,<br \/>\n               totalCost6m: 20000, totalCost12m: 40000, repaymentMethod: 'od 5% do 20% dziennego obrotu z terminala', maxPeriod: '12 m-cy',<br \/>\n               mainRequirement: 'Przepi\u0119cie obrot\u00f3w z terminala', documents: 'Wyci\u0105g z widocznymi wp\u0142ywami z terminala (7 m-cy), Wyci\u0105g z pe\u0142n\u0105 histori\u0105 rachunku (7 m-cy).', borderColor: 'border-cyan-500',<br \/>\n               residencyCardInfo: 'Tak', creditCapacity: '100% obrotu', zusUsArrears: 'Tak, do 50% kwoty po\u017cyczki'<br \/>\n           },<br \/>\n           {<br \/>\n               id: 'fundusz-f', name: 'Oferta II', capacityMultiplier: 4, maxAmount: null, costPercentage6m: 0.199, costPercentage12m: null,<br \/>\n               bikCheck: false, bikInfo: 'Brak', krdEntries: true, krdInfo: 'Tak', acceptsZusUsArrears: true, acceptsBlockedAccountArrears: true, acceptsResidencyCard: true,<br \/>\n               totalCost6m: 19900, totalCost12m: null, repaymentMethod: 'Sta\u0142a rata dzienna', maxPeriod: '6 m-cy', mainRequirement: 'Zmiana terminala na wskazany przez fundusz',<br \/>\n               documents: 'Wyci\u0105g z pe\u0142n\u0105 histori\u0105 rachunku (7 m-cy), Zestawienie od Agenta Rozliczeniowego (7 m-cy).', borderColor: 'border-blue-500',<br \/>\n               residencyCardInfo: 'Tak', creditCapacity: '400% obrotu', zusUsArrears: 'Tak, do 100 000 PLN'<br \/>\n           },<br \/>\n           {<br \/>\n               id: 'fundusz-w', name: 'Oferta III', capacityMultiplier: 1.5, maxAmount: null, costPercentage6m: 0.1795, costPercentage12m: 0.359,<br \/>\n               bikCheck: true, bikInfo: 'Tak', krdEntries: true, krdInfo: 'Tak', acceptsZusUsArrears: true, acceptsBlockedAccountArrears: true, acceptsResidencyCard: true,<br \/>\n               totalCost6m: 17950, totalCost12m: 35900, repaymentMethod: 'od 5% do 20% dziennego obrotu z terminala', maxPeriod: '15 m-cy',<br \/>\n               mainRequirement: 'Przepi\u0119cie obrot\u00f3w z terminala', documents: 'Wyci\u0105g z pe\u0142n\u0105 histori\u0105 rachunku (12 m-cy).', borderColor: 'border-emerald-500',<br \/>\n               residencyCardInfo: 'Tak', creditCapacity: '150% obrotu', zusUsArrears: 'Tak, do 100% kwoty po\u017cyczki'<br \/>\n           }<br \/>\n       ];<br \/>\n       function formatCurrency(value) {<br \/>\n           if (value === null || typeof value === 'undefined' || isNaN(value)) return 'Brak danych';<br \/>\n           return new Intl.NumberFormat('pl-PL', { style: 'currency', currency: 'PLN', maximumFractionDigits: 0 }).format(value);<br \/>\n       }<\/p>\n<p>       const comparisonView = document.getElementById('comparison-view');<br \/>\n       const personalizedView = document.getElementById('personalized-view');<br \/>\n       const navCompare = document.getElementById('nav-compare');<br \/>\n       const navPersonalized = document.getElementById('nav-personalized');<br \/>\n       const grid = document.getElementById('offers-grid');<br \/>\n       const tableContainer = document.getElementById('table-container');<br \/>\n       const personalizedForm = document.getElementById('personalized-form');<br \/>\n       const personalizedResults = document.getElementById('personalized-results');<br \/>\n       const modalOverlay = document.getElementById('modal-overlay');<br \/>\n       const modalContent = document.getElementById('modal-content');<br \/>\n       const inquiryForm = document.getElementById('inquiry-form');<\/p>\n<p>       function switchView(view) {<br \/>\n           if (view === 'compare') {<br \/>\n               comparisonView.classList.remove('hidden');<br \/>\n               personalizedView.classList.add('hidden');<br \/>\n               navCompare.classList.add('active');<br \/>\n               navPersonalized.classList.remove('active');<br \/>\n           } else {<br \/>\n               comparisonView.classList.add('hidden');<br \/>\n               personalizedView.classList.remove('hidden');<br \/>\n               navCompare.classList.remove('active');<br \/>\n               navPersonalized.classList.add('active');<br \/>\n           }<br \/>\n       }<\/p>\n<p>       function renderCards(filterFn = () => true) {<br \/>\n           grid.innerHTML = '';<br \/>\n           const filteredData = offerData.filter(filterFn);<br \/>\n           if (filteredData.length === 0) {<br \/>\n               grid.innerHTML = `<\/p>\n<p class=\"text-center text-slate-500 col-span-full\">Brak ofert spe\u0142niaj\u0105cych wybrane kryteria.<\/p>\n<p>`;<br \/>\n               return;<br \/>\n           }<br \/>\n           filteredData.forEach(offer => {<br \/>\n               const card = document.createElement('div');<br \/>\n               card.className = `fund-card bg-white rounded-lg shadow-md p-6 flex flex-col border-t-4 ${offer.borderColor}`;<br \/>\n               const monthlyCostPer10k = offer.costPercentage6m ? (offer.costPercentage6m \/ 6) * 10000 : null;<\/p>\n<p>               card.innerHTML = `<\/p>\n<h3 class=\"text-xl font-semibold text-slate-800 mb-2\">${offer.name}<\/h3>\n<div class=\"text-center bg-slate-50 rounded-lg py-4 my-4\">\n<p class=\"text-3xl font-bold text-slate-900\">${formatCurrency(monthlyCostPer10k)}<\/p>\n<p class=\"text-sm text-slate-500\">miesi\u0119cznie za ka\u017cde 10 tys. z\u0142<\/p>\n<\/p>\n<\/div>\n<div class=\"space-y-3 text-sm flex-grow\">\n<p><strong>Maksymalna zdolno\u015b\u0107:<\/strong><br \/>${offer.creditCapacity}<\/p>\n<p><strong>Maksymalny okres:<\/strong><br \/>${offer.maxPeriod}<\/p>\n<p><strong>Spos\u00f3b sp\u0142aty:<\/strong><br \/>${offer.repaymentMethod}<\/p>\n<p><strong>Weryfikacja w BIK:<\/strong> ${offer.bikCheck ? '<span class=\"font-semibold text-red-600\">Tak<\/span>' : '<span class=\"font-semibold text-green-600\">Brak<\/span>'}<\/p>\n<p><strong>Akceptacja wpis\u00f3w w KRD:<\/strong> ${offer.krdEntries ? '<span class=\"font-semibold text-green-600\">Tak<\/span>' : '<span class=\"font-semibold text-red-600\">Nie<\/span>'}<\/p>\n<p><strong>Zaleg\u0142o\u015bci ZUS\/US:<\/strong><br \/>${offer.zusUsArrears}<\/p>\n<p><strong>Dla posiadaczy paszportu\/karty pobytu:<\/strong> ${offer.acceptsResidencyCard ? '<span class=\"font-semibold text-green-600\">Tak<\/span>' : '<span class=\"font-semibold text-red-600\">Nie<\/span>'}<\/p>\n<p><strong>G\u0142\u00f3wne wymagania:<\/strong><br \/>${offer.mainRequirement}<\/p>\n<p><strong>Dokumenty do analizy:<\/strong><br \/>${offer.documents}<\/p>\n<\/p>\n<\/div>\n<div class=\"mt-4 pt-4 border-t border-slate-200 flex flex-col space-y-2\">\n                       <button class=\"open-modal-btn w-full bg-blue-600 text-white font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors\" data-offer-id=\"${offer.id}\">Dowiedz si\u0119 wi\u0119cej<\/button><br \/>\n                       <a href=\"tel:510027118\" class=\"w-full text-center bg-green-600 text-white font-bold py-2 px-4 rounded-lg hover:bg-green-700 transition-colors\">Zadzwo\u0144<\/a>\n                   <\/div>\n<p>`;<br \/>\n               grid.appendChild(card);<br \/>\n           });<br \/>\n       }<\/p>\n<p>       function renderTable() {<br \/>\n           if (!tableContainer) return;<br \/>\n           tableContainer.innerHTML = '';<br \/>\n           const table = document.createElement('table');<br \/>\n           table.className = 'w-full text-sm text-left text-slate-600';<br \/>\n           const thead = document.createElement('thead');<br \/>\n           thead.className = 'text-xs text-slate-700 uppercase bg-slate-100';<br \/>\n           let headerRowHtml = '<\/p>\n<tr>\n<th scope=\"col\" class=\"px-6 py-3\">Kryterium<\/th>\n<p>';<br \/>\n           offerData.forEach(offer => {<br \/>\n               headerRowHtml += `<\/p>\n<th scope=\"col\" class=\"px-6 py-3 text-center\">${offer.name}<\/th>\n<p>`;<br \/>\n           });<br \/>\n           headerRowHtml += '<\/tr>\n<p>';<br \/>\n           thead.innerHTML = headerRowHtml;<br \/>\n           table.appendChild(thead);<br \/>\n           const tbody = document.createElement('tbody');<br \/>\n           const criteria = [<br \/>\n               { key: 'creditCapacity', label: 'Maksymalna zdolno\u015b\u0107' },<br \/>\n               { key: 'maxPeriod', label: 'Maksymalny okres' },<br \/>\n               { key: 'totalCost6m', label: 'Szacowany koszt (6 m-cy)', format: 'currency' },<br \/>\n               { key: 'repaymentMethod', label: 'Spos\u00f3b sp\u0142aty' },<br \/>\n               { key: 'zusUsArrears', label: 'Zaleg\u0142o\u015bci ZUS\/US' },<br \/>\n               { key: 'bikInfo', label: 'Weryfikacja BIK' }<br \/>\n           ];<br \/>\n           let tbodyHtml = '';<br \/>\n           criteria.forEach(criterion => {<br \/>\n               tbodyHtml += `<\/p>\n<tr class=\"bg-white border-b hover:bg-slate-50\">\n<th scope=\"row\" class=\"px-6 py-4 font-medium text-slate-900 whitespace-nowrap\">${criterion.label}<\/th>\n<p>`;<br \/>\n               offerData.forEach(offer => {<br \/>\n                   const value = offer[criterion.key];<br \/>\n                   const formattedValue = criterion.format === 'currency' ? formatCurrency(value) : (value || 'Brak danych');<br \/>\n                   tbodyHtml += `<\/p>\n<td class=\"px-6 py-4 text-center\">${formattedValue}<\/td>\n<p>`;<br \/>\n               });<br \/>\n               tbodyHtml += '<\/tr>\n<p>';<br \/>\n           });<br \/>\n           tbody.innerHTML = tbodyHtml;<br \/>\n           table.appendChild(tbody);<br \/>\n           tableContainer.appendChild(table);<br \/>\n       }<\/p>\n<p>       function renderPersonalizedResults(filteredOffers, turnover) {<br \/>\n           personalizedResults.innerHTML = '';<br \/>\n           if (filteredOffers.length === 0) {<br \/>\n               personalizedResults.innerHTML = `<\/p>\n<div class=\"text-center p-6 bg-white rounded-lg shadow-sm\">\n<h3 class=\"text-xl font-semibold\">Brak dost\u0119pnych ofert<\/h3>\n<p class=\"text-slate-600 mt-2\">Niestety, na podstawie podanych kryteri\u00f3w nie znale\u017ali\u015bmy \u017cadnych pasuj\u0105cych ofert.<\/p>\n<\/div>\n<p>`;<br \/>\n               return;<br \/>\n           }<\/p>\n<p>           const resultsHeader = document.createElement('h2');<br \/>\n           resultsHeader.className = 'text-2xl font-semibold text-slate-800 mb-6 text-center';<br \/>\n           resultsHeader.textContent = 'Twoje spersonalizowane oferty';<br \/>\n           personalizedResults.appendChild(resultsHeader);<\/p>\n<p>           const resultsGrid = document.createElement('div');<br \/>\n           resultsGrid.className = 'grid grid-cols-1 sm:grid-cols-2 gap-6';<\/p>\n<p>           const offersWithCalculations = filteredOffers.map(offer => {<br \/>\n               let capacity = turnover * offer.capacityMultiplier;<br \/>\n               if (offer.maxAmount && capacity > offer.maxAmount) capacity = offer.maxAmount;<br \/>\n               const estimatedCost = offer.costPercentage6m ? capacity * offer.costPercentage6m : null;<br \/>\n               return { ...offer, calculatedCapacity: capacity, calculatedCost: estimatedCost };<br \/>\n           }).sort((a, b) => b.calculatedCapacity - a.calculatedCapacity);<\/p>\n<p>           const bestOfferByCost = [...offersWithCalculations].filter(o => o.calculatedCost !== null && o.calculatedCapacity > 0).sort((a, b) => (a.calculatedCost \/ a.calculatedCapacity) - (b.calculatedCost \/ b.calculatedCapacity))[0];<br \/>\n           if(bestOfferByCost) bestOfferByCost.isBest = true;<br \/>\n           if (offersWithCalculations.length > 0) offersWithCalculations[0].isHighest = true;<\/p>\n<p>           offersWithCalculations.forEach(offer => {<br \/>\n               const card = document.createElement('div');<br \/>\n               card.className = `fund-card bg-white rounded-lg shadow-md p-6 flex flex-col border-t-4 ${offer.borderColor} relative`;<br \/>\n               let badges = (offer.isBest ? `<\/p>\n<div class=\"best-offer-badge\">Najni\u017cszy Koszt<\/div>\n<p>` : '') + (offer.isHighest ? `<\/p>\n<div class=\"highest-amount-badge\">Najwy\u017csza Kwota<\/div>\n<p>` : '');<br \/>\n               card.innerHTML = `<br \/>\n                   ${badges}<\/p>\n<h3 class=\"text-xl font-semibold text-slate-800 mb-2\">${offer.name}<\/h3>\n<div class=\"text-center bg-slate-50 rounded-lg py-4 my-4\">\n<p class=\"text-sm text-slate-500\">Maksymalna kwota finansowania<\/p>\n<p class=\"text-3xl font-bold text-slate-900 mb-2\">${formatCurrency(offer.calculatedCapacity)}<\/p>\n<p class=\"text-sm text-slate-500\">Szacowany koszt (6 m-cy)<\/p>\n<p class=\"text-xl font-semibold text-slate-800\">${formatCurrency(offer.calculatedCost)}<\/p>\n<\/p>\n<\/div>\n<div class=\"space-y-3 text-sm flex-grow\">\n<p><strong>Maksymalna zdolno\u015b\u0107:<\/strong><br \/>${offer.creditCapacity}<\/p>\n<p><strong>Maksymalny okres:<\/strong><br \/>${offer.maxPeriod}<\/p>\n<p><strong>Spos\u00f3b sp\u0142aty:<\/strong><br \/>${offer.repaymentMethod}<\/p>\n<p><strong>Weryfikacja w BIK:<\/strong> ${offer.bikCheck ? '<span class=\"font-semibold text-red-600\">Tak<\/span>' : '<span class=\"font-semibold text-green-600\">Brak<\/span>'}<\/p>\n<p><strong>Akceptacja wpis\u00f3w w KRD:<\/strong> ${offer.krdEntries ? '<span class=\"font-semibold text-green-600\">Tak<\/span>' : '<span class=\"font-semibold text-red-600\">Nie<\/span>'}<\/p>\n<p><strong>Zaleg\u0142o\u015bci ZUS\/US:<\/strong><br \/>${offer.zusUsArrears}<\/p>\n<p><strong>Dla posiadaczy paszportu\/karty pobytu:<\/strong> ${offer.acceptsResidencyCard ? '<span class=\"font-semibold text-green-600\">Tak<\/span>' : '<span class=\"font-semibold text-red-600\">Nie<\/span>'}<\/p>\n<p><strong>G\u0142\u00f3wne wymagania:<\/strong><br \/>${offer.mainRequirement}<\/p>\n<p><strong>Dokumenty do analizy:<\/strong><br \/>${offer.documents}<\/p>\n<\/p>\n<\/div>\n<div class=\"mt-4 pt-4 border-t border-slate-200 flex flex-col space-y-2\">\n                       <button class=\"open-modal-btn w-full bg-blue-600 text-white font-bold py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors\" data-offer-id=\"${offer.id}\">Dowiedz si\u0119 wi\u0119cej<\/button><br \/>\n                       <a href=\"tel:510027118\" class=\"w-full text-center bg-green-600 text-white font-bold py-2 px-4 rounded-lg hover:bg-green-700 transition-colors\">Zadzwo\u0144<\/a>\n                   <\/div>\n<p>`;<br \/>\n               resultsGrid.appendChild(card);<br \/>\n           });<br \/>\n           personalizedResults.appendChild(resultsGrid);<br \/>\n       }<\/p>\n<p>       function openModal(offerId) {<br \/>\n           const offer = offerData.find(o => o.id === offerId);<br \/>\n           if (!offer) return;<\/p>\n<p>           document.getElementById('modal-offer-name').textContent = offer.name;<br \/>\n           document.getElementById('inquiry-offer-id').value = offer.id;<br \/>\n           document.getElementById('modal-form-container').classList.remove('hidden');<br \/>\n           document.getElementById('modal-success-container').classList.add('hidden');<br \/>\n           inquiryForm.reset();<\/p>\n<p>           modalOverlay.classList.remove('hidden');<br \/>\n           setTimeout(() => {<br \/>\n               modalOverlay.classList.remove('opacity-0');<br \/>\n               modalContent.classList.remove('scale-95');<br \/>\n           }, 10);<br \/>\n       }<\/p>\n<p>       function closeModal() {<br \/>\n           modalOverlay.classList.add('opacity-0');<br \/>\n           modalContent.classList.add('scale-95');<br \/>\n           setTimeout(() => {<br \/>\n               modalOverlay.classList.add('hidden');<br \/>\n           }, 300);<br \/>\n       }<\/p>\n<p>       document.addEventListener('DOMContentLoaded', () => {<br \/>\n           const activeFilters = { noBik: false, krd: false, zusUs: false, residency: false };<br \/>\n           const filterAllBtn = document.getElementById('filter-all');<br \/>\n           const specificFilterBtns = document.querySelectorAll('.filter-btn[data-filter]');<\/p>\n<p>           function applyAndRenderFilters() {<br \/>\n               const isAnyFilterActive = Object.values(activeFilters).some(val => val);<br \/>\n               filterAllBtn.classList.toggle('active', !isAnyFilterActive);<br \/>\n               renderCards(offer => {<br \/>\n                   if (activeFilters.noBik && offer.bikCheck) return false;<br \/>\n                   if (activeFilters.krd && !offer.krdEntries) return false;<br \/>\n                   if (activeFilters.zusUs && !offer.acceptsZusUsArrears) return false;<br \/>\n                   if (activeFilters.residency && !offer.acceptsResidencyCard) return false;<br \/>\n                   return true;<br \/>\n               });<br \/>\n           }<\/p>\n<p>           switchView('compare');<br \/>\n           renderTable();<br \/>\n           applyAndRenderFilters();<\/p>\n<p>           navCompare.addEventListener('click', () => switchView('compare'));<br \/>\n           navPersonalized.addEventListener('click', () => switchView('personalized'));<\/p>\n<p>           filterAllBtn.addEventListener('click', () => {<br \/>\n               Object.keys(activeFilters).forEach(key => activeFilters[key] = false);<br \/>\n               specificFilterBtns.forEach(btn => btn.classList.remove('active'));<br \/>\n               applyAndRenderFilters();<br \/>\n           });<\/p>\n<p>           specificFilterBtns.forEach(button => {<br \/>\n               button.addEventListener('click', () => {<br \/>\n                   const filterKey = button.dataset.filter;<br \/>\n                   activeFilters[filterKey] = !activeFilters[filterKey];<br \/>\n                   button.classList.toggle('active');<br \/>\n                   applyAndRenderFilters();<br \/>\n               });<br \/>\n           });<\/p>\n<p>           personalizedForm.addEventListener('submit', (e) => {<br \/>\n               e.preventDefault();<br \/>\n               const formData = new FormData(personalizedForm);<br \/>\n               const turnover = parseFloat(formData.get('turnover'));<br \/>\n               if (isNaN(turnover) || turnover <= 0) return;\n              \n               const filtered = offerData.filter(offer => {<br \/>\n                   if (formData.get('bik-history') === 'yes' && offer.bikCheck) return false;<br \/>\n                   if (formData.get('krd-history') === 'yes' && !offer.krdEntries) return false;<br \/>\n                   if (formData.get('arrears') === 'blocked' && !offer.acceptsBlockedAccountArrears) return false;<br \/>\n                   if (formData.get('arrears') !== 'no' && !offer.acceptsZusUsArrears) return false;<br \/>\n                   const docType = formData.get('document');<br \/>\n                   if ((docType === 'residency_card' || docType === 'passport') && !offer.acceptsResidencyCard) return false;<br \/>\n                   return true;<br \/>\n               });<br \/>\n               renderPersonalizedResults(filtered, turnover);<br \/>\n           });<\/p>\n<p>           document.body.addEventListener('click', e => {<br \/>\n               if (e.target.closest('.open-modal-btn')) {<br \/>\n                   openModal(e.target.closest('.open-modal-btn').dataset.offerId);<br \/>\n               }<br \/>\n           });<\/p>\n<p>           document.getElementById('modal-close-btn').addEventListener('click', closeModal);<br \/>\n           document.getElementById('modal-success-close-btn').addEventListener('click', closeModal);<br \/>\n           modalOverlay.addEventListener('click', e => {<br \/>\n               if (e.target === modalOverlay) closeModal();<br \/>\n           });<\/p>\n<p>           inquiryForm.addEventListener('submit', e => {<br \/>\n               e.preventDefault();<br \/>\n               const formData = new FormData(inquiryForm);<br \/>\n               const offerId = formData.get('offer-id');<br \/>\n               const offer = offerData.find(o => o.id === offerId);<\/p>\n<p>               const subject = `Zapytanie o ${offer.name} - NIP: ${formData.get('nip')}`;<br \/>\n               const body = `Nowe zapytanie o ofert\u0119: ${offer.name}\\n\\nKwota wnioskowana: ${formatCurrency(formData.get('amount'))}\\nNIP: ${formData.get('nip')}\\nEmail: ${formData.get('email')}\\nTelefon: ${formData.get('tel')}\\n\\nUwagi od klienta:\\n${formData.get('notes')}`.trim();<\/p>\n<p>               window.location.href = `mailto:ks@grupafinansowa.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;<\/p>\n<p>               document.getElementById('modal-success-docs').textContent = offer.documents;<br \/>\n               document.getElementById('modal-form-container').classList.add('hidden');<br \/>\n               document.getElementById('modal-success-container').classList.remove('hidden');<br \/>\n           });<br \/>\n       });<br \/>\n   <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; Interaktywne Por\u00f3wnanie Ofert Finansowania Pierwsza por\u00f3wnywarka po\u017cyczek pod terminal Znajd\u017a najlepsz\u0105 ofert\u0119 lub sprawd\u017a, ile zaoszcz\u0119dzisz. Wszystko w jednym miejscu, w mniej ni\u017c minut\u0119. Por\u00f3wnaj oferty Oferta spersonalizowana Filtruj oferty wed\u0142ug swoich potrzeb Poka\u017c wszystkie Bez BIK Akceptacja KRD Zaleg\u0142o\u015bci ZUS\/US Karta pobytu Kluczowe Por\u00f3wnanie Ofert (dla 100 tys. PLN) Szczeg\u00f3\u0142y Ofert [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pozyczkipodterminal.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pozyczkipodterminal.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pozyczkipodterminal.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pozyczkipodterminal.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pozyczkipodterminal.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":19,"href":"https:\/\/pozyczkipodterminal.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/pozyczkipodterminal.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/pozyczkipodterminal.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}