{"id":63993,"date":"2025-12-04T17:41:03","date_gmt":"2025-12-04T10:41:03","guid":{"rendered":"https:\/\/cicana.co\/?page_id=63993"},"modified":"2025-12-05T11:41:34","modified_gmt":"2025-12-05T04:41:34","slug":"filter-tester","status":"publish","type":"page","link":"https:\/\/cicana.co\/id\/filter-tester\/","title":{"rendered":"Filter Tester"},"content":{"rendered":"<div data-block-name=\"woocommerce\/product-filters\" class=\"wc-block-product-filters wp-block-woocommerce-product-filters is-layout-flex wp-container-woocommerce-product-filters-is-layout-340759e1 wp-block-woocommerce-product-filters-is-layout-flex\" data-wp-interactive=\"woocommerce\/product-filters\" data-wp-init--colors=\"callbacks.initColors\" data-wp-watch--scrolling=\"callbacks.scrollLimit\" data-wp-on--keyup=\"actions.closeOverlayOnEscape\" data-wp-context=\"{&quot;params&quot;:[],&quot;activeFilters&quot;:[],&quot;forcePageReload&quot;:null}\" data-wp-class--is-overlay-opened=\"context.isOverlayOpened\" data-wp-router-region=\"wc-product-filters-d751713988987e9331980363e24189ce\">\n\t\t\t<button\n\t\t\t\tclass=\"wc-block-product-filters__open-overlay\"\n\t\t\t\tdata-wp-on--click=\"actions.openOverlay\"\n\t\t\t>\n\t\t\t\t<svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z\" fill=\"currentColor\"\/><\/svg>\t\t\t\t<span data-no-translation=\"\" data-trp-gettext=\"\">Saring produk<\/span>\n\t\t\t<\/button>\n\t\t\t<div class=\"wc-block-product-filters__overlay\">\n\t\t\t\t<div class=\"wc-block-product-filters__overlay-wrapper\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"wc-block-product-filters__overlay-dialog\"\n\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\taria-label=\"Filter Produk\" data-no-translation-aria-label=\"\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<header class=\"wc-block-product-filters__overlay-header\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"wc-block-product-filters__close-overlay\"\n\t\t\t\t\t\t\t\tdata-wp-on--click=\"actions.closeOverlay\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span data-no-translation=\"\" data-trp-gettext=\"\">Tutup<\/span>\n\t\t\t\t\t\t\t\t<svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 13.0607L15.7123 16.773L16.773 15.7123L13.0607 12L16.773 8.28772L15.7123 7.22706L12 10.9394L8.28771 7.22705L7.22705 8.28771L10.9394 12L7.22706 15.7123L8.28772 16.773L12 13.0607Z\" fill=\"currentColor\"\/><\/svg>\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/header>\n\t\t\t\t\t\t<div class=\"wc-block-product-filters__overlay-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<footer\n\t\t\t\t\t\t\tclass=\"wc-block-product-filters__overlay-footer\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"wc-block-product-filters__apply wp-element-button\"\n\t\t\t\t\t\t\t\tdata-wp-interactive=\"woocommerce\/product-filters\"\n\t\t\t\t\t\t\t\tdata-wp-on--click=\"actions.closeOverlay\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span data-no-translation=\"\" data-trp-gettext=\"\">Terapkan<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/footer>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\n\r\n<div class=\"helper-search-container\">\r\n\r\n    <form role=\"search\" method=\"get\" action=\"\/id\/wp-json\/wp\/v2\/pages\/63993\" class=\"helper-form\" data-trp-original-action=\"\/id\/wp-json\/wp\/v2\/pages\/63993\">\r\n        <input type=\"hidden\" name=\"did_search\" value=\"1\">\r\n\r\n        <div class=\"helper-layout-split\">\r\n\r\n            <div class=\"layout-sidebar\">\r\n                <h2 class=\"search-title\">Ready to Work,<br>Let's Hire<\/h2>\r\n\r\n                <div class=\"skills-section\">\r\n                    <label class=\"skills-label\">Category \/ Skills<\/label>\r\n                    <div class=\"skills-container\">\r\n                                                <label class=\"skill-pill\">\r\n                            <input type=\"checkbox\" name=\"skills[]\" value=\"inv\"\r\n                                >\r\n                            <span>inval<\/span>\r\n                        <\/label>\r\n                                                <label class=\"skill-pill\">\r\n                            <input type=\"checkbox\" name=\"skills[]\" value=\"li\"\r\n                                >\r\n                            <span>Live in<\/span>\r\n                        <\/label>\r\n                                                <label class=\"skill-pill\">\r\n                            <input type=\"checkbox\" name=\"skills[]\" value=\"lo\"\r\n                                >\r\n                            <span>LiveOut<\/span>\r\n                        <\/label>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-actions\">\r\n                    <button type=\"submit\" class=\"btn-search\">\ud83d\udd0d Find Out<\/button>\r\n                    <a href=\"\/id\/wp-json\/wp\/v2\/pages\/63993\" class=\"btn-reset\">Reset<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"layout-main\">\r\n    <div class=\"search-grid\">\r\n        <div class=\"form-group\">\r\n            <label>Profile Name<\/label>\r\n            <input type=\"text\" name=\"profile\" placeholder=\"Search name...\"\r\n                value=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Keywords \/ Description<\/label>\r\n            <input type=\"text\" name=\"keyword\" placeholder=\"Search keyword...\"\r\n                value=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Criteria<\/label>\r\n            <div class=\"select-wrapper\">\r\n                <select name=\"desc[]\" class=\"select2-desc\" multiple>\r\n                    <option value=\"355\" >\r\n                        Bisa kerja diluar pulau jawa\r\n                    <\/option>\r\n                    <option value=\"356\" >\r\n                        Mudik 1 tahun sekali\r\n                    <\/option>\r\n                    <option value=\"357\" >\r\n                        Bisa Mengendarai Motor\r\n                    <\/option>\r\n                    <option value=\"358\" >\r\n                        Tidak takut anjing\r\n                    <\/option>\r\n                    <option value=\"359\" >\r\n                        Bisa pegang daging babi\r\n                    <\/option>\r\n                    <option value=\"700\" >\r\n                        Babysitter newborn\r\n                    <\/option>\r\n                    <option value=\"349\" >\r\n                        Bisa jaga anak usia < 1 tahun <\/option>\r\n                    <option value=\"350\" >\r\n                        Bisa jaga anak usia > 1 tahun\r\n                    <\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Age Range<\/label>\r\n            <div class=\"select-wrapper\">\r\n                <select name=\"age\">\r\n                    <option value=\"\">Any Age<\/option><option value=\"18-20-tahun\" >18-20 tahun<\/option><option value=\"21-25-tahun\" >21-25 tahun<\/option><option value=\"26-30-tahun\" >26-30 tahun<\/option><option value=\"31-35-tahun\" >31-35 tahun<\/option><option value=\"36-40-tahun\" >36-40 tahun<\/option><option value=\"41-45-tahun\" >41-45 tahun<\/option><option value=\"46-50-tahun\" >46-50 tahun<\/option>                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Salary Range<\/label>\r\n            <div class=\"select-wrapper\">\r\n                <select name=\"salary\">\r\n                    <option value=\"\">Any Salary<\/option><option value=\"1-1jt-1-5jt\" >1.1jt - 1.5jt<\/option><option value=\"1-6jt-2-0jt\" >1.6jt - 2.0jt<\/option><option value=\"2-0jt-2-5jt\" >2.0jt - 2.5jt<\/option><option value=\"2-6jt-3-0jt\" >2.6jt - 3.0jt<\/option><option value=\"3-1jt-3-5jt\" >3.1jt - 3.5jt<\/option><option value=\"3-6jt-4-0jt\" >3.6jt - 4.0jt<\/option>                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Education<\/label>\r\n            <div class=\"select-wrapper\">\r\n                <select name=\"edu\">\r\n                    <option value=\"\">Any Education<\/option><option value=\"lulusan-d3\" >Lulusan D3<\/option><option value=\"lulusan-sd\" >Lulusan SD<\/option><option value=\"lulusan-sma\" >Lulusan SMA<\/option><option value=\"lulusan-smk\" >Lulusan SMK<\/option><option value=\"lulusan-smp\" >Lulusan SMP<\/option><option value=\"tidak-tamat-sekolah\" >Tidak tamat sekolah<\/option>                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Position<\/label>\r\n            <div class=\"select-wrapper\">\r\n                <select name=\"pos\">\r\n                    <option value=\"\">All Positions<\/option>\r\n                    <option value=\"inv\" >inval<\/option><option value=\"inval-livein\" >&nbsp;&nbsp;- inval livein\r\n<\/option><option value=\"inval-liveout\" >&nbsp;&nbsp;- inval liveout\r\n<\/option><option value=\"li\" >Live in<\/option><option value=\"bs\" >&nbsp;&nbsp;- babysitter\r\n<\/option><option value=\"cg\" >&nbsp;&nbsp;- caregiver\r\n<\/option><option value=\"drv\" >&nbsp;&nbsp;- driver\r\n<\/option><option value=\"hk\" >&nbsp;&nbsp;- housekeeper\r\n<\/option><option value=\"cooking\" >&nbsp;&nbsp;&nbsp;&nbsp;-- cooking<\/option><option value=\"housekeeping\" >&nbsp;&nbsp;&nbsp;&nbsp;-- housekeeping<\/option><option value=\"taking-care-of-children\" >&nbsp;&nbsp;&nbsp;&nbsp;-- taking care of children<\/option><option value=\"lo\" >LiveOut<\/option><option value=\"pp-bekasi\" >&nbsp;&nbsp;- Live Out Bekasi\r\n<\/option><option value=\"pp-kabbekasi\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Kabupaten Bekasi<\/option><option value=\"pp-kotabekasi\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Kota Bekasi<\/option><option value=\"pp-bogor\" >&nbsp;&nbsp;- Live Out Bogor\r\n<\/option><option value=\"pp-kabbogor\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Kabupaten Bogor<\/option><option value=\"pp-kotabogor\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Kota Bogor<\/option><option value=\"pp-depok\" >&nbsp;&nbsp;- Live Out Depok\r\n<\/option><option value=\"pp-jakarta\" >&nbsp;&nbsp;- Live Out Jakarta\r\n<\/option><option value=\"pp-jakbar\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Jakarta Barat<\/option><option value=\"pp-jakpus\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Jakarta Pusat<\/option><option value=\"pp-jaksel\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Jakarta Selatan<\/option><option value=\"pp-jaktim\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Jakarta Timur<\/option><option value=\"pp-jakut\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Jakarta Utara<\/option><option value=\"pp-tangerang\" >&nbsp;&nbsp;- Live Out Tangerang\r\n<\/option><option value=\"pp-kabtangerang\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Kabupaten Tangerang<\/option><option value=\"pp-kotatangerang\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Kota Tangerang<\/option><option value=\"pp-kotatangsel\" >&nbsp;&nbsp;&nbsp;&nbsp;-- Live Out Kota Tangerang Selatan<\/option>                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Religion<\/label>\r\n            <div class=\"select-wrapper\">\r\n                <select name=\"rel\">\r\n                    <option value=\"\">All Religions<\/option><option value=\"buddha\" >Buddha<\/option><option value=\"hindu\" >Hindu<\/option><option value=\"islam\" >Islam<\/option><option value=\"katholik\" >Katholik<\/option><option value=\"kristen\" >Kristen<\/option>                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Marital Status<\/label>\r\n            <div class=\"select-wrapper\">\r\n                <select name=\"status\">\r\n                    <option value=\"\">Any Status<\/option><option value=\"cerai\" >Cerai<\/option><option value=\"lajang\" >Lajang<\/option><option value=\"menikah\" >Menikah<\/option>                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Ethnicity<\/label>\r\n            <div class=\"select-wrapper\">\r\n                <select name=\"ethnic\">\r\n                    <option value=\"\">All Ethnicities<\/option>\r\n                    <option value=\"batak\" >Batak<\/option><option value=\"betawi\" >Betawi<\/option><option value=\"jawa\" >Jawa<\/option><option value=\"lampung\" >Lampung<\/option><option value=\"ntt\" >NTT<\/option><option value=\"palembang\" >Palembang<\/option><option value=\"sumatera\" >Sumatera<\/option><option value=\"sunda\" >Sunda<\/option>                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label>Behavioral Event Interview<\/label>\r\n            <div class=\"select-wrapper\">\r\n                <select name=\"bei\">\r\n                    <option value=\"\">All BEI<\/option>\r\n                    <option value=\"cukup baik\" >Cukup Baik<\/option>\r\n                    <option value=\"baik\" >Baik<\/option>\r\n                    <option value=\"sangat baik\" >Sangat Baik<\/option>\r\n                    <option value=\"rekomendasi\" >Rekomendasi<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n        <\/div>\r\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"id\"\/><\/form>\r\n<\/div>\r\n\r\n<style>\r\n.helper-search-container {\r\n    background: #fff;\r\n    padding: 30px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.helper-layout-split {\r\n    display: flex;\r\n    gap: 40px;\r\n    align-items: flex-start;\r\n}\r\n\r\n.layout-sidebar {\r\n    flex: 1;\r\n    min-width: 250px;\r\n    max-width: 300px;\r\n}\r\n\r\n.layout-main {\r\n    flex: 3;\r\n    width: 100%;\r\n}\r\n\r\n@media(max-width: 900px) {\r\n    .helper-layout-split {\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    .layout-sidebar {\r\n        max-width: 100%;\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.search-title {\r\n    font-weight: 800;\r\n    font-size: 26px;\r\n    margin-bottom: 25px;\r\n    color: #2c3e50;\r\n    line-height: 1.2;\r\n}\r\n\r\n.search-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 15px;\r\n}\r\n\r\n@media(max-width: 600px) {\r\n    .search-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n.form-group label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    margin-bottom: 6px;\r\n    color: #444;\r\n}\r\n\r\n.form-group select,\r\n.form-group input {\r\n    width: 100%;\r\n    padding: 10px;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 6px;\r\n    background: #fff;\r\n    height: 44px;\r\n}\r\n\r\n.skills-section {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.skills-label {\r\n    font-weight: 700;\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    color: #8e44ad;\r\n}\r\n\r\n.skills-container {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n}\r\n\r\n.skill-pill input {\r\n    display: none;\r\n}\r\n\r\n.skill-pill span {\r\n    padding: 8px 14px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 20px;\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n    transition: 0.2s;\r\n    display: inline-block;\r\n    background: #fafafa;\r\n}\r\n\r\n.skill-pill input:checked+span {\r\n    background: #f3e5f5;\r\n    color: #8e44ad;\r\n    border-color: #8e44ad;\r\n    font-weight: 600;\r\n}\r\n\r\n.form-actions {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.btn-search {\r\n    background: #8e44ad;\r\n    color: #fff;\r\n    border: none;\r\n    padding: 14px;\r\n    border-radius: 8px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n    width: 100%;\r\n    transition: 0.2s;\r\n}\r\n\r\n.btn-search:hover {\r\n    background: #732d91;\r\n}\r\n\r\n.btn-reset {\r\n    text-align: center;\r\n    padding: 12px;\r\n    border: 1px solid #eee;\r\n    border-radius: 8px;\r\n    text-decoration: none;\r\n    color: #777;\r\n    background: #fff;\r\n    font-size: 14px;\r\n    display: block;\r\n}\r\n\r\n.btn-reset:hover {\r\n    background: #f9f9f9;\r\n    color: #333;\r\n}\r\n\r\n.results-count {\r\n    font-size: 18px;\r\n    margin-bottom: 20px;\r\n    color: #333;\r\n    margin-top: 30px;\r\n}\r\n\r\n.candidates-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n@media(max-width: 1000px) {\r\n    .candidates-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media(max-width: 600px) {\r\n    .candidates-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n.candidate-card {\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n    transition: transform 0.2s;\r\n    border: 1px solid #eee;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.candidate-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.card-header {\r\n    padding: 20px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 15px;\r\n    border-bottom: 1px solid #f5f5f5;\r\n}\r\n\r\n.card-photo {\r\n    width: 70px;\r\n    height: 70px;\r\n    border-radius: 50%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    border: 2px solid #fff;\r\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.badge-avail {\r\n    background: #e6fcf5;\r\n    color: #0ca678;\r\n    font-size: 11px;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.card-body {\r\n    padding: 20px;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.card-name {\r\n    margin: 0 0 10px 0;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #2c3e50;\r\n}\r\n\r\n.card-details {\r\n    margin-bottom: 15px;\r\n    font-size: 13px;\r\n    color: #555;\r\n    line-height: 1.6;\r\n}\r\n\r\n.detail-row strong {\r\n    color: #333;\r\n}\r\n\r\n.card-skills {\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 5px;\r\n}\r\n\r\n.mini-pill {\r\n    font-size: 10px;\r\n    background: #f0f2f5;\r\n    padding: 3px 8px;\r\n    border-radius: 4px;\r\n    color: #666;\r\n}\r\n\r\n.btn-view-profile {\r\n    margin-top: auto;\r\n    display: block;\r\n    text-align: center;\r\n    background: #fff;\r\n    border: 1px solid #8e44ad;\r\n    color: #8e44ad;\r\n    padding: 10px;\r\n    border-radius: 6px;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    transition: 0.2s;\r\n}\r\n\r\n.btn-view-profile:hover {\r\n    background: #8e44ad;\r\n    color: #fff;\r\n}\r\n\r\n.helper-pagination {\r\n    margin-top: 30px;\r\n    text-align: center;\r\n}\r\n\r\n.helper-pagination .page-numbers {\r\n    display: inline-block;\r\n    padding: 8px 12px;\r\n    margin: 0 3px;\r\n    border: 1px solid #ddd;\r\n    text-decoration: none;\r\n    color: #333;\r\n    border-radius: 4px;\r\n}\r\n\r\n.helper-pagination .current {\r\n    background: #8e44ad;\r\n    color: white;\r\n    border-color: #8e44ad;\r\n}\r\n\r\n\/* Membatasi tinggi agar tidak terlalu besar dan merapikan tampilan *\/\r\n.select2-container--default .select2-selection--multiple {\r\n    min-height: 44px !important;\r\n    \/* Samakan dengan tinggi input lainnya *\/\r\n    overflow-y: auto;\r\n    border-radius: 6px;\r\n    border: 1px solid #e0e0e0;\r\n    padding: 0 8px;\r\n    \/* Sesuaikan padding agar teks lebih ke tengah *\/\r\n    display: flex;\r\n    align-items: center;\r\n    \/* Membantu menengahkan konten secara vertikal *\/\r\n}\r\n\r\n\/* Mengatur Placeholder agar berada di tengah *\/\r\n.select2-container .select2-search--inline {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.select2-container--default .select2-selection--multiple .select2-search__field {\r\n    margin-top: 0 !important;\r\n    line-height: 40px;\r\n    \/* Menyesuaikan tinggi baris agar teks placeholder rata tengah *\/\r\n    height: 40px;\r\n}\r\n\r\n\/* Menyesuaikan posisi pilihan yang sudah terpilih agar tetap rapi *\/\r\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\r\n    margin-top: 7px;\r\n    margin-bottom: 7px;\r\n    background: #f3e5f5;\r\n    border: 1px solid #8e44ad;\r\n    color: #8e44ad;\r\n    font-weight: 600;\r\n    border-radius: 20px;\r\n    padding: 2px 10px;\r\n}\r\n\r\n.select2-container .select2-selection--multiple .select2-selection__rendered {\r\n    margin: 1px !important;\r\n}\r\n<\/style>\r\n<script>\r\njQuery(document).ready(function($) {\r\n    $('.select2-desc').select2({\r\n        placeholder: \"Select Criteria\",\r\n        width: '100%',\r\n        allowClear: true\r\n    });\r\n});\r\n<\/script>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    const form = document.querySelector('.helper-form');\r\n\r\n    form.addEventListener('submit', function () {\r\n\r\n        const fields = form.querySelectorAll('input, select');\r\n\r\n        fields.forEach(field => {\r\n\r\n            \/\/ kosong \u2192 disable supaya tidak masuk URL\r\n            if (\r\n                field.value === '' ||\r\n                field.value === null\r\n            ) {\r\n                field.disabled = true;\r\n            }\r\n\r\n            \/\/ checkbox tidak dicentang\r\n            if (\r\n                (field.type === 'checkbox' || field.type === 'radio') &&\r\n                !field.checked\r\n            ) {\r\n                field.disabled = true;\r\n            }\r\n\r\n        });\r\n\r\n    });\r\n\r\n});\r\n<\/script>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    const form = document.querySelector('.helper-form');\r\n\r\n    form.addEventListener('submit', function (e) {\r\n\r\n        e.preventDefault();\r\n\r\n        const params = new URLSearchParams();\r\n\r\n        \/\/ ambil semua input normal\r\n        const fields = form.querySelectorAll('input, select');\r\n\r\n        let skills = [];\r\n\r\n        fields.forEach(field => {\r\n\r\n            \/\/ skip kosong\r\n            if (!field.value) return;\r\n\r\n            \/\/ checkbox skills\r\n            if (field.name === 'skills[]') {\r\n\r\n                if (field.checked) {\r\n                    skills.push(field.value);\r\n                }\r\n\r\n                return;\r\n            }\r\n\r\n            \/\/ checkbox biasa\r\n            if ((field.type === 'checkbox' || field.type === 'radio') && !field.checked) {\r\n                return;\r\n            }\r\n\r\n            params.append(field.name, field.value);\r\n\r\n        });\r\n\r\n        \/\/ gabungkan skills jadi comma\r\n        if (skills.length > 0) {\r\n            params.append('skills', skills.join(','));\r\n        }\r\n\r\n        window.location.href = form.action + '?' + params.toString();\r\n\r\n    });\r\n\r\n});\r\n<\/script>\r\n\r\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-63993","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Filter Tester - CICANA<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cicana.co\/id\/filter-tester\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Filter Tester - CICANA\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cicana.co\/id\/filter-tester\/\" \/>\n<meta property=\"og:site_name\" content=\"CICANA\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cicanaindonesiacorp\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-05T04:41:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cicana.co\/wp-content\/uploads\/2024\/04\/cropped-LOGO-CICANA.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1078\" \/>\n\t<meta property=\"og:image:height\" content=\"1078\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cicana.co\\\/filter-tester\\\/\",\"url\":\"https:\\\/\\\/cicana.co\\\/filter-tester\\\/\",\"name\":\"Filter Tester - CICANA\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cicana.co\\\/#website\"},\"datePublished\":\"2025-12-04T10:41:03+00:00\",\"dateModified\":\"2025-12-05T04:41:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cicana.co\\\/filter-tester\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cicana.co\\\/filter-tester\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cicana.co\\\/filter-tester\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cicana.co\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Filter Tester\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cicana.co\\\/#website\",\"url\":\"https:\\\/\\\/cicana.co\\\/\",\"name\":\"CICANA.CO\",\"description\":\"Little Things That You Need The Most\",\"publisher\":{\"@id\":\"https:\\\/\\\/cicana.co\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cicana.co\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cicana.co\\\/#organization\",\"name\":\"CICANA.CO\",\"url\":\"https:\\\/\\\/cicana.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/cicana.co\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cicana.co\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/LOGO-CICANA.png\",\"contentUrl\":\"https:\\\/\\\/cicana.co\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/LOGO-CICANA.png\",\"width\":1080,\"height\":1080,\"caption\":\"CICANA.CO\"},\"image\":{\"@id\":\"https:\\\/\\\/cicana.co\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/cicanaindonesiacorp\\\/\",\"https:\\\/\\\/instagram.com\\\/cicana.co\",\"https:\\\/\\\/tiktok.com\\\/@cicana.co\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Filter Tester - CICANA","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cicana.co\/id\/filter-tester\/","og_locale":"id_ID","og_type":"article","og_title":"Filter Tester - CICANA","og_url":"https:\/\/cicana.co\/id\/filter-tester\/","og_site_name":"CICANA","article_publisher":"https:\/\/www.facebook.com\/cicanaindonesiacorp\/","article_modified_time":"2025-12-05T04:41:34+00:00","og_image":[{"width":1078,"height":1078,"url":"https:\/\/cicana.co\/wp-content\/uploads\/2024\/04\/cropped-LOGO-CICANA.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cicana.co\/filter-tester\/","url":"https:\/\/cicana.co\/filter-tester\/","name":"Filter Tester - CICANA","isPartOf":{"@id":"https:\/\/cicana.co\/#website"},"datePublished":"2025-12-04T10:41:03+00:00","dateModified":"2025-12-05T04:41:34+00:00","breadcrumb":{"@id":"https:\/\/cicana.co\/filter-tester\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cicana.co\/filter-tester\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cicana.co\/filter-tester\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cicana.co\/"},{"@type":"ListItem","position":2,"name":"Filter Tester"}]},{"@type":"WebSite","@id":"https:\/\/cicana.co\/#website","url":"https:\/\/cicana.co\/","name":"CICANA.CO","description":"Little Things That You Need The Most","publisher":{"@id":"https:\/\/cicana.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cicana.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/cicana.co\/#organization","name":"CICANA.CO","url":"https:\/\/cicana.co\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/cicana.co\/#\/schema\/logo\/image\/","url":"https:\/\/cicana.co\/wp-content\/uploads\/2024\/04\/LOGO-CICANA.png","contentUrl":"https:\/\/cicana.co\/wp-content\/uploads\/2024\/04\/LOGO-CICANA.png","width":1080,"height":1080,"caption":"CICANA.CO"},"image":{"@id":"https:\/\/cicana.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/cicanaindonesiacorp\/","https:\/\/instagram.com\/cicana.co","https:\/\/tiktok.com\/@cicana.co"]}]}},"_links":{"self":[{"href":"https:\/\/cicana.co\/id\/wp-json\/wp\/v2\/pages\/63993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cicana.co\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cicana.co\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cicana.co\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cicana.co\/id\/wp-json\/wp\/v2\/comments?post=63993"}],"version-history":[{"count":7,"href":"https:\/\/cicana.co\/id\/wp-json\/wp\/v2\/pages\/63993\/revisions"}],"predecessor-version":[{"id":64339,"href":"https:\/\/cicana.co\/id\/wp-json\/wp\/v2\/pages\/63993\/revisions\/64339"}],"wp:attachment":[{"href":"https:\/\/cicana.co\/id\/wp-json\/wp\/v2\/media?parent=63993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}