{"id":6,"date":"2026-02-21T11:22:01","date_gmt":"2026-02-21T10:22:01","guid":{"rendered":"https:\/\/rolandziem.pl\/?page_id=6"},"modified":"2026-02-21T11:22:01","modified_gmt":"2026-02-21T10:22:01","slug":"brief-hodowlany","status":"publish","type":"page","link":"https:\/\/rolandziem.pl\/","title":{"rendered":"Brief Hodowlany"},"content":{"rendered":"        <!-- Pasek post\u0119pu (Sticky) -->\r\n        <div id=\"kbh-sticky-progress\" class=\"fixed top-0 left-0 w-full h-2 bg-slate-200 z-[9999] shadow-md\">\r\n            <div id=\"kbh-progress-fill\" class=\"h-full bg-emerald-500 transition-all duration-500\" style=\"width: 0%;\"><\/div>\r\n        <\/div>\r\n        <div id=\"kbh-progress-text\"\r\n            class=\"fixed top-4 right-4 bg-white px-5 py-2 rounded-full shadow-lg text-sm font-bold text-emerald-600 z-[9999] border-2 border-emerald-100 opacity-0 transition-opacity duration-500 hidden md:block\">\r\n            Jeste\u015b w <span id=\"kbh-progress-percent\">0<\/span>% drogi! \ud83d\udd25\r\n        <\/div>\r\n\r\n        <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n        <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n        <div class=\"kbh-wrapper bg-slate-50 py-12 px-4 rounded-xl shadow-inner max-w-4xl mx-auto relative\"\r\n            style=\"font-family: ui-sans-serif, system-ui, sans-serif;\">\r\n            <div class=\"text-center mb-12\">\r\n                <h2 class=\"text-4xl font-extrabold text-slate-900 !mt-0 !border-0 !p-0 tracking-tight\">Kreator Materia\u0142\u00f3w do\r\n                    Strony<\/h2>\r\n                <p class=\"text-slate-500 mt-3 mb-10 text-lg font-medium\">Stworzymy dla Twojej hodowli co\u015b wyj\u0105tkowego. Zapis\r\n                    szkicu dzia\u0142a automatycznie w tle!<\/p>\r\n            <\/div>\r\n            <form id=\"kbh-form\" enctype=\"multipart\/form-data\">\r\n                <div class=\"bg-white rounded-3xl shadow-xl border border-slate-200 p-8 md:p-12 space-y-12\">\r\n\r\n                    <!-- Sekcja: T\u0142o wizualne -->\r\n                    <div class=\"bg-indigo-50 p-8 rounded-2xl border border-indigo-100\">\r\n                        <h3 class=\"text-xl font-bold text-indigo-700 mb-4 border-b border-indigo-200 pb-2\"><i\r\n                                class=\"fas fa-desktop mr-2\"><\/i>T\u0142o Twojej nowej strony (Hero Section)<\/h3>\r\n                        <p class=\"text-sm text-indigo-600 mb-6\">Pierwsze wra\u017cenie jest najwa\u017cniejsze! Podrzu\u0107 nam kr\u00f3tki filmik\r\n                            lub wybitne zdj\u0119cia, na kt\u00f3re na\u0142o\u017cymy logo. Pami\u0119taj, format poziomy najlepiej sprawdza si\u0119 w tle\r\n                            (komputer).<\/p>\r\n\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\"><i\r\n                                        class=\"fab fa-youtube text-red-600 mr-1\"><\/i> Posiadasz film? Wklej link (np.\r\n                                    YouTube)<\/label>\r\n                                <input type=\"text\" name=\"bg_youtube_link\"\r\n                                    class=\"w-full p-3 border border-slate-300 rounded-xl bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500\"\r\n                                    placeholder=\"https:\/\/youtube.com\/watch?v=...\">\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\"><i\r\n                                        class=\"fas fa-images text-indigo-500 mr-1\"><\/i> Lub za\u0142\u0105cz zdj\u0119cia na t\u0142o<\/label>\r\n                                <div\r\n                                    class=\"relative w-full p-3 border border-slate-300 rounded-xl bg-white hover:border-indigo-500 transition-colors cursor-pointer text-center\">\r\n                                    <span class=\"text-slate-500 inline-block py-1\"><i class=\"fas fa-upload mr-2\"><\/i>Wybierz\r\n                                        zdj\u0119cia<\/span>\r\n                                    <input type=\"file\" name=\"bg_photos[]\" accept=\".jpg,.jpeg,.png,.webp\" multiple\r\n                                        class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer\"\r\n                                        onchange=\"this.nextElementSibling.innerText = this.files.length > 0 ? 'Wybrano plik\u00f3w: ' + this.files.length : '';\">\r\n                                    <p\r\n                                        class=\"font-bold text-indigo-600 text-sm mt-1 mb-0 absolute right-4 top-4 pointer-events-none\">\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Sekcja: Podstawowe -->\r\n                    <div>\r\n                        <h3 class=\"text-xl font-bold text-blue-600 mb-4 border-b pb-2\"><i\r\n                                class=\"fas fa-user-circle mr-2\"><\/i>To\u017csamo\u015b\u0107<\/h3>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Twoje Imi\u0119 i Nazwisko *<\/label>\r\n                                <input type=\"text\" name=\"sender_name\" required\r\n                                    class=\"w-full p-3 border border-slate-300 rounded-xl\" style=\"background:#fff;color:#000;\">\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Nazwa Hodowli *<\/label>\r\n                                <input type=\"text\" name=\"kennel_name\" required\r\n                                    class=\"w-full p-3 border border-slate-300 rounded-xl\" style=\"background:#fff;color:#000;\">\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Sekcja: O nas -->\r\n                    <div>\r\n                        <h3 class=\"text-xl font-bold text-blue-600 mb-4 border-b pb-2\"><i class=\"fas fa-feather-alt mr-2\"><\/i>O\r\n                            nas (Historia)<\/h3>\r\n                        <div class=\"space-y-6\">\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Opisz kr\u00f3tko swoj\u0105 hodowl\u0119 (Kiedy\r\n                                    powsta\u0142a, kim jeste\u015bcie?)<\/label>\r\n                                <textarea name=\"about_content\" rows=\"4\"\r\n                                    class=\"w-full p-3 border border-slate-300 rounded-xl focus:border-blue-500 focus:ring-1 focus:ring-blue-500\"\r\n                                    style=\"background:#fff;color:#000;\"><\/textarea>\r\n                            <\/div>\r\n\r\n                            <div class=\"bg-blue-50 p-6 rounded-xl border border-blue-100\">\r\n                                <h4 class=\"font-bold text-blue-800 mb-2\"><i\r\n                                        class=\"fas fa-book-open mr-2 text-blue-500\"><\/i>Historia: Od niego wszystko si\u0119 zacz\u0119\u0142o\r\n                                <\/h4>\r\n                                <p class=\"text-sm text-blue-600 mb-4\">Napisz 3-5 zda\u0144 o Twoim \"Pierwszym Psie\". Zbuduj wi\u0119\u017a i\r\n                                    poka\u017c, \u017ce to wieloletnia pasja.<\/p>\r\n                                <textarea name=\"historia_pierwszy_pies\" rows=\"3\"\r\n                                    class=\"w-full p-3 border border-slate-300 rounded-xl focus:border-blue-500 focus:ring-1 focus:ring-blue-500 mb-4\"\r\n                                    placeholder=\"M\u00f3j pierwszy owczarek, Borys, pojawi\u0142 si\u0119 w moim \u017cyciu w 2012 roku...\"\r\n                                    style=\"background:#fff;color:#000;\"><\/textarea>\r\n\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Zdj\u0119cie archiwalne pierwszego psa\r\n                                    (zbuduj klimat!)<\/label>\r\n                                <input type=\"file\" name=\"zdjecie_pierwszy_pies\" accept=\".jpg,.jpeg,.png,.webp\"\r\n                                    class=\"w-full text-sm text-slate-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100 mb-2\"\r\n                                    onchange=\"this.nextElementSibling.innerText = this.files[0] ? this.files[0].name : '';\">\r\n                                <p class=\"text-xs text-blue-600 font-medium\"><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- NOWA Sekcja V2: Filozofia i \"Serce\" Hodowli -->\r\n                    <div class=\"bg-gradient-to-br from-rose-50 to-orange-50 p-8 rounded-2xl border border-rose-100 shadow-sm\">\r\n                        <h3 class=\"text-xl font-bold text-rose-700 mb-4 border-b border-rose-200 pb-2\"><i\r\n                                class=\"fas fa-heart mr-2 text-rose-500\"><\/i>Filozofia i \"Serce\" Hodowli<\/h3>\r\n                        <p class=\"text-sm text-rose-600 mb-6\">Poka\u017c przysz\u0142ym nabywcom szczeni\u0105t swoje zaanga\u017cowanie. Co\r\n                            sprawia, \u017ce Twoje psy s\u0105 wyj\u0105tkowe?<\/p>\r\n\r\n                        <div class=\"space-y-6\">\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Dlaczego w\u0142a\u015bnie ta rasa? Co by\u0142o\r\n                                    Twoj\u0105 najwi\u0119ksz\u0105 motywacj\u0105?<\/label>\r\n                                <textarea name=\"filozofia_powod\" rows=\"3\"\r\n                                    class=\"w-full p-3 border border-slate-300 rounded-xl focus:border-rose-500 focus:ring-1 focus:ring-rose-500\"\r\n                                    placeholder=\"Np. Zakocha\u0142em\/am si\u0119 w ich charakterze podczas...\"\r\n                                    style=\"background:#fff;color:#000;\"><\/textarea>\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\">Z czego w swojej hodowli jeste\u015b\r\n                                    najbardziej dumny(a)? (Tw\u00f3j najwi\u0119kszy sukces)<\/label>\r\n                                <textarea name=\"filozofia_sukces\" rows=\"2\"\r\n                                    class=\"w-full p-3 border border-slate-300 rounded-xl focus:border-rose-500 focus:ring-1 focus:ring-rose-500\"\r\n                                    placeholder=\"Np. Wygrana wystawa, wspania\u0142e charaktery szczeni\u0105t...\"\r\n                                    style=\"background:#fff;color:#000;\"><\/textarea>\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-3\"><i\r\n                                        class=\"fas fa-paw mr-1 text-orange-500\"><\/i> Jakie metody socjalizacji\/wychowania\r\n                                    stosujesz? (Zaznacz)<\/label>\r\n                                <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3\">\r\n                                    <label\r\n                                        class=\"flex items-center space-x-3 p-3 bg-white border border-slate-200 rounded-xl cursor-pointer hover:bg-rose-50 transition-colors\">\r\n                                        <input type=\"checkbox\" name=\"socjalizacja[]\"\r\n                                            value=\"Wczesna Stymulacja Neurologiczna (ENS)\"\r\n                                            class=\"w-5 h-5 text-rose-600 rounded focus:ring-rose-500\">\r\n                                        <span class=\"text-sm text-slate-700 font-medium\">ENS (Stymulacja)<\/span>\r\n                                    <\/label>\r\n                                    <label\r\n                                        class=\"flex items-center space-x-3 p-3 bg-white border border-slate-200 rounded-xl cursor-pointer hover:bg-rose-50 transition-colors\">\r\n                                        <input type=\"checkbox\" name=\"socjalizacja[]\" value=\"Wychowanie z Dzie\u0107mi\"\r\n                                            class=\"w-5 h-5 text-rose-600 rounded focus:ring-rose-500\">\r\n                                        <span class=\"text-sm text-slate-700 font-medium\">Z Dzie\u0107mi<\/span>\r\n                                    <\/label>\r\n                                    <label\r\n                                        class=\"flex items-center space-x-3 p-3 bg-white border border-slate-200 rounded-xl cursor-pointer hover:bg-rose-50 transition-colors\">\r\n                                        <input type=\"checkbox\" name=\"socjalizacja[]\"\r\n                                            value=\"Wychowanie z innymi zwierz\u0119tami (np. koty)\"\r\n                                            class=\"w-5 h-5 text-rose-600 rounded focus:ring-rose-500\">\r\n                                        <span class=\"text-sm text-slate-700 font-medium\">Inne zwierz\u0119ta<\/span>\r\n                                    <\/label>\r\n                                    <label\r\n                                        class=\"flex items-center space-x-3 p-3 bg-white border border-slate-200 rounded-xl cursor-pointer hover:bg-rose-50 transition-colors\">\r\n                                        <input type=\"checkbox\" name=\"socjalizacja[]\" value=\"Trening czysto\u015bci (podk\u0142ady\/dw\u00f3r)\"\r\n                                            class=\"w-5 h-5 text-rose-600 rounded focus:ring-rose-500\">\r\n                                        <span class=\"text-sm text-slate-700 font-medium\">Nauka czysto\u015bci<\/span>\r\n                                    <\/label>\r\n                                    <label\r\n                                        class=\"flex items-center space-x-3 p-3 bg-white border border-slate-200 rounded-xl cursor-pointer hover:bg-rose-50 transition-colors\">\r\n                                        <input type=\"checkbox\" name=\"socjalizacja[]\" value=\"Bod\u017ace d\u017awi\u0119kowe (Z\u0142ota 12)\"\r\n                                            class=\"w-5 h-5 text-rose-600 rounded focus:ring-rose-500\">\r\n                                        <span class=\"text-sm text-slate-700 font-medium\">Bod\u017ace \/ D\u017awi\u0119ki<\/span>\r\n                                    <\/label>\r\n                                    <label\r\n                                        class=\"flex items-center space-x-3 p-3 bg-white border border-slate-200 rounded-xl cursor-pointer hover:bg-rose-50 transition-colors\">\r\n                                        <input type=\"checkbox\" name=\"socjalizacja[]\"\r\n                                            value=\"Wczesne wstawanie i zabawy strukturalne\"\r\n                                            class=\"w-5 h-5 text-rose-600 rounded focus:ring-rose-500\">\r\n                                        <span class=\"text-sm text-slate-700 font-medium\">Zabawy strukturalne<\/span>\r\n                                    <\/label>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"bg-red-50 p-6 rounded-xl border border-red-100 mt-6\">\r\n                                <h4 class=\"font-bold text-red-800 mb-2\"><i class=\"fas fa-ban mr-2 text-red-500\"><\/i>\"Kogo nie\r\n                                    szukamy?\" (Tw\u00f3j Anty-klient)<\/h4>\r\n                                <p class=\"text-sm text-red-600 mb-4\">Opisz profil osoby, kt\u00f3rej NIGDY nie sprzedasz szczeniaka.\r\n                                    Pokazuje to, \u017ce zale\u017cy Ci na dobru ps\u00f3w, a nie tylko na zysku z hodowli.<\/p>\r\n                                <textarea name=\"filozofia_antyklient\" rows=\"3\"\r\n                                    class=\"w-full p-3 border border-slate-300 rounded-xl focus:border-red-500 focus:ring-1 focus:ring-red-500\"\r\n                                    placeholder=\"Odm\u00f3wi\u0119 sprzeda\u017cy osobie, kt\u00f3ra szuka psa na \u0142a\u0144cuch lub nie ma czasu na jego socjalizacj\u0119...\"\r\n                                    style=\"background:#fff;color:#000;\"><\/textarea>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Sekcja: Sekcje strony g\u0142\u00f3wnej -->\r\n                    <div>\r\n                        <h3 class=\"text-xl font-bold text-blue-600 mb-4 border-b pb-2\"><i\r\n                                class=\"fas fa-layer-group mr-2\"><\/i>Struktura sekcji strony g\u0142\u00f3wnej<\/h3>\r\n                        <p class=\"text-sm text-slate-500 mb-4\">Opisz, jakie sekcje chcia\u0142(a)by\u015b mie\u0107 na <strong>stronie\r\n                                g\u0142\u00f3wnej<\/strong> (np. O nas, Aktualno\u015bci, Nasze Psy, Galeria).<\/p>\r\n                        <textarea name=\"sekcje_strony_glownej\" rows=\"3\"\r\n                            class=\"w-full p-3 border border-slate-300 rounded-xl focus:border-blue-500 focus:ring-1 focus:ring-blue-500\"\r\n                            placeholder=\"np. Chc\u0119 sekcj\u0119 O nas, pod tym Mioty, a na dole Galeri\u0119...\"\r\n                            style=\"background:#fff;color:#000;\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <!-- Sekcja: Podstrony -->\r\n                    <div>\r\n                        <h3 class=\"text-xl font-bold text-blue-600 mb-4 border-b pb-2\"><i\r\n                                class=\"fas fa-sitemap mr-2\"><\/i>Struktura Strony (Podstrony)<\/h3>\r\n                        <p class=\"text-sm text-slate-500 mb-4\">Wpisz nazwy podstron, kt\u00f3re chcia\u0142by\u015b mie\u0107 na swojej nowej\r\n                            witrynie (np. O nas, Aktualno\u015bci, Szczeni\u0119ta, Kontakt). Mo\u017cesz doda\u0107 ich dowoln\u0105 ilo\u015b\u0107.<\/p>\r\n                        <div id=\"podstrony-container\" class=\"space-y-3\">\r\n                            <div class=\"flex gap-2\">\r\n                                <input type=\"text\" name=\"podstrony[]\" placeholder=\"np. Strona G\u0142\u00f3wna\"\r\n                                    class=\"w-full p-3 border border-slate-300 rounded-xl\" style=\"background:#fff;color:#000;\">\r\n                            <\/div>\r\n                        <\/div>\r\n                        <button type=\"button\" id=\"add-podstrona-btn\"\r\n                            class=\"mt-4 px-4 py-2 bg-blue-50 hover:bg-blue-100 text-blue-700 font-semibold rounded-lg text-sm border border-blue-200 transition-colors cursor-pointer\">\r\n                            <i class=\"fas fa-plus mr-1\"><\/i> Dodaj kolejn\u0105 podstron\u0119\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <!-- Sekcja: Kontakt -->\r\n                    <div>\r\n                        <h3 class=\"text-xl font-bold text-blue-600 mb-4 border-b pb-2\"><i\r\n                                class=\"fas fa-address-book mr-2\"><\/i>Kontakt i Social Media<\/h3>\r\n                        <div class=\"mb-6\">\r\n                            <label class=\"block text-sm font-semibold text-slate-700 mb-2\"><i\r\n                                    class=\"fas fa-map-marker-alt text-red-500 mr-2\"><\/i> Adres \/ Lokalizacja Hodowli<\/label>\r\n                            <input type=\"text\" name=\"contact_address\" class=\"w-full p-3 border border-slate-300 rounded-xl\"\r\n                                placeholder=\"np. ul. D\u0142uga 5, Warszawa\" style=\"background:#fff;color:#000;\">\r\n                        <\/div>\r\n                        <div id=\"kontakty-container\" class=\"space-y-3\">\r\n                            <div\r\n                                class=\"kbh-contact-row flex md:flex-row flex-col gap-3 items-start md:items-center relative mb-2\">\r\n                                <input type=\"text\" name=\"contact_name[]\" placeholder=\"Imi\u0119 i Nazwisko (np. Jan Kowalski)\"\r\n                                    class=\"w-full md:w-1\/2 p-3 border border-slate-300 rounded-xl\"\r\n                                    style=\"background:#fff;color:#000;\">\r\n                                <input type=\"text\" name=\"contact_phone[]\" placeholder=\"Nr telefonu (np. 500 600 700)\"\r\n                                    class=\"w-full sm:w-1\/2 p-3 border border-slate-300 rounded-xl\"\r\n                                    style=\"background:#fff;color:#000;\">\r\n                            <\/div>\r\n                        <\/div>\r\n                        <button type=\"button\" id=\"add-kontakt-btn\"\r\n                            class=\"mb-6 mt-2 px-4 py-2 bg-blue-50 hover:bg-blue-100 text-blue-700 font-semibold rounded-lg text-sm border border-blue-200 transition-colors cursor-pointer\">\r\n                            <i class=\"fas fa-plus mr-1\"><\/i> Dodaj kolejny numer\r\n                        <\/button>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\"><i\r\n                                        class=\"fab fa-facebook text-blue-600 mr-1\"><\/i> Facebook<\/label>\r\n                                <input type=\"text\" name=\"social_fb\" class=\"w-full p-3 border border-slate-300 rounded-xl\"\r\n                                    placeholder=\"Link do profilu\" style=\"background:#fff;color:#000;\">\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\"><i\r\n                                        class=\"fab fa-instagram text-pink-600 mr-1\"><\/i> Instagram<\/label>\r\n                                <input type=\"text\" name=\"social_ig\" class=\"w-full p-3 border border-slate-300 rounded-xl\"\r\n                                    placeholder=\"Link do profilu\" style=\"background:#fff;color:#000;\">\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mt-6\">\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\"><i\r\n                                        class=\"fab fa-tiktok text-black mr-1\"><\/i> TikTok<\/label>\r\n                                <input type=\"text\" name=\"social_tt\" class=\"w-full p-3 border border-slate-300 rounded-xl\"\r\n                                    placeholder=\"Link do profilu\" style=\"background:#fff;color:#000;\">\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"block text-sm font-semibold text-slate-700 mb-2\"><i\r\n                                        class=\"fab fa-youtube text-red-600 mr-1\"><\/i> YouTube<\/label>\r\n                                <input type=\"text\" name=\"social_yt\" class=\"w-full p-3 border border-slate-300 rounded-xl\"\r\n                                    placeholder=\"Link do kana\u0142u \/ wideo\" style=\"background:#fff;color:#000;\">\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Sekcja: Pliki ZIP oraz Grafiki -->\r\n                    <div>\r\n                        <h3 class=\"text-xl font-bold text-blue-600 mb-4 border-b pb-2\"><i\r\n                                class=\"fas fa-images mr-2\"><\/i>Materia\u0142y<\/h3>\r\n                        <div class=\"mb-6\">\r\n                            <div\r\n                                class=\"border-2 border-dashed border-blue-300 p-8 rounded-xl text-center bg-blue-50 relative hover:border-blue-500 transition-colors\">\r\n                                <i class=\"fas fa-image text-4xl text-blue-400 mb-3 block\"><\/i>\r\n                                <p class=\"font-bold text-slate-800 m-0 text-lg\">Zdj\u0119cie g\u0142\u00f3wne<\/p>\r\n                                <p class=\"text-sm text-slate-500 mt-1 mb-2\">Pierwsze zdj\u0119cie Twojej wizyt\u00f3wki.<\/p>\r\n                                <input type=\"file\" name=\"zip_glowne\" accept=\".jpg,.jpeg,.png,.webp\"\r\n                                    class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer\"\r\n                                    onchange=\"this.nextElementSibling.innerText = this.files[0] ? this.files[0].name : '';\">\r\n                                <p class=\"font-medium mt-2 text-blue-700 mb-0 text-sm overflow-hidden\"><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"mb-6\">\r\n                            <div\r\n                                class=\"border-2 border-dashed border-emerald-300 p-8 rounded-xl text-center bg-emerald-50 relative hover:border-emerald-500 transition-colors\">\r\n                                <i class=\"fas fa-images text-4xl text-emerald-400 mb-3 block\"><\/i>\r\n                                <p class=\"font-bold text-slate-800 m-0 text-lg\">Dodatkowe Grafiki \/ Zdj\u0119cia (Luzem)<\/p>\r\n                                <p class=\"text-sm text-slate-500 mt-1 mb-2\">Mo\u017cesz tu zaznaczy\u0107 wiele zdj\u0119\u0107 naraz na swoim\r\n                                    telefonie\/komputerze (zamiast spina\u0107 w ZIP).<\/p>\r\n                                <input type=\"file\" name=\"grafiki_luzem[]\" accept=\".jpg,.jpeg,.png,.webp\" multiple\r\n                                    class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer\"\r\n                                    onchange=\"this.nextElementSibling.innerText = this.files.length > 0 ? 'Wybrano plik\u00f3w: ' + this.files.length : '';\">\r\n                                <p class=\"font-medium mt-2 text-emerald-700 mb-0 text-sm overflow-hidden\"><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n\r\n                            <div\r\n                                class=\"border-2 border-dashed border-slate-300 p-6 rounded-xl text-center bg-slate-50 relative hover:border-blue-500 transition-colors\">\r\n                                <i class=\"fas fa-file-archive text-3xl text-slate-400 mb-2 block\"><\/i>\r\n                                <p class=\"font-bold text-slate-700 m-0 text-sm\">ZIP: Reproduktory<\/p>\r\n                                <p class=\"text-xs text-slate-500 mt-1 mb-2 leading-tight\">Zr\u00f3b folder na ka\u017cdego psa. <br>Nazwa\r\n                                    folderu = <strong>Imi\u0119 psa<\/strong>. <br>W folderze: <strong>2 zdj\u0119cia i opis<\/strong>.<\/p>\r\n                                <input type=\"file\" name=\"zip_psy\" accept=\".zip,.rar,.7z\"\r\n                                    class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer\"\r\n                                    onchange=\"this.nextElementSibling.innerText = this.files[0] ? this.files[0].name : '';\">\r\n                                <p class=\"font-medium mt-2 text-blue-600 mb-0 text-xs overflow-hidden\"><\/p>\r\n                            <\/div>\r\n\r\n                            <div\r\n                                class=\"border-2 border-dashed border-slate-300 p-6 rounded-xl text-center bg-slate-50 relative hover:border-blue-500 transition-colors\">\r\n                                <i class=\"fas fa-file-archive text-3xl text-slate-400 mb-2 block\"><\/i>\r\n                                <p class=\"font-bold text-slate-700 m-0 text-sm\">ZIP: Suki<\/p>\r\n                                <p class=\"text-xs text-slate-500 mt-1 mb-2 leading-tight\">Zr\u00f3b folder na ka\u017cd\u0105 suk\u0119. <br>Nazwa\r\n                                    folderu = <strong>Imi\u0119 psa<\/strong>. <br>W folderze: <strong>2 zdj\u0119cia i opis<\/strong>.<\/p>\r\n                                <input type=\"file\" name=\"zip_suki\" accept=\".zip,.rar,.7z\"\r\n                                    class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer\"\r\n                                    onchange=\"this.nextElementSibling.innerText = this.files[0] ? this.files[0].name : '';\">\r\n                                <p class=\"font-medium mt-2 text-blue-600 mb-0 text-xs overflow-hidden\"><\/p>\r\n                            <\/div>\r\n\r\n                            <div\r\n                                class=\"border-2 border-dashed border-slate-300 p-6 rounded-xl text-center bg-slate-50 relative hover:border-blue-500 transition-colors\">\r\n                                <i class=\"fas fa-file-archive text-3xl text-slate-400 mb-2 block\"><\/i>\r\n                                <p class=\"font-bold text-slate-700 m-0 text-sm\">ZIP: M\u0142odzie\u017c<\/p>\r\n                                <p class=\"text-xs text-slate-500 mt-1 mb-2 leading-tight\">Zr\u00f3b folder na ka\u017cdego psa. <br>Nazwa\r\n                                    folderu = <strong>Imi\u0119 psa<\/strong>. <br>W folderze: <strong>2 zdj\u0119cia i opis<\/strong>.<\/p>\r\n                                <input type=\"file\" name=\"zip_mlodziez\" accept=\".zip,.rar,.7z\"\r\n                                    class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer\"\r\n                                    onchange=\"this.nextElementSibling.innerText = this.files[0] ? this.files[0].name : '';\">\r\n                                <p class=\"font-medium mt-2 text-blue-600 mb-0 text-xs overflow-hidden\"><\/p>\r\n                            <\/div>\r\n\r\n                            <div\r\n                                class=\"border-2 border-dashed border-slate-300 p-6 rounded-xl text-center bg-slate-50 relative hover:border-blue-500 transition-colors\">\r\n                                <i class=\"fas fa-file-archive text-3xl text-slate-400 mb-2 block\"><\/i>\r\n                                <p class=\"font-bold text-slate-700 m-0 text-sm\">ZIP: Galeria<\/p>\r\n                                <p class=\"text-xs text-slate-500 mt-1 mb-2 leading-tight\">Zbiorczy folder \/ plik ZIP ze\r\n                                    wszystkimi zdj\u0119ciami do og\u00f3lnej galerii.<\/p>\r\n                                <input type=\"file\" name=\"zip_galeria\" accept=\".zip,.rar,.7z\"\r\n                                    class=\"opacity-0 absolute inset-0 w-full h-full cursor-pointer\"\r\n                                    onchange=\"this.nextElementSibling.innerText = this.files[0] ? this.files[0].name : '';\">\r\n                                <p class=\"font-medium mt-2 text-blue-600 mb-0 text-xs overflow-hidden\"><\/p>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div id=\"kbh-msg\" class=\"hidden mt-6 p-4 rounded-lg text-sm text-center font-bold\"><\/div>\r\n                    <div class=\"mt-8 text-right border-t border-slate-200 pt-6\">\r\n                        <button type=\"button\" id=\"kbh-submit\"\r\n                            class=\"px-8 py-3 bg-blue-600 text-white font-bold rounded-xl shadow-lg hover:bg-blue-700 border-0 cursor-pointer text-lg transition-transform hover:-translate-y-1\">Wy\u015blij\r\n                            materia\u0142y <i class=\"fas fa-paper-plane ml-2\"><\/i><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n        <script>\r\n            document.addEventListener('DOMContentLoaded', function () {\r\n\r\n                const form = document.getElementById('kbh-form');\r\n                \/\/ Auto-Save Logic using LocalStorage\r\n                const DRAFT_KEY = 'kreator_briefu_draft';\r\n                function saveDraft() {\r\n                    const formData = new FormData(form);\r\n                    const data = {};\r\n                    for (let [key, value] of formData.entries()) {\r\n                        if (key.includes('bg_photos') || key.includes('zip_') || key.includes('grafiki_luzem') || key.includes('zdjecie_pierwszy_pies')) continue;\r\n\r\n                        if (key.endsWith('[]')) {\r\n                            if (!data[key]) data[key] = [];\r\n                            data[key].push(value);\r\n                        } else {\r\n                            data[key] = value;\r\n                        }\r\n                    }\r\n                    localStorage.setItem(DRAFT_KEY, JSON.stringify(data));\r\n                    updateProgress();\r\n                }\r\n\r\n                function loadDraft() {\r\n                    const draft = localStorage.getItem(DRAFT_KEY);\r\n                    if (draft) {\r\n                        const data = JSON.parse(draft);\r\n                        for (let key in data) {\r\n                            if (key.endsWith('[]')) {\r\n                                \/\/ Odtwarzanie checkbox\u00f3w\r\n                                if (key === 'socjalizacja[]') {\r\n                                    const checkboxes = form.querySelectorAll(`input[name=\"socjalizacja[]\"]`);\r\n                                    checkboxes.forEach(cb => {\r\n                                        if (data[key].includes(cb.value)) cb.checked = true;\r\n                                    });\r\n                                }\r\n                            } else {\r\n                                const input = form.querySelector(`[name=\"${key}\"]`);\r\n                                if (input && input.type !== 'file' && input.type !== 'checkbox' && input.type !== 'radio') {\r\n                                    input.value = data[key];\r\n                                }\r\n                            }\r\n                        }\r\n                        \/\/ Odtwarzanie dynamicznych kontakt\u00f3w\r\n                        if (data['contact_name[]'] && Array.isArray(data['contact_name[]'])) {\r\n                            const container = document.getElementById('kontakty-container');\r\n                            container.innerHTML = '';\r\n                            const names = data['contact_name[]'];\r\n                            const phones = data['contact_phone[]'] || [];\r\n                            names.forEach((name, i) => {\r\n                                const phone = phones[i] || '';\r\n                                const div = document.createElement('div');\r\n                                div.className = 'kbh-contact-row bg-slate-50 p-4 rounded-xl border border-slate-200 relative mb-4 flex flex-col sm:flex-row gap-3 items-start sm:items-center relative mb-2';\r\n                                div.innerHTML = `\r\n                                    <input type=\"text\" name=\"contact_name[]\" value=\"${name}\" placeholder=\"Imi\u0119 i Nazwisko (np. Jan Kowalski)\" class=\"w-full sm:w-1\/2 p-3 border border-slate-300 rounded-xl\" style=\"background:#fff;color:#000;\">\r\n                                    <input type=\"text\" name=\"contact_phone[]\" value=\"${phone}\" placeholder=\"Nr telefonu (np. 500 600 700)\" class=\"w-full sm:w-1\/2 p-3 border border-slate-300 rounded-xl\" style=\"background:#fff;color:#000;\">\r\n                                    ${i > 0 ? `<button type=\"button\" class=\"px-4 py-3 bg-red-50 text-red-600 hover:bg-red-100 border border-red-200 rounded-xl cursor-pointer transition-colors\" onclick=\"this.parentElement.remove(); document.getElementById('kbh-form').dispatchEvent(new Event('input', {bubbles:true}));\" title=\"Usu\u0144\"><i class=\"fas fa-trash\"><\/i><\/button>` : ''}\r\n                            `;\r\n                                container.appendChild(div);\r\n                            });\r\n                        }\r\n                        \/\/ Odtwarzanie dynamicznych podstron\r\n                        if (data['podstrony[]'] && Array.isArray(data['podstrony[]'])) {\r\n                            const container = document.getElementById('podstrony-container');\r\n                            container.innerHTML = ''; \/\/ czyszczenie\r\n                            data['podstrony[]'].forEach(val => {\r\n                                const div = document.createElement('div');\r\n                                div.className = 'flex gap-2 mt-3';\r\n                                div.innerHTML = `\r\n                                <input type=\"text\" name=\"podstrony[]\" value=\"${val}\" class=\"w-full p-3 border border-slate-300 rounded-xl\" style=\"background:#fff;color:#000;\">\r\n                                <button type=\"button\" class=\"px-4 py-3 bg-red-50 text-red-600 hover:bg-red-100 border border-red-200 rounded-xl cursor-pointer transition-colors\" onclick=\"this.parentElement.remove(); document.getElementById('kbh-form').dispatchEvent(new Event('input', {bubbles:true}));\" title=\"Usu\u0144\"><i class=\"fas fa-trash\"><\/i><\/button>\r\n                            `;\r\n                                container.appendChild(div);\r\n                            });\r\n                        }\r\n\r\n\r\n                    }\r\n                    updateProgress();\r\n                }\r\n\r\n                \/\/ Podpi\u0119cie event\u00f3w do Auto-Save\r\n                form.addEventListener('input', saveDraft);\r\n                form.addEventListener('change', saveDraft);\r\n\r\n                \/\/ Progress Bar Logic\r\n                const progPercent = document.getElementById('kbh-progress-percent');\r\n                const progFill = document.getElementById('kbh-progress-fill');\r\n                const progText = document.getElementById('kbh-progress-text');\r\n\r\n                function updateProgress() {\r\n                    const textInputs = form.querySelectorAll('input[type=\"text\"]:not([name=\"podstrony[]\"]):not([name=\"contact_name[]\"]):not([name=\"contact_phone[]\"]), textarea');\r\n                    let filledCount = 0;\r\n                    textInputs.forEach(i => { if (i.value.trim().length > 0) filledCount++; });\r\n\r\n                    \/\/ Mierzymy % wype\u0142nionych (dla formularzy zwyk\u0142ych)\r\n                    let total = textInputs.length > 0 ? textInputs.length : 1;\r\n                    let pct = Math.round((filledCount \/ total) * 100);\r\n                    if (pct > 100) pct = 100;\r\n\r\n                    progPercent.innerText = pct;\r\n                    progFill.style.width = pct + '%';\r\n\r\n                    if (pct > 0) {\r\n                        progText.classList.remove('opacity-0');\r\n                    } else {\r\n                        progText.classList.add('opacity-0');\r\n                    }\r\n                }\r\n\r\n                \/\/ Inicjalizacja Draftu przy starcie\r\n                loadDraft();\r\n\r\n                \/\/ Obs\u0142uga dodawania podstron\r\n                const addPodstronaBtn = document.getElementById('add-podstrona-btn');\r\n                if (addPodstronaBtn) {\r\n                    addPodstronaBtn.addEventListener('click', function () {\r\n                        const container = document.getElementById('podstrony-container');\r\n                        const div = document.createElement('div');\r\n                        div.className = 'flex gap-2 mt-3';\r\n                        div.innerHTML = `\r\n                        <input type=\"text\" name=\"podstrony[]\" placeholder=\"Kolejna podstrona\" class=\"w-full p-3 border border-slate-300 rounded-xl\" style=\"background:#fff;color:#000;\">\r\n                        <button type=\"button\" class=\"px-4 py-3 bg-red-50 text-red-600 hover:bg-red-100 border border-red-200 rounded-xl cursor-pointer transition-colors\" onclick=\"this.parentElement.remove(); document.getElementById('kbh-form').dispatchEvent(new Event('input', {bubbles:true}));\" title=\"Usu\u0144\"><i class=\"fas fa-trash\"><\/i><\/button>\r\n                    `;\r\n                        container.appendChild(div);\r\n                    });\r\n                }\r\n\r\n                \/\/ Obs\u0142uga dodawania kontakt\u00f3w\r\n                const addKontaktBtn = document.getElementById('add-kontakt-btn');\r\n                if (addKontaktBtn) {\r\n                    addKontaktBtn.addEventListener('click', function () {\r\n                        const container = document.getElementById('kontakty-container');\r\n                        const div = document.createElement('div');\r\n                        div.className = 'kbh-contact-row flex md:flex-row flex-col gap-3 items-start md:items-center relative mb-2';\r\n                        div.innerHTML = `\r\n                        <input type=\"text\" name=\"contact_name[]\" placeholder=\"Imi\u0119 i Nazwisko (np. Jan Kowalski)\" class=\"w-full md:w-1\/2 p-3 border border-slate-300 rounded-xl\" style=\"background:#fff;color:#000;\">\r\n                        <input type=\"text\" name=\"contact_phone[]\" placeholder=\"Nr telefonu (np. 500 600 700)\" class=\"w-full md:w-1\/2 p-3 border border-slate-300 rounded-xl\" style=\"background:#fff;color:#000;\">\r\n                        <button type=\"button\" class=\"px-4 py-3 bg-red-50 text-red-600 hover:bg-red-100 border border-red-200 rounded-xl cursor-pointer transition-colors\" onclick=\"this.parentElement.remove(); document.getElementById('kbh-form').dispatchEvent(new Event('input', {bubbles:true}));\" title=\"Usu\u0144\"><i class=\"fas fa-trash\"><\/i><\/button>\r\n                    `;\r\n                        container.appendChild(div);\r\n                    });\r\n                }\r\n\r\n\r\n                const btn = document.getElementById('kbh-submit');\r\n                const msg = document.getElementById('kbh-msg');\r\n                btn.addEventListener('click', function () {\r\n                    if (!document.querySelector('input[name=\"kennel_name\"]').value || !document.querySelector('input[name=\"sender_name\"]').value) {\r\n                        msg.textContent = 'Imi\u0119 i Nazwisko oraz Nazwa hodowli s\u0105 wymagane!';\r\n                        msg.className = 'mt-6 p-4 rounded-lg text-sm text-center font-bold bg-red-100 text-red-800 block';\r\n                        window.scrollTo(0, 0);\r\n                        return;\r\n                    }\r\n                    const fd = new FormData(form);\r\n                    fd.append('action', 'submit_breeder_brief');\r\n                    btn.innerHTML = 'Wysy\u0142anie plikow... Prosz\u0119 czeka\u0107 (to mo\u017ce potrwa\u0107) <i class=\"fas fa-spinner fa-spin ml-2\"><\/i>';\r\n                    btn.disabled = true;\r\n                    fetch('https:\/\/rolandziem.pl\/wp-admin\/admin-ajax.php', { method: 'POST', body: fd })\r\n                        .then(r => r.json())\r\n                        .then(d => {\r\n                            msg.className = 'mt-6 p-4 rounded-lg text-sm text-center font-bold block ' + (d.success ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800');\r\n                            msg.textContent = d.success ? 'Dane i materia\u0142y zosta\u0142y pomy\u015blnie wys\u0142ane!' : (d.data || 'B\u0142\u0105d wysy\u0142ki.');\r\n                            if (d.success) {\r\n                                form.reset();\r\n                                localStorage.removeItem(DRAFT_KEY); \/\/ Sukces = czy\u015bcimy auto-save\r\n                                updateProgress();\r\n                                document.querySelectorAll('input[type=\"file\"]').forEach(i => {\r\n                                    i.nextElementSibling.innerText = '';\r\n                                });\r\n                            }\r\n                        })\r\n                        .catch(() => { msg.className = 'mt-6 p-4 rounded-lg text-sm text-center block bg-red-100 text-red-800'; msg.textContent = 'B\u0142\u0105d sieci lub plik ZIP jest zbyt du\u017cy.'; })\r\n                        .finally(() => { btn.innerHTML = 'Wy\u015blij materia\u0142y <i class=\"fas fa-paper-plane ml-2\"><\/i>'; btn.disabled = false; });\r\n                });\r\n            });\r\n        <\/script>\r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rolandziem.pl\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rolandziem.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rolandziem.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rolandziem.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rolandziem.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":1,"href":"https:\/\/rolandziem.pl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/rolandziem.pl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/rolandziem.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}