function renderSearchPage(n){document.title="R6 Search | Find Rainbow Six Siege Content | R6Info";let e="",t=null,a=!1,r=null,s=0;const o=[{id:0,label:"All",icon:"search"},{id:1,label:"Operators",icon:"person"},{id:2,label:"Weapons",icon:"sports_esports"},{id:3,label:"Maps",icon:"map"},{id:4,label:"Seasons",icon:"calendar_today"},{id:5,label:"Charms & Attachments",icon:"style"},{id:6,label:"Ranks",icon:"emoji_events"},{id:7,label:"Skins",icon:"palette"}];n.innerHTML=`\n    ${createPageHeader("Search","Search across all Rainbow Six Siege data","search")}\n    \n    <div id="search-content">\n      <div class="card" style="padding: 24px; margin-bottom: 32px;">\n        <form id="search-form" style="display: flex; flex-direction: column;">\n          <div style="\n            display: flex;\n            margin-bottom: 16px;\n          ">\n            <div style="\n              flex: 1;\n              display: flex;\n              align-items: center;\n              background-color: rgba(0, 0, 0, 0.1);\n              border-radius: var(--border-radius);\n              padding: 0 16px;\n            ">\n              <span class="material-icons" style="color: var(--text-secondary);">search</span>\n              <input \n                type="text" \n                id="search-input" \n                placeholder="Search for operators, weapons, maps and more..." \n                style="\n                  flex: 1;\n                  background: none;\n                  border: none;\n                  padding: 16px;\n                  color: var(--text-primary);\n                  font-size: 16px;\n                  outline: none;\n                "\n              />\n              <button \n                type="button" \n                id="clear-search" \n                style="\n                  display: none;\n                  background: none;\n                  border: none;\n                  color: var(--primary-color);\n                  cursor: pointer;\n                "\n              >\n                <span class="material-icons">clear</span>\n              </button>\n            </div>\n          </div>\n          \n          <div style="display: flex; justify-content: center;">\n            <button \n              type="submit" \n              id="search-button" \n              class="btn btn-primary" \n              style="padding: 12px 24px; font-size: 16px;"\n            >\n              <span class="material-icons" style="margin-right: 8px;">search</span>\n              Search\n            </button>\n          </div>\n        </form>\n      </div>\n      \n      <div id="results-container"></div>\n    </div>\n  `,document.getElementById("search-content");const i=document.getElementById("results-container"),c=document.getElementById("search-form"),l=document.getElementById("search-input"),p=document.getElementById("clear-search");function d(){if(a)return void(i.innerHTML=createLoadingIndicator("Searching..."));if(r){const n=createErrorDisplay({message:r});return i.innerHTML=n.html,void n.setup()}if(!t)return void(i.innerHTML="");let n=[],c="";switch(s){case 0:n=[...(t.results.operators||[]).map(n=>({...n,entity_type:"operator"})),...(t.results.weapons||[]).map(n=>({...n,entity_type:"weapon"})),...(t.results.maps||[]).map(n=>({...n,entity_type:"map"})),...(t.results.seasons||[]).map(n=>({...n,entity_type:"season"})),...(t.results.charms||[]).map(n=>({...n,entity_type:"charm"})),...(t.results.attachments||[]).map(n=>({...n,entity_type:"attachment"})),...(t.results.ranks||[]).map(n=>({...n,entity_type:"rank"})),...(t.results.skins||[]).map(n=>({...n,entity_type:"skin"}))],c="No results found";break;case 1:n=(t.results.operators||[]).map(n=>({...n,entity_type:"operator"})),c="No operators found";break;case 2:n=(t.results.weapons||[]).map(n=>({...n,entity_type:"weapon"})),c="No weapons found";break;case 3:n=(t.results.maps||[]).map(n=>({...n,entity_type:"map"})),c="No maps found";break;case 4:n=(t.results.seasons||[]).map(n=>({...n,entity_type:"season"})),c="No seasons found";break;case 5:n=[...(t.results.charms||[]).map(n=>({...n,entity_type:"charm"})),...(t.results.attachments||[]).map(n=>({...n,entity_type:"attachment"}))],c="No charms or attachments found";break;case 6:n=(t.results.ranks||[]).map(n=>({...n,entity_type:"rank"})),c="No ranks found";break;case 7:n=(t.results.skins||[]).map(n=>({...n,entity_type:"skin"})),c="No skins found";break;default:n=[],c="No results found"}let l=`\n      <div class="tabs" style="overflow-x: auto; white-space: nowrap;">\n        ${o.map((n,e)=>`\n          <div \n            class="tab ${s===n.id?"active":""}" \n            data-tab="${n.id}"\n            style="display: inline-flex; align-items: center;"\n          >\n            <span class="material-icons" style="margin-right: 4px; font-size: 16px;">${n.icon}</span>\n            ${n.label} (${0===n.id?t.summary.total:1===n.id?t.summary.operators:2===n.id?t.summary.weapons:3===n.id?t.summary.maps:4===n.id?t.summary.seasons:5===n.id?t.summary.charms+t.summary.attachments:6===n.id?t.summary.ranks:t.summary.skins})\n          </div>\n        `).join("")}\n      </div>\n    `,p=`\n      <div>\n        <h2 style="margin-bottom: 16px;">Search Results for "${e}"</h2>\n        <p style="color: var(--text-secondary); margin-bottom: 24px;">\n          Found ${t.summary.total} results across all categories\n        </p>\n      </div>\n      \n      ${l}\n    `;0===n.length?p+=`\n        <p style="text-align: center; margin-top: 24px;">\n          ${c}\n        </p>\n      `:p+=`\n      <div class="grid" style="margin-top: 24px;">\n        ${n.map((n,e)=>{let t=`\n            <div style="\n              width: 50px;\n              height: 40px;\n              border-radius: 50%;\n              background-color: var(--primary-color);\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              margin-right: 16px;\n              color: #000;\n            ">\n              <span class="material-icons">${function(n){switch(n){case"operator":return"person";case"weapon":return"sports_esports";case"map":return"map";case"season":return"calendar_today";case"charm":return"style";case"attachment":return"extension";case"rank":return"emoji_events";case"skin":return"palette";default:return"search"}}(n.entity_type)}</span>\n            </div>\n          `;return"rank"===n.entity_type&&(t=`\n              <div style="\n                width: 50px;\n                height: 50px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin-right: 16px;\n              ">\n                <img \n                  src="proxy.php?url=https%3A%2F%2Fr6data.eu%2F..%2Fassets%2Fimg%2Fr6_ranks_img%2F%24%7Bfunction%28n%29%7Bif%28%21n%29return+null%3Bif%28"champions"===n.toLowerCase()||"champion"===n.toLowerCase())return"champion";const e=n.split(" ");return 2===e.length?`${e[0].toLowerCase()}-${e[1]}`:"unranked"}(n.name)}.webp" \n                  alt="${n.name}" \n                  style="width: 46px; height: 46px;" \n                  onerror="this.onerror=null; this.src="proxy.php?url=https%3A%2F%2Fr6data.eu%2F..%2Fassets%2Fimg%2Fr6_ranks_img%2Funranked.webp";"\n                />\n              </div>\n            `),`\n            <div class="card entity-card" data-entity-type="${n.entity_type}" data-entity-path="${function(n){switch(n){case"operator":return"/operators";case"weapon":return"/weapons";case"map":return"/maps";case"season":return"/seasons";case"charm":return"/charms";case"attachment":return"/attachments";case"rank":return"/ranks";case"skin":return"/skins";default:return"/"}}(n.entity_type)}" style="\n              cursor: pointer;\n              border-left: 6px solid var(--primary-color);\n            ">\n              <div class="card-content">\n                <div style="display: flex; align-items: center; margin-bottom: 8px;">\n                  ${t}\n                  <div style="word-break: break-word;">\n                    <h3 class="card-title">${n.name}</h3>\n                    <span class="chip" style="\n                      border: 1px solid var(--primary-color);\n                      background: transparent;\n                      color: var(--primary-color);\n                    ">\n                      ${n.entity_type.charAt(0).toUpperCase()+n.entity_type.slice(1)}\n                    </span>\n                  </div>\n                </div>\n                \n                <div class="card-divider"></div>\n                ${function(n){switch(n.entity_type){case"operator":return`\n          ${n.realname?`\n            <p style="color: var(--text-secondary);">\n              Real name: ${n.realname}\n            </p>\n          `:""}\n          ${n.roles?`\n            <p style="color: var(--text-secondary);">\n              Roles: ${n.roles}\n            </p>\n          `:""}\n          ${n.side?`\n            <p style="color: var(--text-secondary);">\n              Side: ${n.side}\n            </p>\n          `:""}\n        `;case"map":return`\n          ${n.location?`\n            <p style="color: var(--text-secondary);">\n              Location: ${n.location}\n            </p>\n          `:""}\n        `;case"season":return`\n          ${n.code?`\n            <p style="color: var(--text-secondary);">\n              Code: ${n.code}\n            </p>\n          `:""}\n          ${n.start_date?`\n            <p style="color: var(--text-secondary);">\n              Start Date: ${n.start_date}\n            </p>\n          `:""}\n        `;case"charm":return`\n          ${n.collection?`\n            <p style="color: var(--text-secondary);">\n              Collection: ${n.collection}\n            </p>\n          `:""}\n          ${n.rarity?`\n            <p style="color: var(--text-secondary);">\n              Rarity: ${n.rarity}\n            </p>\n          `:""}\n        `;case"attachment":return`\n          ${n.style?`\n            <p style="color: var(--text-secondary);">\n              Style: ${n.style}\n            </p>\n          `:""}\n          ${n.rarity?`\n            <p style="color: var(--text-secondary);">\n              Rarity: ${n.rarity}\n            </p>\n          `:""}\n        `;case"rank":return`\n          ${n.min_mmr?`\n            <p style="color: var(--text-secondary); margin-bottom: 4px;">\n              Min MMR: ${n.min_mmr}\n            </p>\n          `:""}\n          ${n.max_mmr?`\n            <p style="color: var(--text-secondary);">\n              Max MMR: ${n.max_mmr}\n            </p>\n          `:""}\n        `;case"skin":return`\n          ${n.category?`\n            <p style="color: var(--text-secondary);">\n              Category: ${n.category}\n            </p>\n          `:""}\n          ${n.collection?`\n            <p style="color: var(--text-secondary);">\n              Collection: ${n.collection}\n            </p>\n          `:""}\n        `;default:return""}}(n)}\n              </div>\n            </div>\n          `}).join("")}\n      </div>\n    `,t.summary.total>0&&(p+='\n        <div style="\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          margin-top: 40px;\n          margin-bottom: 24px;\n        ">\n          <p style="color: var(--text-secondary); margin-bottom: 16px;">\n            Want to explore more? Check out our dedicated pages for\n          </p>\n          \n          <div style="\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 12px;\n          ">\n            <a href="proxy.php?url=https%3A%2F%2Fr6data.eu%2Foperators" class="btn btn-secondary">\n              <span class="material-icons" style="margin-right: 8px;">person</span>\n              Operators\n            </a>\n            <a href="proxy.php?url=https%3A%2F%2Fr6data.eu%2Fweapons" class="btn btn-secondary">\n              <span class="material-icons" style="margin-right: 8px;">sports_esports</span>\n              Weapons\n            </a>\n            <a href="proxy.php?url=https%3A%2F%2Fr6data.eu%2Fmaps" class="btn btn-secondary">\n              <span class="material-icons" style="margin-right: 8px;">map</span>\n              Maps\n            </a>\n            <a href="proxy.php?url=https%3A%2F%2Fr6data.eu%2Fseasons" class="btn btn-secondary">\n              <span class="material-icons" style="margin-right: 8px;">calendar_today</span>\n              Seasons\n            </a>\n            <a href="proxy.php?url=https%3A%2F%2Fr6data.eu%2Franks" class="btn btn-secondary">\n              <span class="material-icons" style="margin-right: 8px;">emoji_events</span>\n              Ranks\n            </a>\n            <a href="proxy.php?url=https%3A%2F%2Fr6data.eu%2Fskins" class="btn btn-secondary">\n              <span class="material-icons" style="margin-right: 8px;">palette</span>\n              Skins\n            </a>\n          </div>\n        </div>\n      '),i.innerHTML=p,document.querySelectorAll(".tab").forEach(n=>{n.addEventListener("click",()=>{const e=parseInt(n.getAttribute("data-tab"));s=e,d()})}),document.querySelectorAll(".entity-card").forEach(n=>{n.addEventListener("click",()=>{const e=n.getAttribute("data-entity-path");navigateTo(e)})})}c.addEventListener("submit",n=>{n.preventDefault(),async function(){const n=l.value.trim();if(n){e=n,a=!0,r=null,d();try{const e=await api.search(n);t=e,s=0,a=!1,d()}catch(n){console.error("Search failed:",n),r=`Search error: ${n.message||"Failed to perform search. Please try again later."}`,a=!1,d()}}}()}),l.addEventListener("input",()=>{l.value?p.style.display="block":p.style.display="none"}),p.addEventListener("click",()=>{l.value="",p.style.display="none",t=null,d()})}