{"Name":"Branch Locater","0":"Branch Locater","IsPublished":1,"1":1,"LanguageId":1,"2":1,"Type":"1","3":"1","PageTitle":"Branch Locater","4":"Branch Locater","PageContent":"<style>\n  :root{\n    --navy:#0f2a4a;\n    --steel:#1e5c97;\n    --teal:#0ea5a0;\n    --bg:#f4f7fa;\n    --card:#ffffff;\n    --line:#e2e8f0;\n    --ink:#1c2733;\n    --muted:#64748b;\n    --mono:'JetBrains Mono','Courier New',monospace;\n  }\n\n  *{box-sizing:border-box;}\n\n  .bd-wrap{\n    background:var(--bg);\n    font-family:'Inter',Segoe UI,Tahoma,sans-serif;\n    color:var(--ink);\n    padding:32px 20px 60px;\n    min-height:100vh;\n  }\n\n  .bd-header{\n    max-width:1100px;\n    margin:0 auto 28px;\n    display:flex;\n    align-items:flex-end;\n    justify-content:space-between;\n    flex-wrap:wrap;\n    gap:16px;\n    border-bottom:2px solid var(--navy);\n    padding-bottom:18px;\n  }\n\n  .bd-header .eyebrow{\n    font-family:var(--mono);\n    font-size:12px;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    color:var(--teal);\n    margin:0 0 6px;\n    font-weight:600;\n  }\n\n  .bd-header h1{\n    font-family:'Space Grotesk','Segoe UI',sans-serif;\n    font-size:30px;\n    font-weight:700;\n    margin:0;\n    color:var(--navy);\n    letter-spacing:-.01em;\n  }\n\n  .bd-header .count-pill{\n    font-family:var(--mono);\n    font-size:13px;\n    background:var(--navy);\n    color:#fff;\n    padding:8px 14px;\n    border-radius:20px;\n    white-space:nowrap;\n  }\n\n  .bd-controls{\n    max-width:1100px;\n    margin:0 auto 24px;\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:14px;\n  }\n\n  .bd-field label{\n    display:block;\n    font-size:11px;\n    font-weight:700;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n    color:var(--muted);\n    margin-bottom:6px;\n  }\n\n  .bd-field select,\n  .bd-field input{\n    width:100%;\n    padding:12px 14px;\n    border:1.5px solid var(--line);\n    border-radius:8px;\n    background:#fff;\n    font-size:15px;\n    font-family:inherit;\n    color:var(--ink);\n    outline:none;\n    transition:border-color .2s, box-shadow .2s;\n  }\n\n  .bd-field select:focus,\n  .bd-field input:focus{\n    border-color:var(--steel);\n    box-shadow:0 0 0 3px rgba(30,92,151,.15);\n  }\n\n  .bd-grid{\n    max-width:1100px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));\n    gap:16px;\n  }\n\n  .bd-card{\n    background:var(--card);\n    border:1px solid var(--line);\n    border-radius:12px;\n    overflow:hidden;\n    box-shadow:0 1px 2px rgba(15,42,74,.05);\n    transition:transform .18s ease, box-shadow .18s ease;\n    display:flex;\n    flex-direction:column;\n  }\n\n  .bd-card:hover{\n    transform:translateY(-3px);\n    box-shadow:0 10px 24px rgba(15,42,74,.12);\n  }\n\n  .bd-card-top{\n    background:linear-gradient(135deg,var(--navy),var(--steel));\n    padding:14px 16px;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:10px;\n  }\n\n  .bd-card-top .branch-name{\n    color:#fff;\n    font-family:'Space Grotesk','Segoe UI',sans-serif;\n    font-weight:700;\n    font-size:16px;\n    letter-spacing:.01em;\n  }\n\n  .bd-card-top .branch-code{\n    font-family:var(--mono);\n    font-size:11px;\n    color:rgba(255,255,255,.85);\n    background:rgba(255,255,255,.15);\n    padding:3px 8px;\n    border-radius:12px;\n    white-space:nowrap;\n  }\n\n  .bd-card-body{\n    padding:14px 16px 16px;\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n    flex:1;\n  }\n\n  .bd-row{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:10px;\n  }\n\n  .bd-row .k{\n    font-size:11px;\n    text-transform:uppercase;\n    letter-spacing:.07em;\n    color:var(--muted);\n    font-weight:700;\n    flex-shrink:0;\n  }\n\n  .bd-row .v{\n    font-family:var(--mono);\n    font-size:13.5px;\n    color:var(--ink);\n    text-align:right;\n    font-weight:600;\n  }\n\n  .bd-copy-btn{\n    border:1px solid var(--line);\n    background:#f8fafc;\n    color:var(--steel);\n    font-family:var(--mono);\n    font-size:12px;\n    padding:5px 9px;\n    border-radius:6px;\n    cursor:pointer;\n    transition:.15s;\n    flex-shrink:0;\n  }\n\n  .bd-copy-btn:hover{\n    background:var(--teal);\n    border-color:var(--teal);\n    color:#fff;\n  }\n\n  .bd-copy-btn.copied{\n    background:var(--navy);\n    border-color:var(--navy);\n    color:#fff;\n  }\n\n  .bd-address{\n    border-top:1px dashed var(--line);\n    padding-top:10px;\n    margin-top:2px;\n    font-size:13px;\n    color:var(--muted);\n    line-height:1.4;\n  }\n\n  .bd-empty{\n    max-width:1100px;\n    margin:40px auto;\n    text-align:center;\n    color:var(--muted);\n    font-size:14px;\n  }\n\n  @media(max-width:640px){\n    .bd-controls{grid-template-columns:1fr;}\n    .bd-header{flex-direction:column;align-items:flex-start;}\n  }\n<\/style>\n\n<div class=\"bd-wrap\">\n\n  <div class=\"bd-header\">\n    <div>\n      <p class=\"eyebrow\">Branch &amp; IFSC Directory<\/p>\n      <h1>Find a branch<\/h1>\n    <\/div>\n    <div class=\"count-pill\" id=\"bdCount\">12 branches<\/div>\n  <\/div>\n\n  <div class=\"bd-controls\">\n    <div class=\"bd-field\">\n      <label for=\"bdDistrict\">District<\/label>\n      <select id=\"bdDistrict\">\n        <option value=\"ALL\">All Districts<\/option>\n        <option value=\"BOKARO\">BOKARO<\/option>\n        <option value=\"CHATRA\">CHATRA<\/option>\n        <option value=\"DEOGHAR\">DEOGHAR<\/option>\n        <option value=\"DUMKA\">DUMKA<\/option>\n        <option value=\"GIRIDIH\">GIRIDIH<\/option>\n        <option value=\"GODDA\">GODDA<\/option>\n        <option value=\"GUMLA\">GUMLA<\/option>\n        <option value=\"HAZARIBAG\">HAZARIBAG<\/option>\n        <option value=\"JAMTARA\">JAMTARA<\/option>\n        <option value=\"KHUNTI\">KHUNTI<\/option>\n        <option value=\"KODERMA\">KODERMA<\/option>\n        <option value=\"LOHARDAGGA\">LOHARDAGGA<\/option>\n        <option value=\"PAKUR\">PAKUR<\/option>\n        <option value=\"PASCHIMI SINGHBHUM\">PASCHIMI SINGHBHUM<\/option>\n        <option value=\"PURBI SINGHBHUM\" selected>PURBI SINGHBHUM \/ RANCHI<\/option>\n        <option value=\"RAMGARH\">RAMGARH<\/option>\n        <option value=\"RANCHI\">RANCHI<\/option>\n        <option value=\"SAHEBGANJ\">SAHEBGANJ<\/option>\n        <option value=\"SERAIKELA-KHARSAWAN\">SERAIKELA-KHARSAWAN<\/option>\n        <option value=\"SIMDEGA\">SIMDEGA<\/option>\n      <\/select>\n    <\/div>\n    <div class=\"bd-field\">\n      <label for=\"bdSearch\">Search branch, IFSC or address<\/label>\n      <input type=\"text\" id=\"bdSearch\" placeholder=\"e.g. HATIA or IBKL063JS69\">\n    <\/div>\n  <\/div>\n\n  <div class=\"bd-grid\" id=\"bdGrid\"><\/div>\n  <p class=\"bd-empty\" id=\"bdEmpty\" style=\"display:none;\">No branches match your search.<\/p>\n\n<\/div>\n\n<script>\n(function(){\n  var branches = [\n    {name:\"BERO\", code:\"1007\", ifsc:\"IBKL063JS69\", micr:\"834735009\", address:\"Zila Parishad Bhawan, Bero - 835202\"},\n    {name:\"BUNDU\", code:\"1012\", ifsc:\"IBKL063JS74\", micr:\"834735014\", address:\"Sita Ram Comple, Thana Road, Bundu - 835204\"},\n    {name:\"HATIA\", code:\"1122\", ifsc:\"IBKL063JS77\", micr:\"834735002\", address:\"Indira Palace, Hinoo, Ranchi\"},\n    {name:\"HATIA RANCHI\", code:\"1004\", ifsc:\"IBKL063JS66\", micr:\"834735006\", address:\"Matsya nidesalaya opposite shalimar bazar, Dhurwa Ranchi - 834003\"},\n    {name:\"IRBA\", code:\"1006\", ifsc:\"IBKL063JS68\", micr:\"834735008\", address:\"B.I.T. More, Mesra - 835238\"},\n    {name:\"JAWAN BHAWAN\", code:\"1002\", ifsc:\"IBKL063JS64\", micr:\"834735004\", address:\"Sainik Bazar, Main Road, Ranchi - 834001\"},\n    {name:\"MANDAR\", code:\"1009\", ifsc:\"IBKL063JS71\", micr:\"834735011\", address:\"Bazar Tanr, Mandar - 835214\"},\n    {name:\"PANDRA\", code:\"1003\", ifsc:\"IBKL063JS65\", micr:\"834735005\", address:\"Krishi Bazar Samitee, Pandra - 835222\"},\n    {name:\"RANCHI MAIN BRANCH\", code:\"1001\", ifsc:\"IBKL063JS63\", micr:\"834735003\", address:\"SHAHID CHOWK, RANCHI- 834001\"},\n    {name:\"SILLI\", code:\"1008\", ifsc:\"IBKL063JS70\", micr:\"834735010\", address:\"Main Road, Silli - 835102\"},\n    {name:\"TAMAR\", code:\"1013\", ifsc:\"IBKL063JS75\", micr:\"834735015\", address:\"Near Hat Bazar, Tamar - 835225\"},\n    {name:\"TATISILWAI\", code:\"1005\", ifsc:\"IBKL063JS67\", micr:\"834735007\", address:\"Main Road, Tatisilway - 835103\"}\n  ];\n\n  var grid = document.getElementById('bdGrid');\n  var empty = document.getElementById('bdEmpty');\n  var countPill = document.getElementById('bdCount');\n  var districtSel = document.getElementById('bdDistrict');\n  var searchInput = document.getElementById('bdSearch');\n\n  function card(b){\n    var el = document.createElement('div');\n    el.className = 'bd-card';\n    el.innerHTML =\n      '<div class=\"bd-card-top\">' +\n        '<span class=\"branch-name\">' + b.name + '<\/span>' +\n        '<span class=\"branch-code\">#' + b.code + '<\/span>' +\n      '<\/div>' +\n      '<div class=\"bd-card-body\">' +\n        '<div class=\"bd-row\">' +\n          '<span class=\"k\">IFSC<\/span>' +\n          '<span class=\"v\">' + b.ifsc + '<\/span>' +\n          '<button class=\"bd-copy-btn\" data-copy=\"' + b.ifsc + '\">Copy<\/button>' +\n        '<\/div>' +\n        '<div class=\"bd-row\">' +\n          '<span class=\"k\">MICR<\/span>' +\n          '<span class=\"v\">' + b.micr + '<\/span>' +\n        '<\/div>' +\n        '<div class=\"bd-address\">' + b.address + '<\/div>' +\n      '<\/div>';\n    return el;\n  }\n\n  function render(){\n    var q = searchInput.value.trim().toLowerCase();\n    var district = districtSel.value;\n    grid.innerHTML = '';\n    var shown = 0;\n\n    branches.forEach(function(b){\n      var matchesDistrict = (district === 'ALL' || district === 'RANCHI' || district === 'PURBI SINGHBHUM');\n      var haystack = (b.name + ' ' + b.ifsc + ' ' + b.micr + ' ' + b.address).toLowerCase();\n      var matchesSearch = q === '' || haystack.indexOf(q) !== -1;\n\n      if(matchesDistrict && matchesSearch){\n        grid.appendChild(card(b));\n        shown++;\n      }\n    });\n\n    countPill.textContent = shown + (shown === 1 ? ' branch' : ' branches');\n    empty.style.display = shown === 0 ? 'block' : 'none';\n  }\n\n  grid.addEventListener('click', function(e){\n    var btn = e.target.closest('.bd-copy-btn');\n    if(!btn) return;\n    var text = btn.getAttribute('data-copy');\n    navigator.clipboard.writeText(text).then(function(){\n      var original = btn.textContent;\n      btn.textContent = 'Copied';\n      btn.classList.add('copied');\n      setTimeout(function(){\n        btn.textContent = original;\n        btn.classList.remove('copied');\n      }, 1200);\n    });\n  });\n\n  districtSel.addEventListener('change', render);\n  searchInput.addEventListener('input', render);\n\n  render();\n})();\n<\/script>","5":"<style>\n  :root{\n    --navy:#0f2a4a;\n    --steel:#1e5c97;\n    --teal:#0ea5a0;\n    --bg:#f4f7fa;\n    --card:#ffffff;\n    --line:#e2e8f0;\n    --ink:#1c2733;\n    --muted:#64748b;\n    --mono:'JetBrains Mono','Courier New',monospace;\n  }\n\n  *{box-sizing:border-box;}\n\n  .bd-wrap{\n    background:var(--bg);\n    font-family:'Inter',Segoe UI,Tahoma,sans-serif;\n    color:var(--ink);\n    padding:32px 20px 60px;\n    min-height:100vh;\n  }\n\n  .bd-header{\n    max-width:1100px;\n    margin:0 auto 28px;\n    display:flex;\n    align-items:flex-end;\n    justify-content:space-between;\n    flex-wrap:wrap;\n    gap:16px;\n    border-bottom:2px solid var(--navy);\n    padding-bottom:18px;\n  }\n\n  .bd-header .eyebrow{\n    font-family:var(--mono);\n    font-size:12px;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    color:var(--teal);\n    margin:0 0 6px;\n    font-weight:600;\n  }\n\n  .bd-header h1{\n    font-family:'Space Grotesk','Segoe UI',sans-serif;\n    font-size:30px;\n    font-weight:700;\n    margin:0;\n    color:var(--navy);\n    letter-spacing:-.01em;\n  }\n\n  .bd-header .count-pill{\n    font-family:var(--mono);\n    font-size:13px;\n    background:var(--navy);\n    color:#fff;\n    padding:8px 14px;\n    border-radius:20px;\n    white-space:nowrap;\n  }\n\n  .bd-controls{\n    max-width:1100px;\n    margin:0 auto 24px;\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:14px;\n  }\n\n  .bd-field label{\n    display:block;\n    font-size:11px;\n    font-weight:700;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n    color:var(--muted);\n    margin-bottom:6px;\n  }\n\n  .bd-field select,\n  .bd-field input{\n    width:100%;\n    padding:12px 14px;\n    border:1.5px solid var(--line);\n    border-radius:8px;\n    background:#fff;\n    font-size:15px;\n    font-family:inherit;\n    color:var(--ink);\n    outline:none;\n    transition:border-color .2s, box-shadow .2s;\n  }\n\n  .bd-field select:focus,\n  .bd-field input:focus{\n    border-color:var(--steel);\n    box-shadow:0 0 0 3px rgba(30,92,151,.15);\n  }\n\n  .bd-grid{\n    max-width:1100px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));\n    gap:16px;\n  }\n\n  .bd-card{\n    background:var(--card);\n    border:1px solid var(--line);\n    border-radius:12px;\n    overflow:hidden;\n    box-shadow:0 1px 2px rgba(15,42,74,.05);\n    transition:transform .18s ease, box-shadow .18s ease;\n    display:flex;\n    flex-direction:column;\n  }\n\n  .bd-card:hover{\n    transform:translateY(-3px);\n    box-shadow:0 10px 24px rgba(15,42,74,.12);\n  }\n\n  .bd-card-top{\n    background:linear-gradient(135deg,var(--navy),var(--steel));\n    padding:14px 16px;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:10px;\n  }\n\n  .bd-card-top .branch-name{\n    color:#fff;\n    font-family:'Space Grotesk','Segoe UI',sans-serif;\n    font-weight:700;\n    font-size:16px;\n    letter-spacing:.01em;\n  }\n\n  .bd-card-top .branch-code{\n    font-family:var(--mono);\n    font-size:11px;\n    color:rgba(255,255,255,.85);\n    background:rgba(255,255,255,.15);\n    padding:3px 8px;\n    border-radius:12px;\n    white-space:nowrap;\n  }\n\n  .bd-card-body{\n    padding:14px 16px 16px;\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n    flex:1;\n  }\n\n  .bd-row{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:10px;\n  }\n\n  .bd-row .k{\n    font-size:11px;\n    text-transform:uppercase;\n    letter-spacing:.07em;\n    color:var(--muted);\n    font-weight:700;\n    flex-shrink:0;\n  }\n\n  .bd-row .v{\n    font-family:var(--mono);\n    font-size:13.5px;\n    color:var(--ink);\n    text-align:right;\n    font-weight:600;\n  }\n\n  .bd-copy-btn{\n    border:1px solid var(--line);\n    background:#f8fafc;\n    color:var(--steel);\n    font-family:var(--mono);\n    font-size:12px;\n    padding:5px 9px;\n    border-radius:6px;\n    cursor:pointer;\n    transition:.15s;\n    flex-shrink:0;\n  }\n\n  .bd-copy-btn:hover{\n    background:var(--teal);\n    border-color:var(--teal);\n    color:#fff;\n  }\n\n  .bd-copy-btn.copied{\n    background:var(--navy);\n    border-color:var(--navy);\n    color:#fff;\n  }\n\n  .bd-address{\n    border-top:1px dashed var(--line);\n    padding-top:10px;\n    margin-top:2px;\n    font-size:13px;\n    color:var(--muted);\n    line-height:1.4;\n  }\n\n  .bd-empty{\n    max-width:1100px;\n    margin:40px auto;\n    text-align:center;\n    color:var(--muted);\n    font-size:14px;\n  }\n\n  @media(max-width:640px){\n    .bd-controls{grid-template-columns:1fr;}\n    .bd-header{flex-direction:column;align-items:flex-start;}\n  }\n<\/style>\n\n<div class=\"bd-wrap\">\n\n  <div class=\"bd-header\">\n    <div>\n      <p class=\"eyebrow\">Branch &amp; IFSC Directory<\/p>\n      <h1>Find a branch<\/h1>\n    <\/div>\n    <div class=\"count-pill\" id=\"bdCount\">12 branches<\/div>\n  <\/div>\n\n  <div class=\"bd-controls\">\n    <div class=\"bd-field\">\n      <label for=\"bdDistrict\">District<\/label>\n      <select id=\"bdDistrict\">\n        <option value=\"ALL\">All Districts<\/option>\n        <option value=\"BOKARO\">BOKARO<\/option>\n        <option value=\"CHATRA\">CHATRA<\/option>\n        <option value=\"DEOGHAR\">DEOGHAR<\/option>\n        <option value=\"DUMKA\">DUMKA<\/option>\n        <option value=\"GIRIDIH\">GIRIDIH<\/option>\n        <option value=\"GODDA\">GODDA<\/option>\n        <option value=\"GUMLA\">GUMLA<\/option>\n        <option value=\"HAZARIBAG\">HAZARIBAG<\/option>\n        <option value=\"JAMTARA\">JAMTARA<\/option>\n        <option value=\"KHUNTI\">KHUNTI<\/option>\n        <option value=\"KODERMA\">KODERMA<\/option>\n        <option value=\"LOHARDAGGA\">LOHARDAGGA<\/option>\n        <option value=\"PAKUR\">PAKUR<\/option>\n        <option value=\"PASCHIMI SINGHBHUM\">PASCHIMI SINGHBHUM<\/option>\n        <option value=\"PURBI SINGHBHUM\" selected>PURBI SINGHBHUM \/ RANCHI<\/option>\n        <option value=\"RAMGARH\">RAMGARH<\/option>\n        <option value=\"RANCHI\">RANCHI<\/option>\n        <option value=\"SAHEBGANJ\">SAHEBGANJ<\/option>\n        <option value=\"SERAIKELA-KHARSAWAN\">SERAIKELA-KHARSAWAN<\/option>\n        <option value=\"SIMDEGA\">SIMDEGA<\/option>\n      <\/select>\n    <\/div>\n    <div class=\"bd-field\">\n      <label for=\"bdSearch\">Search branch, IFSC or address<\/label>\n      <input type=\"text\" id=\"bdSearch\" placeholder=\"e.g. HATIA or IBKL063JS69\">\n    <\/div>\n  <\/div>\n\n  <div class=\"bd-grid\" id=\"bdGrid\"><\/div>\n  <p class=\"bd-empty\" id=\"bdEmpty\" style=\"display:none;\">No branches match your search.<\/p>\n\n<\/div>\n\n<script>\n(function(){\n  var branches = [\n    {name:\"BERO\", code:\"1007\", ifsc:\"IBKL063JS69\", micr:\"834735009\", address:\"Zila Parishad Bhawan, Bero - 835202\"},\n    {name:\"BUNDU\", code:\"1012\", ifsc:\"IBKL063JS74\", micr:\"834735014\", address:\"Sita Ram Comple, Thana Road, Bundu - 835204\"},\n    {name:\"HATIA\", code:\"1122\", ifsc:\"IBKL063JS77\", micr:\"834735002\", address:\"Indira Palace, Hinoo, Ranchi\"},\n    {name:\"HATIA RANCHI\", code:\"1004\", ifsc:\"IBKL063JS66\", micr:\"834735006\", address:\"Matsya nidesalaya opposite shalimar bazar, Dhurwa Ranchi - 834003\"},\n    {name:\"IRBA\", code:\"1006\", ifsc:\"IBKL063JS68\", micr:\"834735008\", address:\"B.I.T. More, Mesra - 835238\"},\n    {name:\"JAWAN BHAWAN\", code:\"1002\", ifsc:\"IBKL063JS64\", micr:\"834735004\", address:\"Sainik Bazar, Main Road, Ranchi - 834001\"},\n    {name:\"MANDAR\", code:\"1009\", ifsc:\"IBKL063JS71\", micr:\"834735011\", address:\"Bazar Tanr, Mandar - 835214\"},\n    {name:\"PANDRA\", code:\"1003\", ifsc:\"IBKL063JS65\", micr:\"834735005\", address:\"Krishi Bazar Samitee, Pandra - 835222\"},\n    {name:\"RANCHI MAIN BRANCH\", code:\"1001\", ifsc:\"IBKL063JS63\", micr:\"834735003\", address:\"SHAHID CHOWK, RANCHI- 834001\"},\n    {name:\"SILLI\", code:\"1008\", ifsc:\"IBKL063JS70\", micr:\"834735010\", address:\"Main Road, Silli - 835102\"},\n    {name:\"TAMAR\", code:\"1013\", ifsc:\"IBKL063JS75\", micr:\"834735015\", address:\"Near Hat Bazar, Tamar - 835225\"},\n    {name:\"TATISILWAI\", code:\"1005\", ifsc:\"IBKL063JS67\", micr:\"834735007\", address:\"Main Road, Tatisilway - 835103\"}\n  ];\n\n  var grid = document.getElementById('bdGrid');\n  var empty = document.getElementById('bdEmpty');\n  var countPill = document.getElementById('bdCount');\n  var districtSel = document.getElementById('bdDistrict');\n  var searchInput = document.getElementById('bdSearch');\n\n  function card(b){\n    var el = document.createElement('div');\n    el.className = 'bd-card';\n    el.innerHTML =\n      '<div class=\"bd-card-top\">' +\n        '<span class=\"branch-name\">' + b.name + '<\/span>' +\n        '<span class=\"branch-code\">#' + b.code + '<\/span>' +\n      '<\/div>' +\n      '<div class=\"bd-card-body\">' +\n        '<div class=\"bd-row\">' +\n          '<span class=\"k\">IFSC<\/span>' +\n          '<span class=\"v\">' + b.ifsc + '<\/span>' +\n          '<button class=\"bd-copy-btn\" data-copy=\"' + b.ifsc + '\">Copy<\/button>' +\n        '<\/div>' +\n        '<div class=\"bd-row\">' +\n          '<span class=\"k\">MICR<\/span>' +\n          '<span class=\"v\">' + b.micr + '<\/span>' +\n        '<\/div>' +\n        '<div class=\"bd-address\">' + b.address + '<\/div>' +\n      '<\/div>';\n    return el;\n  }\n\n  function render(){\n    var q = searchInput.value.trim().toLowerCase();\n    var district = districtSel.value;\n    grid.innerHTML = '';\n    var shown = 0;\n\n    branches.forEach(function(b){\n      var matchesDistrict = (district === 'ALL' || district === 'RANCHI' || district === 'PURBI SINGHBHUM');\n      var haystack = (b.name + ' ' + b.ifsc + ' ' + b.micr + ' ' + b.address).toLowerCase();\n      var matchesSearch = q === '' || haystack.indexOf(q) !== -1;\n\n      if(matchesDistrict && matchesSearch){\n        grid.appendChild(card(b));\n        shown++;\n      }\n    });\n\n    countPill.textContent = shown + (shown === 1 ? ' branch' : ' branches');\n    empty.style.display = shown === 0 ? 'block' : 'none';\n  }\n\n  grid.addEventListener('click', function(e){\n    var btn = e.target.closest('.bd-copy-btn');\n    if(!btn) return;\n    var text = btn.getAttribute('data-copy');\n    navigator.clipboard.writeText(text).then(function(){\n      var original = btn.textContent;\n      btn.textContent = 'Copied';\n      btn.classList.add('copied');\n      setTimeout(function(){\n        btn.textContent = original;\n        btn.classList.remove('copied');\n      }, 1200);\n    });\n  });\n\n  districtSel.addEventListener('change', render);\n  searchInput.addEventListener('input', render);\n\n  render();\n})();\n<\/script>","IsDefault":1,"6":1,"TemplateId":1,"7":1,"LinkUrl":"","8":"","UploadedFileName":"","9":"","MenuId":150,"10":150,"PageId":57,"11":57}