{"id":2230,"date":"2026-08-05T16:17:59","date_gmt":"2026-08-05T07:47:59","guid":{"rendered":"https:\/\/depedilocosnorte.com\/sdoin\/?page_id=2230"},"modified":"2026-08-11T14:53:01","modified_gmt":"2026-08-11T06:23:01","slug":"secondary","status":"publish","type":"page","link":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/school-directory\/secondary\/","title":{"rendered":"SECONDARY SCHOOL"},"content":{"rendered":"\n<style>\n* { box-sizing: border-box; }\n\n.directory-app {\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 20px 20px 60px;\n    font-family: Georgia, \"TimesADA New Roman\", serif;\n    color: #0b1f45;\n}\n\n.directory-app button, .directory-app input { font-family: Arial, Helvetica, sans-serif; }\n\n\/* ---------- Search bar ---------- *\/\n.search-bar-wrap {\n    position: relative;\n    width: 100%;\n    max-width: none;\n    margin: 0 0 26px;\n}\n\n.search-bar-wrap,\n.global-search {\n    box-sizing: border-box;\n}\n.search-icon {\n    position: absolute;\n    left: 16px !important;\n    top: 50% !important;\n    width: 22px !important;\n    height: 22px !important;\n    transform: translateY(-50%);\n    color: #63718a;\n    pointer-events: none;\n    z-index: 5;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.search-icon svg {\n    width: 20px !important;\n    height: 20px !important;\n    display: block;\n    fill: none !important;\n    stroke: currentColor !important;\n    stroke-width: 2 !important;\n    stroke-linecap: round !important;\n}\n\n.search-icon svg {\n    width: 20px;\n    height: 20px;\n    display: block;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n}\n.global-search {\n    display: block;\n    width: 100%;\n    max-width: none;\n    height: 56px;\n    padding: 0 48px 0 52px !important;\n    padding-left: 52px !important;\n    appearance: none;\n    -webkit-appearance: none;\n    border: 1px solid #d5dce7;\n    border-radius: 8px;\n    background: #fff;\n    color: #17233c;\n    font-size: 16px;\n    box-shadow: 0 3px 10px rgba(20,45,90,.07);\n    outline: none;\n}\n.global-search:focus {\n    border-color: #102f72;\n    box-shadow: 0 0 0 3px rgba(16,47,114,.10);\n}\n\n.breadcrumbs {\n    display:flex; align-items:center; flex-wrap:wrap; gap:8px;\n    margin-bottom:28px; font-family:Arial,Helvetica,sans-serif; font-size:14px;\n}\n.breadcrumb-link { color:#123b7a; cursor:pointer; }\n.breadcrumb-link:hover { text-decoration:underline; }\n.breadcrumb-current { color:#555; }\n.breadcrumb-arrow { color:#888; }\n\n.district-grid, .municipality-grid, .school-grid {\n    display:grid; gap:24px;\n}\n.district-grid, .municipality-grid { grid-template-columns:repeat(2,1fr); }\n.school-grid { grid-template-columns:repeat(3,1fr); }\n\n.district-card, .municipality-card, .school-card, .school-detail {\n    background:#fff; border:1px solid #d5dce7; border-left:5px solid #102f72;\n    border-radius:8px; box-shadow:0 7px 18px rgba(20,45,90,.08);\n}\n.district-card {\n    min-height:215px; padding:32px 28px; transition:.25s ease;\n}\n.district-card:hover, .municipality-card:hover, .school-card:hover {\n    transform:translateY(-4px); box-shadow:0 12px 25px rgba(20,45,90,.14);\n}\n.card-label {\n    font-family:Arial,Helvetica,sans-serif; font-size:12px; letter-spacing:2px;\n    font-weight:bold; color:#314d78; margin-bottom:8px;\n}\n.district-card h2, .municipality-card h2, .page-title, .school-name,\n.detail-school-name {\n    color:#101010;\n}\n.district-description {\n    font-family:Arial,Helvetica,sans-serif; font-size:15px; color:#53647d; margin-bottom:18px;\n}\n.district-count, .municipality-count, .school-count-text {\n    font-family:Arial,Helvetica,sans-serif; font-size:13px; color:#63718a;\n}\n.district-count { margin-bottom:17px; }\n\n.view-link, .back-button, .clear-search-button {\n    border:none; background:transparent; padding:0; color:#073b82;\n    font-family:Arial,Helvetica,sans-serif; font-size:14px; cursor:pointer;\n}\n.view-link span { font-size:20px; margin-left:5px; }\n.view-link:hover, .back-button:hover, .clear-search-button:hover { text-decoration:underline; }\n\n.clear-search-button {\n    display:inline-flex; align-items:center; gap:6px; margin:0 0 22px;\n    padding:10px 16px; border:1px solid #c9d4e3!important; border-radius:6px;\n    background:#fff; font-weight:600;\n}\n.clear-search-button:hover { background:#f4f7fb; text-decoration:none; }\n\n.page-title { margin:0 0 10px; font-size:28px; }\n.municipality-card { min-height:150px; padding:24px; transition:.25s ease; }\n\n.location-icon {\n    width: 22px;\n    height: 25px;\n    margin-bottom: 10px;\n    position: relative;\n}\n.location-icon::before {\n    content: \"\";\n    position: absolute;\n    width: 15px;\n    height: 15px;\n    border: 3px solid #e3a916;\n    border-radius: 50% 50% 50% 0;\n    transform: rotate(-45deg);\n    top: 1px;\n    left: 2px;\n}\n.location-icon::after {\n    content: \"\";\n    position: absolute;\n    width: 5px;\n    height: 5px;\n    background: #e3a916;\n    border-radius: 50%;\n    top: 7px;\n    left: 8px;\n}\n.municipality-card h2 { margin:0 0 8px; font-size:20px; }\n.municipality-count { margin-bottom:15px; }\n\n.school-count-text { margin-bottom:22px; }\n.school-card { padding:25px 23px; transition:.25s ease; }\n.school-header { display:flex; align-items:flex-start; gap:14px; margin-bottom:14px; }\n.school-logo, .detail-logo {\n    border-radius:50%; background:#102f72; color:#f0b323;\n    display:flex; align-items:center; justify-content:center;\n    font-family:Georgia,serif; font-weight:bold; text-align:center;\n}\n.school-logo { width:48px; height:48px; min-width:48px; font-size:10px; }\n.school-title-area { flex:1; }\n.school-name { margin:0 0 8px; font-size:17px; line-height:1.3; }\n.school-tags { display:flex; flex-wrap:wrap; gap:6px; }\n.school-tag {\n    padding:4px 10px; background:#e8eef7; border-radius:5px;\n    font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#123b7a;\n}\n.school-tag.location { background:#fff; border:1px solid #d5dce7; }\n.school-tag.district-tag { background:#fdf3da; border:1px solid #f0d9a0; color:#8a6a10; }\n.school-info { margin-top:12px; }\n.info-row {\n    display:flex; gap:9px; margin:10px 0; font-family:Arial,Helvetica,sans-serif;\n    font-size:12px; color:#53647d; line-height:1.5; word-break:break-word;\n}\n.info-icon { width:18px; min-width:18px; text-align:center; }\n.details-button {\n    width:100%; margin-top:16px; padding:10px; border:1px solid #d2d9e4;\n    border-radius:6px; background:#fff; color:#102f72; cursor:pointer; font-size:13px;\n}\n.details-button:hover { background:#f4f7fb; }\n\n.school-detail {\n    max-width:850px; margin:0 auto; padding:35px;\n}\n.detail-header { display:flex; gap:20px; align-items:center; margin-bottom:30px; }\n.detail-logo { width:75px; height:75px; min-width:75px; font-size:15px; }\n.detail-school-name { margin:0 0 10px; font-size:28px; }\n.detail-section { margin-top:25px; }\n.detail-section h3 { font-size:18px; margin-bottom:15px; color:#102f72; }\n.detail-info-row {\n    padding:13px 0; border-bottom:1px solid #e4e8ee;\n    font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.5;\n}\n.no-schools, .no-results {\n    grid-column:1\/-1; padding:40px; text-align:center; background:#fff;\n    border:1px solid #d5dce7; border-radius:8px; font-family:Arial,Helvetica,sans-serif;\n    color:#66758b;\n}\n\n@media(max-width:950px) { .school-grid { grid-template-columns:repeat(2,1fr); } }\n@media(max-width:700px) {\n    .district-grid,.municipality-grid,.school-grid { grid-template-columns:1fr; }\n    .directory-app { padding:15px; }\n    .school-detail { padding:22px; }\n    .detail-header { align-items:flex-start; }\n    .detail-school-name { font-size:22px; }\n}\n\n\/* Prevent WordPress\/browser native search decorations from overlapping the custom icon *\/\n.global-search::-webkit-search-decoration,\n.global-search::-webkit-search-cancel-button,\n.global-search::-webkit-search-results-button,\n.global-search::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n    appearance: none;\n    display: none;\n}\n\n<\/style>\n\n<div class=\"directory-app\">\n    <div class=\"search-bar-wrap\">\n        <span class=\"search-icon\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 24 24\" role=\"presentation\">\n        <circle cx=\"11\" cy=\"11\" r=\"6.5\"><\/circle>\n        <line x1=\"16\" y1=\"16\" x2=\"21\" y2=\"21\"><\/line>\n    <\/svg>\n<\/span>\n        <input type=\"search\" id=\"globalSearch\" class=\"global-search\" placeholder=\"Search schools, school heads, or municipalities\">\n    <\/div>\n    <div id=\"directoryContent\"><\/div>\n<\/div>\n\n<script>\n\/* =========================================================\n   SECONDARY SCHOOL DATA (District I & District II)\n========================================================= *\/\n\nconst schools = [\n    { district:\"District I\", municipality:\"ADAMS\", name:\"Adams National High School\", schoolId:\"300001\", barangay:\"BRGY. Baraobao, Adams (POB.) , 2922 Adams , Ilocos Norte\", head:\"Andres, Arvijoy Cabasoy\", position:\"Teacher III\", phone:\"0946-941-2491\", email:\"arvijoycabasoy@yahoo.com\" },\n\n    { district:\"District I\", municipality:\"BACARRA\", name:\"Bacarra NCHS\", schoolId:\"300002\", barangay:\" T. Ver Street (Marcelo Dacuycuy Street), Barangay 1, Sta. Rita, Bacarra, 2916 Ilocos Norte, Philippines\", head:\"Galiza, Norberto Soriano\", position:\"School Principal III\", phone:\"0947-845-8427\", email:\"norberto.galiza@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"BACARRA\", name:\"Cabulalaan Integrated School\", schoolId:\"502712\", barangay:\"Barangay 33, Cabulalaan, Bacarra, Ilocos Norte, Philippines\", head:\"Rasay, Dominga Ancheta\", position:\"School Principal I\", phone:\"0920-958-9467\", email:\"cabulalaan_elementaryschool@yahooo.com\" },\n    { district:\"District I\", municipality:\"BACARRA\", name:\"Cadaratan National High School\", schoolId:\"300007\", barangay:\"Barangay 30 Cadaratan, Bacarra, 2916 Ilocos Norte, Philippines\", head:\"Baay, Benigno Ballad\", position:\"School Principal IV\", phone:\"0961-382-2664\", email:\"benigno.baay@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"BACARRA\", name:\"Tubburan Integrated School\", schoolId:\"502711\", barangay:\" Barangay Tubburan, Bacarra, Ilocos Norte, Philippines.\", head:\"Baxa, Rogelio Valite\", position:\"School Principal II\", phone:\"0999-992-7151\", email:\"arveebaxa@yahoo.com\" },\n\n    { district:\"District I\", municipality:\"BANGUI\", name:\"Banban NHS\", schoolId:\"320801\", barangay:\"Barangay Banban, Bangui, 2920, Ilocos Norte, Philippines\", head:\"Dubla, Garry Maralli\", position:\"School Principal I\", phone:\"0977-365-2199\", email:\"garry.dubla@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"BANGUI\", name:\"Bangui NHS\", schoolId:\"300003\", barangay:\"Brgy.San Lorenzo, Bangui,2920, Ilocos Norte,Philippines\", head:\"Manuel, Joel Barangan\", position:\"School Principal IV\", phone:\"0917-158-1969\", email:\"joel.manuel@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"BANGUI\", name:\"Lanao National High School\", schoolId:\"320802\", barangay:\"Brgy. Lanao, Bangui,2920, Ilocos Norte, Philippines\", head:\"Boado, Jerome Magarro\", position:\"School Principal II\", phone:\"0998-858-5815\", email:\"jerome.boado001@deped.gov.ph\" },\n\n    { district:\"District I\", municipality:\"BURGOS\", name:\"Burgos Agro-Industrial School\", schoolId:\"300006\", barangay:\"Barangay Bobon, Burgos, Ilocos Norte, Philippines\", head:\"Bautista, Angelito Tangonan\", position:\"School Principal II\", phone:\"0966-664-6488\", email:\"angelito.bautista@deped.gov.ph\" },\n\n    { district:\"District I\", municipality:\"CARASI\", name:\"Carasi NHS\", schoolId:\"300009\", barangay:\" Cawada Street, Carasi, Ilocos Norte, 2911, Philippines\", head:\"Salvador, Dennis Christopher Calaramo\", position:\"School Principal I\", phone:\"0915-266-0371\", email:\"Dhenz_salvador@yahoo.com\" },\n\n    { district:\"District I\", municipality:\"DUMALNEG\", name:\"Dumalneg NHS\", schoolId:\"300017\", barangay:\"Regta, Dumalneg, Ilocos Norte, 2921, Philippines\", head:\"Aguinaldo, Vanessa Balalio\", position:\"School Principal I\", phone:\"0998-581-3184\", email:\"vanessa.aguinaldo@deped.gov.ph\" },\n\n    { district:\"District I\", municipality:\"PAGUDPUD\", name:\"Luzong NHS\", schoolId:\"300019\", barangay:\"Brgy. Baduang, Pagudpud, Ilocos Norte, 2919, Philippines\", head:\"Acoba, Gladys Apostol\", position:\"School Principal IV\", phone:\"0939-902-7408\", email:\"gladys.acoba@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"PAGUDPUD\", name:\"Pagudpud NHS\", schoolId:\"300024\", barangay:\"Rizal St., Brgy. Poblacion 2, Pagudpud, Ilocos Norte, 2919, Philippines\", head:\"Acob, Neil Ericson Tungpalan\", position:\"School Principal I\", phone:\"0969-511-4154\", email:\"neilacob1972@gmail.com\" },\n    { district:\"District I\", municipality:\"PAGUDPUD\", name:\"Pasaleng National High School\", schoolId:\"300026\", barangay:\"Pasaleng, Pagudpud, Ilocos Norte, 2919, Philippines\", head:\"Sagucio, Ronwaldo Cabalonga\", position:\"Teacher III\", phone:\"0999-483-7349\", email:\"ronwaldo.sagucio001@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"PAGUDPUD\", name:\"Balaoi Integrated School\", schoolId:\"502581\", barangay:\"Proper 1, Balaoi, Pagudpud, Ilocos Norte, 2919, Philippines\", head:\"Lim, Liwliwa Ubasa\", position:\"Teacher III\", phone:\"0917-585-1965\", email:\"liwliwa.lim@deped.gov.ph\" },\n\n    { district:\"District I\", municipality:\"PASUQUIN\", name:\"Davila National High School\", schoolId:\"300014\", barangay:\"Brgy. Davila, Pasuquin, Ilocos Norte, 2917, Philippines\", head:\"Bitanga, Jeremias Viernes\", position:\"School Principal I\", phone:\"0968-513-3042\", email:\"jeremias.bitanga@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"PASUQUIN\", name:\"Ilocos Norte Agricultural College\", schoolId:\"300018\", barangay:\"Brgy. 18 San Isidro, Pasuquin, Ilocos Norte, 2917, Philippines\", head:\"Ratuita, Almer Anatolio Bermudez\", position:\"School Principal II\", phone:\"0916-239-3377\", email:\"allanratuita@yahoo.com\" },\n    { district:\"District I\", municipality:\"PASUQUIN\", name:\"Cababaan Integrated School\", schoolId:\"502747\", barangay:\"Brgy. Cababaan, Pasuquin, Ilocos Norte, 2917, Philippines\", head:\"Dancel, Sherwin Tagavilla\", position:\"Head Teacher III\", phone:\"0999-992-7139\", email:\"sherwin.dancel@deped.gov.ph\" },\n\n    { district:\"District I\", municipality:\"PIDDIG\", name:\"Piddig National High School\", schoolId:\"300016\", barangay:\"Brgy. 6, Tonoton, Piddig, Ilocos Norte, 2912, Philippines\", head:\"Villaluz, Jesse Juan Yuzon\", position:\"School Principal IV\", phone:\"0917-102-2189\", email:\"jessejuan.villaluz@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"PIDDIG\", name:\"Estancia Integrated School\", schoolId:\"502746\", barangay:\"Brgy. 18, Estancia, Piddig, Ilocos Norte, 2912, Philippines\", head:\"Hilario, Shineth Bondoc\", position:\"Teacher III\", phone:\"0960-554-1161\", email:\"shineth.hilario@deped.goc.ph\" },\n\n    { district:\"District I\", municipality:\"SARRAT\", name:\"Pandan IS\", schoolId:\"500592\", barangay:\"Pandan Rd, Brgy. Pandan, Sarrat, Ilocos Norte, 2914, Philippines\", head:\"Peralta, Angelina Arellano\", position:\"School Principal I\", phone:\"0998-542-2421\", email:\"angelina.peralta002@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"SARRAT\", name:\"Sarrat National High School\", schoolId:\"300029\", barangay:\"Magsaysay St., Brgy. 4, San Francisco, Sarrat, Ilocos Norte, 2914, Philippines\", head:\"Yap, Marietta Bueno\", position:\"School Principal IV\", phone:\"0917-855-6449\", email:\"d_mentor31@yahoo.com\" },\n    { district:\"District I\", municipality:\"SARRAT\", name:\"Sta. Rosa National High School\", schoolId:\"320816\", barangay:\"Brgy. 10 San Miguel, Sarrat, Ilocos Norte, 2914, Philippines\", head:\"Ballesteros, Rocky Maluyo\", position:\"School Principal I\", phone:\"0918-967-8577\", email:\"rocky.ballesteros001@deped.gov.ph\" },\n\n    { district:\"District I\", municipality:\"VINTAR\", name:\"Florentino Camaquin Integrated School\", schoolId:\"500591\", barangay:\"Brgy. 4 Sta. Maria, Vintar, Ilocos Norte, 2915, Philippines\", head:\"Puzon, Allan Guetteng\", position:\"School Principal III\", phone:\"0917-555-7605\", email:\"puzonallan@ymail.com\" },\n    { district:\"District I\", municipality:\"VINTAR\", name:\"Isic-Isic National High School\", schoolId:\"320821\", barangay:\"Brgy. 34 Isic-Isic, Sitio Tanap, Vintar,Ilocos Norte, 2915, Philippines\", head:\"Abaga, Jhon Rey Andrada\", position:\"Head Teacher III\", phone:\"0910-754-5645\", email:\"jhonrey.abaga@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"VINTAR\", name:\"Pallas Integrated School\", schoolId:\"500343\", barangay:\"Brgy. Bulbulala, Vintar, Ilocos Norte, 2915, Philippines\", head:\"Villanueva, Michael Agbayani\", position:\"School Principal I\", phone:\"0909-358-6157\", email:\"michael.villanueva001@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"VINTAR\", name:\"Salpad Integrated School\", schoolId:\"500344\", barangay:\"Brgy. 17 P.F. Alviar, Vintar, Ilocos Norte, 2915, Philippines\", head:\"Ramones, Jose Crisostomo Acob\", position:\"School Principal I\", phone:\"0962-154-0313\", email:\"josecrisostomo.ramones@deped.gov.ph\" },\n    { district:\"District I\", municipality:\"VINTAR\", name:\"Vintar NHS\", schoolId:\"300031\", barangay:\"Brgy. 25 Tamdagan, Vintar,Ilocos Norte, 2915, Philippines\", head:\"Puzon, Allan Guetteng\", position:\"School Principal III\", phone:\"0917-555-7605\", email:\"puzonallan@ymail.com\" },\n\n    { district:\"District II\", municipality:\"BADOC\", name:\"Caraitan Integrated School\", schoolId:\"500000\", barangay:\"Brgy. Caraitan, Badoc\", head:\"Agpoon, Maricon Pagurayan\", position:\"School Principal I\", phone:\"0960-274-6117\", email:\"maricon.agpoon@deped.com.ph\" },\n    { district:\"District II\", municipality:\"BADOC\", name:\"Nagrebcan NHS\", schoolId:\"300021\", barangay:\"Brgy. 15-B Alay, Badoc\", head:\"Demandante, Lanirose Mamuad\", position:\"School Principal III\", phone:\"0910-706-0956\", email:\"lanirose.demandante@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"BADOC\", name:\"Pagsanahan NHS\", schoolId:\"300023\", barangay:\"Brgy. 5-A Pagsanahan, Badoc\", head:\"Aurellano, Marisa Agapay\", position:\"School Principal III\", phone:\"0917-147-1366\", email:\"marisaaurellano@yahoo.com\" },\n\n    { district:\"District II\", municipality:\"BANNA (ESPIRITU)\", name:\"Banna National High School\", schoolId:\"300004\", barangay:\"Brgy. Valenciano, Banna, Ilocos Norte, 2908, Philippines\", head:\"Ruiz, Deney Ucol\", position:\"School Principal I\", phone:\"0951-044-6216\", email:\"deney.ruiz@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"BANNA (ESPIRITU)\", name:\"Caestebanan NHS\", schoolId:\"300008\", barangay:\"Brgy. Caestebanan, Banna, Ilocos Norte, 2908, Philippines\", head:\"Lacno, Julifel Coloma\", position:\"Head Teacher III\", phone:\"0930-554-4783\", email:\"julifel.coloma@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"BANNA (ESPIRITU)\", name:\"Caribquib NHS\", schoolId:\"300010\", barangay:\"Brgy. Caribquib, Banna, Ilocos Norte, 2908, Philippines\", head:\"Calano, Christopher Ibus\", position:\"School Principal I\", phone:\"0092-769-1314\", email:\"christopher.calano001@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"BANNA (ESPIRITU)\", name:\"Catagtaguen National High School\", schoolId:\"300011\", barangay:\"Brgy. Catagtaguen, Banna, Ilocos Norte, 2908, Philippines\", head:\"Andres, Joseph Romel Diaz\", position:\"School Principal IV\", phone:\"0917-183-7112\", email:\"joseph.andres@deped.gov.ph\" },\n\n    { district:\"District II\", municipality:\"CURRIMAO\", name:\"Currimao NHS\", schoolId:\"320805\", barangay:\"Brgy. Pias Norte, Currimao\", head:\"Abara, Marvin Quitog\", position:\"SHS Master Teacher I\", phone:\"0907-722-8325\", email:\"marvin.abara001@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"CURRIMAO\", name:\"Wilbur C. Go NHS\", schoolId:\"300013\", barangay:\"Brgy. Poblacion 2, Currimao\", head:\"Tabili, Daniel Davalos\", position:\"School Principal II\", phone:\"0999-558-3408\", email:\"daniel.tabili@deped.gov.ph\" },\n\n    { district:\"District II\", municipality:\"DINGRAS\", name:\"Bamasesamar NHS\", schoolId:\"320808\", barangay:\"Brgy. San Esteban, Dingras\", head:\"Tolentino, Ronnel Cambia\", position:\"Head Teacher III\", phone:\"0917-100-9880\", email:\"ronnel.tolentino@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"DINGRAS\", name:\"Barong NHS\", schoolId:\"320806\", barangay:\"Brgy. Barong, Dingras\", head:\"Lagatero, Jay Aguatis\", position:\"Head Teacher III\", phone:\"0995-714-0242\", email:\"jaylagatero5@gmail.com\" },\n    { district:\"District II\", municipality:\"DINGRAS\", name:\"Dingras NHS\", schoolId:\"300015\", barangay:\"Brgy. Madamba, Dingras\", head:\"Frez, Corazon Cruz\", position:\"School Principal IV\", phone:\"0917-555-0673\", email:\"corazon.frez@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"DINGRAS\", name:\"Lt. Edgar Foz NHS\", schoolId:\"320809\", barangay:\"Brgy. Sulquiano, Dingras\", head:\"Moises, Christine Edrada\", position:\"Teacher III\", phone:\"0946-814-5187\", email:\"edrada.christinemoises@gmail.com\" },\n    { district:\"District II\", municipality:\"DINGRAS\", name:\"San Marcelino National High School\", schoolId:\"320807\", barangay:\"Brgy. San Marcelino (Padong), Dingras\", head:\"Malana, Teresita Saladino\", position:\"School Principal I\", phone:\"0956-226-9189\", email:\"teresita.malana@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"DINGRAS\", name:\"Suyo National High School\", schoolId:\"320810\", barangay:\"Brgy. Suyo, Dingras\", head:\"Sarmiento, Amiel Dexter Batugal\", position:\"School Principal I\", phone:\"0946-601-7644\", email:\"amierl_wolf900@yahoo.com\" },\n\n    { district:\"District II\", municipality:\"MARCOS\", name:\"Agunit National High School\", schoolId:\"320811\", barangay:\"Brgy. Pacifico, Marcos, Ilocos Norte, 2907, Philippines\", head:\"Acoba, Eric Butac\", position:\"Master Teacher II\", phone:\"0968-513-6941\", email:\"eric.acoba@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"MARCOS\", name:\"Marcos NHS\", schoolId:\"300020\", barangay:\"Brgy. Poblacion, Marcos, Ilocos Norte, 2907, Philippines\", head:\"Benigno, Monica Agbuggo\", position:\"School Principal I\", phone:\"0945-134-6470\", email:\"monicabenigno@gmail.com\" },\n    { district:\"District II\", municipality:\"MARCOS\", name:\"Santiago NHS\", schoolId:\"320812\", barangay:\"Brgy. Poblacion, Marcos, Ilocos Norte, 2907, Philippines\", head:\"Martin, Romelia Manuel\", position:\"Head Teacher III\", phone:\"0930-919-8714\", email:\"romelia.martin@deped.gov.ph\" },\n\n    { district:\"District II\", municipality:\"NUEVA ERA\", name:\"Adriano P. Arzadon NHS\", schoolId:\"320820\", barangay:\"Brgy. Cabittauran, Nueva Era\", head:\"Gorospe, Myra Sheila Valido\", position:\"Head Teacher I\", phone:\"0927-436-4901\", email:\"myrasheila.gorospe@yahoo.com\" },\n    { district:\"District II\", municipality:\"NUEVA ERA\", name:\"Nueva Era National High School\", schoolId:\"300022\", barangay:\"Brgy. Poblacion, Nueva Era\", head:\"Andres, Marcelina Corpuz\", position:\"School Principal II\", phone:\"0917-307-7332\", email:\"marcelina.andres001@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"NUEVA ERA\", name:\"Uguis Integrated School\", schoolId:\"500594\", barangay:\"Brgy. 9 Uguis, Nueva Era\", head:\"Galut, Esperanza Balinsuec\", position:\"Teacher III\", phone:\"0926-673-1956\", email:\"espiegalut@gmail.com\" },\n    { district:\"District II\", municipality:\"NUEVA ERA\", name:\"Garnaden Integrated School\", schoolId:\"502582\", barangay:\"Brgy. Garnaden, Nueva Era\", head:\"Inong, Juvelyn Tayaoan\", position:\"Teacher III\", phone:\"0950-387-4956\", email:\"juvelyn.inong@deped.gov.ph\" },\n\n    { district:\"District II\", municipality:\"PAOAY\", name:\"Malaguip Integrated School\", schoolId:\"500345\", barangay:\"Brgy. Masintoc, Paoay\", head:\"Sadumiano, Reynerio Tolentino\", position:\"Head Teacher III\", phone:\"0925-741-3421\", email:\"reynersadumiano@gmail.com\" },\n    { district:\"District II\", municipality:\"PAOAY\", name:\"Paoay Lake NHS\", schoolId:\"300025\", barangay:\"Brgy. 22 Nagbacalan, Paoay\", head:\"Maddela, Rodolfo Gamol\", position:\"Head Teacher III\", phone:\"0968-513-7891\", email:\"rodolfo.maddela001@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"PAOAY\", name:\"Paoay National High School\", schoolId:\"320814\", barangay:\"Brgy. Paratong, Paoay\", head:\"Macadangdang, Jonathan Aguirre\", position:\"School Principal I\", phone:\"0968-513-7905\", email:\"jonathan.macadangdang@deped.gov.ph\" },\n\n    { district:\"District II\", municipality:\"PINILI\", name:\"Pinili NHS\", schoolId:\"300027\", barangay:\"Brgy. Darat, Pinili\", head:\"Pagdilao, Ethelbert Rambaud\", position:\"School Principal I\", phone:\"0967-399-6494\", email:\"ethelbert.pagdilao@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"PINILI\", name:\"Sacritan Integrated School\", schoolId:\"500593\", barangay:\"Brgy. Sacritan, Pinili\", head:\"Falible, Jenalyn Sunico\", position:\"Teacher III\", phone:\"0915-786-9756\", email:\"jenalyn.falible@deped.gov.ph.com\" },\n    { district:\"District II\", municipality:\"PINILI\", name:\"Sto. Tomas Integrated School\", schoolId:\"502750\", barangay:\"Brgy. Sto. Tomas, Pinili\", head:\"Sotilo, Maricel Pascua\", position:\"Head Teacher III\", phone:\"0993-676-2055\", email:\"maricel.pascua004@deped.gov.ph\" },\n\n    { district:\"District II\", municipality:\"SAN NICOLAS\", name:\"Bingao National High School\", schoolId:\"320815\", barangay:\"Brgy. 18 San Pedro (Bingao), San Nicolas,Ilocos Norte, 2901, Philippines\", head:\"Pasalo, Marilou Pagdilao\", position:\"School Principal I\", phone:\"0915-601-4996\", email:\"Mapasalo_04@yahoo.com\" },\n    { district:\"District II\", municipality:\"SAN NICOLAS\", name:\"San Nicolas NHS\", schoolId:\"300028\", barangay:\"Brgy. 24, San Nicolas,Ilocos Norte, 2901, Philippines\", head:\"Riego, Florante Romena\", position:\"School Principal IV\", phone:\"0933-815-6295\", email:\"florante.riego@deped.gov.ph\" },\n\n    { district:\"District II\", municipality:\"SOLSONA\", name:\"Bagbag Solsona National High School\", schoolId:\"320817\", barangay:\"Brgy. Bagbag, Solsona\", head:\"Dumlao, Gregorio Antonio\", position:\"Head Teacher III\", phone:\"0939-906-4533\", email:\"gregorio.dumlao001@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"SOLSONA\", name:\"Solsona National High School\", schoolId:\"300030\", barangay:\"Brgy. Manalpac, Solsona\", head:\"Benavedez, Romel Baradi\", position:\"School Principal IV\", phone:\"0998-981-4053\", email:\"romel.benavedez@deped.gov.ph\" },\n    { district:\"District II\", municipality:\"SOLSONA\", name:\"Talugtog Solsona National High School\", schoolId:\"320818\", barangay:\"Brgy. Talugtog, Solsona\", head:\"Padilla, Nancy Dela Cruz\", position:\"Head Teacher III\", phone:\"0919-992-8960\", email:\"nancy.padilla002@deped.gov.ph\" }\n];\n\n\/* =========================================================\n   DISTRICT \/ MUNICIPALITY LOOKUP (derived from the data)\n========================================================= *\/\n\nconst districts = {};\nschools.forEach(function(school){\n    if(!districts[school.district]) districts[school.district] = [];\n    if(districts[school.district].indexOf(school.municipality) === -1){\n        districts[school.district].push(school.municipality);\n    }\n});\nObject.keys(districts).forEach(function(d){ districts[d].sort(); });\n\nconst districtDescriptions = {\n    \"District I\": \"Northwestern and northern municipalities of Ilocos Norte.\",\n    \"District II\": \"Central and southern municipalities of Ilocos Norte.\"\n};\n\nlet currentDistrict = null;\nlet currentMunicipality = null;\nlet currentSchool = null;\nlet searchMode = false;\nlet searchQuery = \"\";\nlet detailSource = \"schools\"; \/\/ 'schools' or 'search'\n\n\/* ---------- helpers ---------- *\/\n\nfunction abbreviate(name){\n    const stop = [\"of\",\"the\",\"and\",\"na\",\"in\",\"for\"];\n    const cleaned = name.replace(\/\\(.*?\\)\/g,\"\").replace(\/[.,]\/g,\"\");\n    const words = cleaned.split(\/\\s+\/).filter(function(w){\n        return w && stop.indexOf(w.toLowerCase()) === -1;\n    });\n    let letters = words.map(function(w){ return w.charAt(0).toUpperCase(); }).join(\"\");\n    if(letters.length > 4) letters = letters.slice(0,4);\n    return letters || \"SC\";\n}\n\nfunction getSchoolCount(municipality){\n    return schools.filter(function(s){ return s.municipality === municipality; }).length;\n}\n\nfunction getDistrictSchoolCount(district){\n    return schools.filter(function(s){ return s.district === district; }).length;\n}\n\nfunction matchesQuery(school, q){\n    const haystack = [\n        school.name, school.municipality, school.district,\n        school.head, school.barangay, school.schoolId, school.email\n    ].join(\" \").toLowerCase();\n    return haystack.indexOf(q) !== -1;\n}\n\n\/* ---------- breadcrumbs ---------- *\/\n\nfunction renderBreadcrumbs(level){\n    let html = '<div class=\"breadcrumbs\"><span class=\"breadcrumb-link\" onclick=\"clearSearchAndShowDistricts()\">All districts<\/span>';\n\n    if(searchMode){\n        html += '<span class=\"breadcrumb-arrow\">\\u203A<\/span><span class=\"breadcrumb-current\">Search results<\/span>';\n        html += '<\/div>';\n        return html;\n    }\n\n    if(level >= 2){\n        html += '<span class=\"breadcrumb-arrow\">\\u203A<\/span><span class=\"breadcrumb-link\" onclick=\"showMunicipalities(\\'' + currentDistrict + '\\')\">' + currentDistrict + '<\/span>';\n    }\n    if(level >= 3){\n        html += '<span class=\"breadcrumb-arrow\">\\u203A<\/span><span class=\"breadcrumb-current\">' + currentMunicipality + '<\/span>';\n    }\n    html += '<\/div>';\n    return html;\n}\n\n\/* ---------- top-level views ---------- *\/\n\nfunction clearSearchAndShowDistricts(){\n    searchMode = false;\n    searchQuery = \"\";\n    const box = document.getElementById(\"globalSearch\");\n    if(box) box.value = \"\";\n    showDistricts();\n}\n\nfunction showDistricts(){\n    currentDistrict = null;\n    currentMunicipality = null;\n    currentSchool = null;\n\n    let html = renderBreadcrumbs(1);\n    html += '<div class=\"district-grid\">';\n\n    Object.keys(districts).forEach(function(districtName){\n        const schoolCount = getDistrictSchoolCount(districtName);\n        html += '' +\n            '<div class=\"district-card\">' +\n                '<div class=\"card-label\">SCHOOLS DIVISION DISTRICT<\/div>' +\n                '<h2>' + districtName + '<\/h2>' +\n                '<div class=\"district-description\">' + (districtDescriptions[districtName] || \"\") + '<\/div>' +\n                '<div class=\"district-count\">' + districts[districtName].length + ' municipalities \\u00B7 ' + schoolCount + ' secondary schools<\/div>' +\n                '<button class=\"view-link\" onclick=\"showMunicipalities(\\'' + districtName + '\\')\">View municipalities <span>\\u203A<\/span><\/button>' +\n            '<\/div>';\n    });\n\n    html += '<\/div>';\n    document.getElementById(\"directoryContent\").innerHTML = html;\n}\n\nfunction showMunicipalities(districtName){\n    searchMode = false;\n    searchQuery = \"\";\n    const box = document.getElementById(\"globalSearch\");\n    if(box) box.value = \"\";\n\n    currentDistrict = districtName;\n    currentMunicipality = null;\n    currentSchool = null;\n\n    let html = renderBreadcrumbs(2);\n    html += '<h1 class=\"page-title\">' + districtName + '<\/h1>';\n    html += '<div class=\"school-count-text\">Select a municipality to view its secondary schools.<\/div>';\n    html += '<div class=\"municipality-grid\">';\n\n    districts[districtName].forEach(function(municipality){\n        const count = getSchoolCount(municipality);\n        html += '' +\n            '<div class=\"municipality-card\">' +\n                '<div class=\"location-icon\"><\/div>' +\n                '<h2>' + municipality + '<\/h2>' +\n                '<div class=\"municipality-count\">' + count + ' secondary school' + (count === 1 ? \"\" : \"s\") + '<\/div>' +\n                '<button class=\"view-link\" onclick=\"showSchools(\\'' + districtName + '\\',\\'' + municipality.replace(\/'\/g,\"\\\\'\") + '\\')\">View schools <span>\\u203A<\/span><\/button>' +\n            '<\/div>';\n    });\n\n    html += '<\/div>';\n    document.getElementById(\"directoryContent\").innerHTML = html;\n}\n\nfunction showSchools(districtName, municipality){\n    searchMode = false;\n    searchQuery = \"\";\n    const box = document.getElementById(\"globalSearch\");\n    if(box) box.value = \"\";\n\n    currentDistrict = districtName;\n    currentMunicipality = municipality;\n    currentSchool = null;\n    renderSchools();\n}\n\nfunction renderSchools(){\n    const municipalitySchools = schools.filter(function(s){\n        return s.district === currentDistrict && s.municipality === currentMunicipality;\n    });\n\n    let html = renderBreadcrumbs(3);\n    html += '<h1 class=\"page-title\">Secondary Schools in ' + currentMunicipality + '<\/h1>';\n    html += '<div class=\"school-count-text\">' + municipalitySchools.length + ' secondary school' + (municipalitySchools.length === 1 ? \"\" : \"s\") + ' found in ' + currentMunicipality + '<\/div>';\n    html += '<div class=\"school-grid\">';\n\n    if(municipalitySchools.length === 0){\n        html += '<div class=\"no-schools\">No secondary-school record is available for ' + currentMunicipality + '.<\/div>';\n    }\n\n    municipalitySchools.forEach(function(school){\n        html += createSchoolCard(school, false);\n    });\n\n    html += '<\/div>';\n    document.getElementById(\"directoryContent\").innerHTML = html;\n}\n\n\/* ---------- search ---------- *\/\n\nfunction handleGlobalSearch(value){\n    const q = value.trim().toLowerCase();\n    if(q === \"\"){\n        searchMode = false;\n        searchQuery = \"\";\n        showDistricts();\n        return;\n    }\n    searchMode = true;\n    searchQuery = q;\n    renderSearchResults();\n}\n\nfunction renderSearchResults(){\n    const results = schools.filter(function(s){ return matchesQuery(s, searchQuery); });\n\n    let html = renderBreadcrumbs(1);\n    html += '<button type=\"button\" class=\"clear-search-button\" onclick=\"clearSearchAndShowDistricts()\">\\u2190 Back to All Districts<\/button>';\n    html += '<h1 class=\"page-title\">Search Results<\/h1>';\n    html += '<div class=\"school-count-text\">' + results.length + ' school' + (results.length === 1 ? \"\" : \"s\") + ' matching your search<\/div>';\n    html += '<div class=\"school-grid\">';\n\n    if(results.length === 0){\n        html += '<div class=\"no-results\">No matching school was found. Try a different name, municipality, or school head.<\/div>';\n    }\n\n    results.forEach(function(school){\n        html += createSchoolCard(school, true);\n    });\n\n    html += '<\/div>';\n    document.getElementById(\"directoryContent\").innerHTML = html;\n}\n\n\/* ---------- cards & detail ---------- *\/\n\nfunction createSchoolCard(school, fromSearch){\n    const abbr = abbreviate(school.name);\n    const districtTag = fromSearch ? '<span class=\"school-tag district-tag\">' + school.district + '<\/span>' : '';\n    return '' +\n        '<div class=\"school-card\">' +\n            '<div class=\"school-header\">' +\n                '<div class=\"school-logo\">' + abbr + '<\/div>' +\n                '<div class=\"school-title-area\">' +\n                    '<h2 class=\"school-name\">' + school.name + '<\/h2>' +\n                    '<div class=\"school-tags\">' +\n                        '<span class=\"school-tag location\">' + school.barangay + '<\/span>' +\n                        districtTag +\n                    '<\/div>' +\n                '<\/div>' +\n            '<\/div>' +\n            '<div class=\"school-info\">' +\n                '<div class=\"info-row\"><span class=\"info-icon\">\\uD83C\\uDD94<\/span><span>School ID: ' + (school.schoolId || 'Not available') + '<\/span><\/div>' +\n                '<div class=\"info-row\"><span class=\"info-icon\">\\uD83D\\uDC64<\/span><span>' + school.head + '<\/span><\/div>' +\n                '<div class=\"info-row\"><span class=\"info-icon\">\\uD83D\\uDCBC<\/span><span>' + school.position + '<\/span><\/div>' +\n                '<div class=\"info-row\"><span class=\"info-icon\">\\u260E<\/span><span>' + school.phone + '<\/span><\/div>' +\n                '<div class=\"info-row\"><span class=\"info-icon\">\\u2709<\/span><span>' + school.email + '<\/span><\/div>' +\n            '<\/div>' +\n            '<button class=\"details-button\" onclick=\"showSchoolDetails(\\'' + school.schoolId + '\\', ' + fromSearch + ')\">View details<\/button>' +\n        '<\/div>';\n}\n\nfunction showSchoolDetails(schoolId, fromSearch){\n    currentSchool = schoolId;\n    detailSource = fromSearch ? \"search\" : \"schools\";\n\n    const school = schools.find(function(s){ return s.schoolId === schoolId; });\n    if(!school) return;\n\n    let html = renderBreadcrumbs(searchMode ? 1 : 3);\n    html += '<button class=\"back-button\" onclick=\"backFromDetail()\">\\u2190 Back<\/button>';\n    html += '' +\n        '<div class=\"school-detail\">' +\n            '<div class=\"detail-header\">' +\n                '<div class=\"detail-logo\">' + abbreviate(school.name) + '<\/div>' +\n                '<div>' +\n                    '<h1 class=\"detail-school-name\">' + school.name + '<\/h1>' +\n                    '<div class=\"school-tags\">' +\n                        '<span class=\"school-tag location\">' + school.barangay + '<\/span>' +\n                        '<span class=\"school-tag district-tag\">' + school.district + ' \\u2013 ' + school.municipality + '<\/span>' +\n                    '<\/div>' +\n                '<\/div>' +\n            '<\/div>' +\n            '<div class=\"detail-section\">' +\n                '<h3>School Information<\/h3>' +\n                '<div class=\"detail-info-row\"><strong>School ID:<\/strong> ' + (school.schoolId || 'Not available') + '<\/div>' +\n                '<div class=\"detail-info-row\"><strong>School Head:<\/strong> ' + school.head + '<\/div>' +\n                '<div class=\"detail-info-row\"><strong>Position:<\/strong> ' + school.position + '<\/div>' +\n                '<div class=\"detail-info-row\"><strong>Contact Number:<\/strong> ' + school.phone + '<\/div>' +\n                '<div class=\"detail-info-row\"><strong>Email:<\/strong> ' + school.email + '<\/div>' +\n            '<\/div>' +\n        '<\/div>';\n\n   document.getElementById(\"directoryContent\").innerHTML = html;\n}\n\nfunction backFromDetail(){\n    if(detailSource === \"search\"){\n        renderSearchResults();\n    } else {\n        renderSchools();\n    }\n}\n\n\/* ---------- wire up search input ---------- *\/\n\ndocument.getElementById(\"globalSearch\").addEventListener(\"input\", function(e){\n    handleGlobalSearch(e.target.value);\n});\n\nshowDistricts();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":2172,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2230","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/comments?post=2230"}],"version-history":[{"count":165,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2230\/revisions"}],"predecessor-version":[{"id":3061,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2230\/revisions\/3061"}],"up":[{"embeddable":true,"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/pages\/2172"}],"wp:attachment":[{"href":"https:\/\/depedilocosnorte.com\/sdoin\/index.php\/wp-json\/wp\/v2\/media?parent=2230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}