Original products

Curated daily care

Kenya delivery

Fast dispatch

M-Pesa checkout

Secure payment

WhatsApp help

Ask before buying

Order via WhatsApp

Fast response on WhatsApp. We'll include your number in the message.

Admin Panel / Aspire Noted

View Store

Edit Product

Name: Loreal pure clay detox mask
Price: 1600.00 KES
Availability: InStock

Brand (optional)

Name

Slug

Category

Price

Stock

Description

<div class="min-h-[calc(100vh-56px)] flex">
      
      <aside class="hidden md:block w-64 bg-white border-r">
        <div class="p-4">
          <nav class="space-y-1">
              <a href="https://aspirenoted.co.ke/admin"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg>
                  </span>
      <span>Dashboard</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/orders"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" /></svg>
                  </span>
      <span>Orders</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/whatsapp-leads"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 20.25a9 9 0 1 1 8.272-2.894L21 21l-4.144-4.144A8.963 8.963 0 0 1 8.625 20.25Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M9.75 10.5a.75.75 0 0 1 1.5 0v.25c0 .414.336.75.75.75h.25a.75.75 0 0 1 0 1.5h-.25A2.25 2.25 0 0 1 9.75 11v-.5Z" /></svg>
                  </span>
      <span>WhatsApp Leads</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/buyers"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Buyers</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/users"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Users</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/brands"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75V21h15V9.75"/></svg>
                  </span>
      <span>Brands</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/products"
        aria-current="page"        class="flex items-center gap-2 px-3 py-2 rounded text-sm bg-gray-100 text-gray-900 font-medium">
      <span class="shrink-0 text-gray-900">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>
                  </span>
      <span>Products</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/categories"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" /></svg>
                  </span>
      <span>Categories</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/promotions"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l.259-1.295A1.125 1.125 0 0 1 9.607 2.25h4.786a1.125 1.125 0 0 1 1.098.955L15.75 4.5m-7.5 0h7.5m-7.5 0H5.97c-.62 0-1.123.504-1.12 1.124.01 1.88.3 8.26 1.218 11.1.26.792.964 1.376 1.795 1.486 2.064.276 4.149.276 6.213 0 .831-.11 1.535-.694 1.795-1.486.918-2.84 1.208-9.22 1.218-11.1.003-.62-.5-1.124-1.12-1.124H15.75m-6 4.125h4.5m-4.5 3h3" /></svg>
                  </span>
      <span>Promotions</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/reports"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h12.75M3.75 3h-1.5M3.75 3h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5m-12 0v1.875A2.625 2.625 0 0 0 8.625 21h6.75A2.625 2.625 0 0 0 18 18.375V16.5m-9 0h9M9.75 8.25l1.5 1.5 3-3" /></svg>
                  </span>
      <span>Reports</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/mpesa/tools"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 6.75C3 5.784 3.784 5 4.75 5h14.5C20.216 5 21 5.784 21 6.75v10.5A1.75 1.75 0 0 1 19.25 19H4.75A1.75 1.75 0 0 1 3 17.25V6.75Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M3 9h18M7.5 14.25h3m0 0H9.75m.75 0v1.5m2.25-1.5h1.5a1.5 1.5 0 0 1 0 3H12.75m0-3v3" /></svg>
                  </span>
      <span>M-Pesa Tools</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/pages"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5A3.375 3.375 0 0 0 10.125 2.25H5.625A3.375 3.375 0 0 0 2.25 5.625v12.75A3.375 3.375 0 0 0 5.625 21.75h9.75A3.375 3.375 0 0 0 18.75 18.375V16.5m0 0h-4.875A2.625 2.625 0 0 1 11.25 13.875V9"/></svg>
                  </span>
      <span>Pages</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/slides"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg>
                  </span>
      <span>Slides</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/settings"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>
                  </span>
      <span>Settings</span>
    </a>
  
  <div class="pt-3 mt-3 border-t">
    <a href="https://aspirenoted.co.ke/products" class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-600 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.93l-.149.893c-.09.543-.56.94-1.11.94H11.45c-.55 0-1.02-.397-1.11-.94l-.149-.893c-.07-.425-.383-.765-.78-.93-.398-.165-.854-.143-1.204.107l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.449l.527-.738c.25-.35.273-.806.108-1.203-.165-.397-.505-.71-.93-.781l-.894-.149C3.94 13.02 3.543 12.55 3.543 12v-1.094c0-.55.397-1.02.94-1.11l.894-.149c.424-.07.764-.383.93-.78.164-.398.142-.854-.108-1.204l-.527-.737a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.738.527c.35.25.806.272 1.203.107.397-.165.71-.505.781-.93l.149-.893Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg></span>
      <span>Back to Store</span>
    </a>
  </div>
</nav>
        </div>
      </aside>

<div x-show="mobileNav" style="display:none" class="fixed inset-0 z-50 md:hidden" @keydown.escape.window="mobileNav=false">
        <div class="absolute inset-0 bg-black/30" @click="mobileNav=false"></div>
        <aside class="absolute left-0 top-0 bottom-0 w-72 bg-white shadow-lg p-4">
          <div class="flex items-center justify-between mb-4">
            <div class="font-semibold">Admin Menu</div>
            <button class="p-2" @click="mobileNav=false" aria-label="Close admin menu">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>
            </button>
          </div>
          <nav class="space-y-1">
              <a href="https://aspirenoted.co.ke/admin"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg>
                  </span>
      <span>Dashboard</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/orders"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" /></svg>
                  </span>
      <span>Orders</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/whatsapp-leads"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 20.25a9 9 0 1 1 8.272-2.894L21 21l-4.144-4.144A8.963 8.963 0 0 1 8.625 20.25Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M9.75 10.5a.75.75 0 0 1 1.5 0v.25c0 .414.336.75.75.75h.25a.75.75 0 0 1 0 1.5h-.25A2.25 2.25 0 0 1 9.75 11v-.5Z" /></svg>
                  </span>
      <span>WhatsApp Leads</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/buyers"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Buyers</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/users"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Users</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/brands"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75V21h15V9.75"/></svg>
                  </span>
      <span>Brands</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/products"
        aria-current="page"        class="flex items-center gap-2 px-3 py-2 rounded text-sm bg-gray-100 text-gray-900 font-medium">
      <span class="shrink-0 text-gray-900">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>
                  </span>
      <span>Products</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/categories"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" /></svg>
                  </span>
      <span>Categories</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/promotions"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l.259-1.295A1.125 1.125 0 0 1 9.607 2.25h4.786a1.125 1.125 0 0 1 1.098.955L15.75 4.5m-7.5 0h7.5m-7.5 0H5.97c-.62 0-1.123.504-1.12 1.124.01 1.88.3 8.26 1.218 11.1.26.792.964 1.376 1.795 1.486 2.064.276 4.149.276 6.213 0 .831-.11 1.535-.694 1.795-1.486.918-2.84 1.208-9.22 1.218-11.1.003-.62-.5-1.124-1.12-1.124H15.75m-6 4.125h4.5m-4.5 3h3" /></svg>
                  </span>
      <span>Promotions</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/reports"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h12.75M3.75 3h-1.5M3.75 3h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5m-12 0v1.875A2.625 2.625 0 0 0 8.625 21h6.75A2.625 2.625 0 0 0 18 18.375V16.5m-9 0h9M9.75 8.25l1.5 1.5 3-3" /></svg>
                  </span>
      <span>Reports</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/mpesa/tools"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 6.75C3 5.784 3.784 5 4.75 5h14.5C20.216 5 21 5.784 21 6.75v10.5A1.75 1.75 0 0 1 19.25 19H4.75A1.75 1.75 0 0 1 3 17.25V6.75Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M3 9h18M7.5 14.25h3m0 0H9.75m.75 0v1.5m2.25-1.5h1.5a1.5 1.5 0 0 1 0 3H12.75m0-3v3" /></svg>
                  </span>
      <span>M-Pesa Tools</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/pages"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5A3.375 3.375 0 0 0 10.125 2.25H5.625A3.375 3.375 0 0 0 2.25 5.625v12.75A3.375 3.375 0 0 0 5.625 21.75h9.75A3.375 3.375 0 0 0 18.75 18.375V16.5m0 0h-4.875A2.625 2.625 0 0 1 11.25 13.875V9"/></svg>
                  </span>
      <span>Pages</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/slides"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg>
                  </span>
      <span>Slides</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/settings"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>
                  </span>
      <span>Settings</span>
    </a>
  
  <div class="pt-3 mt-3 border-t">
    <a href="https://aspirenoted.co.ke/products" class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-600 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.93l-.149.893c-.09.543-.56.94-1.11.94H11.45c-.55 0-1.02-.397-1.11-.94l-.149-.893c-.07-.425-.383-.765-.78-.93-.398-.165-.854-.143-1.204.107l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.449l.527-.738c.25-.35.273-.806.108-1.203-.165-.397-.505-.71-.93-.781l-.894-.149C3.94 13.02 3.543 12.55 3.543 12v-1.094c0-.55.397-1.02.94-1.11l.894-.149c.424-.07.764-.383.93-.78.164-.398.142-.854-.108-1.204l-.527-.737a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.738.527c.35.25.806.272 1.203.107.397-.165.71-.505.781-.93l.149-.893Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg></span>
      <span>Back to Store</span>
    </a>
  </div>
</nav>
        </aside>
      </div>

<main class="flex-1 p-4 sm:p-6 lg:p-8">
        <div class="flex items-center justify-between mb-4">
  <h1 class="text-2xl font-semibold">Edit Product</h1>
  <form method="POST" action="https://aspirenoted.co.ke/admin/products/loreal-pure-clay-detox-mask" onsubmit="return confirm('Delete this product? This cannot be undone.')">
    <input type="hidden" name="_token" value="1qVyg1zsty9pcOcg2AUZb3AK70NNTux3CK4ZPaSR" autocomplete="off">    <input type="hidden" name="_method" value="DELETE">    <button class="px-3 py-2 bg-red-600 text-white rounded">Delete</button>
  </form>
</div>

<form action="https://aspirenoted.co.ke/admin/products/loreal-pure-clay-detox-mask" method="POST" enctype="multipart/form-data" class="bg-white border rounded p-4 max-w-3xl">
  <input type="hidden" name="_token" value="1qVyg1zsty9pcOcg2AUZb3AK70NNTux3CK4ZPaSR" autocomplete="off">  <input type="hidden" name="_method" value="PUT">  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    <div>
      <label class="block text-sm">Brand (optional)</label>
      <select name="brand_id" class="w-full border rounded px-3 py-2">
        <option value="">Select...</option>
                  <option value="1" >After</option>
                  <option value="2" >Aveeno</option>
                  <option value="3" >Beard</option>
                  <option value="4" >Biore</option>
                  <option value="5" >CBD</option>
                  <option value="6" >Cien</option>
                  <option value="7" >Dexe</option>
                  <option value="8" >Dove</option>
                  <option value="9" >E45</option>
                  <option value="10" >Entebaa</option>
                  <option value="11" >Garnier</option>
                  <option value="12" >Gillette</option>
                  <option value="13" >Junk</option>
                  <option value="14" selected>L&#039;Oreal</option>
                  <option value="15" >Miller Harris</option>
                  <option value="16" >Mitchum</option>
                  <option value="17" >Neutrogena</option>
                  <option value="18" >Nivea</option>
                  <option value="19" >Olay</option>
                  <option value="20" >Phoera</option>
                  <option value="21" >Sauvage Dior</option>
                  <option value="22" >Simple</option>
                  <option value="23" >St Ives</option>
                  <option value="24" >Super Max</option>
                  <option value="25" >T-Zone</option>
                  <option value="26" >Vaseline</option>
                  <option value="27" >Your Good Skin</option>
              </select>
          </div>
    <div>
      <label class="block text-sm">Name</label>
      <input name="name" value="Loreal pure clay detox mask" class="w-full border rounded px-3 py-2" required>
          </div>
    <div>
      <label class="block text-sm">Slug</label>
      <input name="slug" value="loreal-pure-clay-detox-mask" class="w-full border rounded px-3 py-2">
          </div>
    <div>
      <label class="block text-sm">Category</label>
      <select name="category_id" class="w-full border rounded px-3 py-2" required>
                  <option value="5" >Baby Care</option>
                  <option value="6" >Body Lotions &amp; Creams</option>
                  <option value="7" >Bodycare &amp; Fragrances</option>
                  <option value="8" >Deodorants</option>
                  <option value="9" selected>Face Care</option>
                  <option value="10" >Fragrances</option>
                  <option value="11" >Hair Care</option>
                  <option value="12" >Shaving &amp; Razors</option>
                  <option value="13" >Sun Care</option>
              </select>
          </div>
    <div>
      <label class="block text-sm">Price</label>
      <input name="price" type="number" step="0.01" min="0" value="1600" class="w-full border rounded px-3 py-2" required>
          </div>
    <div>
      <label class="block text-sm">Stock</label>
      <input name="stock" type="number" min="0" value="13" class="w-full border rounded px-3 py-2" required>
          </div>
    <div class="md:col-span-2">
      <label class="block text-sm">Description</label>
      <textarea name="description" rows="8" class="w-full border rounded px-3 py-2 tinymce-editor">&lt;p&gt;Loreal pure clay detox mask. Face Care item from L&#039;Oreal. Stock imported from Aspire Noted PDF inventory. Price is a conservative placeholder pending supplier confirmation.&lt;/p&gt;</div>
        
    <div class="mt-6 divide-y rounded border bg-white">
      <details class="group p-4" open>
        <summary class="flex justify-between items-center cursor-pointer list-none">
          <span class="font-medium">Details</span>
          <span class="transition-transform group-open:rotate-180 text-gray-500" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-5 h-5">
              <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
            </svg>
          </span>
        </summary>
        <div class="mt-3 text-sm text-gray-700">
                      <meta property="og:site_name" content="Aspire Noted">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Admin | Aspire Noted">
    <meta property="og:description" content="Admin panel for managing the store.">
    <meta property="og:url" content="https://aspirenoted.co.ke/admin/products/loreal-pure-clay-detox-mask/edit">
    <link rel="canonical" href="https://aspirenoted.co.ke/admin/products/loreal-pure-clay-detox-mask/edit">
        <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Admin | Aspire Noted">
    <meta name="twitter:description" content="Admin panel for managing the store.">
        <link rel="preload" as="style" href="https://aspirenoted.co.ke/build/assets/app-CEtF2yyl.css" /><link rel="modulepreload" as="script" href="https://aspirenoted.co.ke/build/assets/app-BLELqgoH.js" /><link rel="stylesheet" href="https://aspirenoted.co.ke/build/assets/app-CEtF2yyl.css" /><script type="module" src="https://aspirenoted.co.ke/build/assets/app-BLELqgoH.js"></script>        <meta name="theme-color" content="#0B6FCB" />
    <style>
      :root { --brand-color: #0B6FCB; }
      .bg-blue-600 { background-color: var(--brand-color) !important; }
      .hover\:bg-blue-700:hover { background-color: var(--brand-color) !important; }
      .ring-blue-500 { --tw-ring-color: var(--brand-color) !important; }
      .focus\:ring-blue-500:focus { --tw-ring-color: var(--brand-color) !important; }
      .text-blue-600 { color: var(--brand-color) !important; }
      .hover\:text-blue-600:hover { color: var(--brand-color) !important; }
      .border-blue-600 { border-color: var(--brand-color) !important; }
    </style>
  </head>
  <body class="h-full bg-gray-50 text-gray-900" x-data="{mobileNav:false}">
    <header class="bg-white border-b sticky top-0 z-40">
      <div class="px-4 sm:px-6 lg:px-8 py-3 flex items-center justify-between">
        <div class="flex items-center gap-3">
          <button type="button" class="md:hidden p-2 border rounded" @click="mobileNav=true" aria-label="Open admin menu">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/></svg>
          </button>
          <a href="https://aspirenoted.co.ke/admin" class="font-semibold">Admin Panel</a>
          <span class="text-gray-400">/</span>
          <a href="https://aspirenoted.co.ke" class="text-sm text-gray-600 hover:underline">Aspire Noted</a>
        </div>
        <div class="flex items-center gap-3">
          <a href="https://aspirenoted.co.ke/products" class="hidden sm:inline-block px-3 py-1.5 border rounded text-sm">View Store</a>
          <form method="POST" action="https://aspirenoted.co.ke/logout">
            <input type="hidden" name="_token" value="Q57XnqLYhDDfpKLyhwUuE8cu04WF6ibN2Eji2Ygj" autocomplete="off">            <button class="px-3 py-1.5 bg-blue-600 text-white rounded text-sm">Logout</button>
          </form>
        </div>
      </div>
    </header>

<div class="min-h-[calc(100vh-56px)] flex">
      
      <aside class="hidden md:block w-64 bg-white border-r">
        <div class="p-4">
          <nav class="space-y-1">
              <a href="https://aspirenoted.co.ke/admin"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg>
                  </span>
      <span>Dashboard</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/orders"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" /></svg>
                  </span>
      <span>Orders</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/whatsapp-leads"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 20.25a9 9 0 1 1 8.272-2.894L21 21l-4.144-4.144A8.963 8.963 0 0 1 8.625 20.25Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M9.75 10.5a.75.75 0 0 1 1.5 0v.25c0 .414.336.75.75.75h.25a.75.75 0 0 1 0 1.5h-.25A2.25 2.25 0 0 1 9.75 11v-.5Z" /></svg>
                  </span>
      <span>WhatsApp Leads</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/buyers"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Buyers</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/users"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Users</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/brands"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75V21h15V9.75"/></svg>
                  </span>
      <span>Brands</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/products"
        aria-current="page"        class="flex items-center gap-2 px-3 py-2 rounded text-sm bg-gray-100 text-gray-900 font-medium">
      <span class="shrink-0 text-gray-900">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>
                  </span>
      <span>Products</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/categories"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" /></svg>
                  </span>
      <span>Categories</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/promotions"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l.259-1.295A1.125 1.125 0 0 1 9.607 2.25h4.786a1.125 1.125 0 0 1 1.098.955L15.75 4.5m-7.5 0h7.5m-7.5 0H5.97c-.62 0-1.123.504-1.12 1.124.01 1.88.3 8.26 1.218 11.1.26.792.964 1.376 1.795 1.486 2.064.276 4.149.276 6.213 0 .831-.11 1.535-.694 1.795-1.486.918-2.84 1.208-9.22 1.218-11.1.003-.62-.5-1.124-1.12-1.124H15.75m-6 4.125h4.5m-4.5 3h3" /></svg>
                  </span>
      <span>Promotions</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/reports"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h12.75M3.75 3h-1.5M3.75 3h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5m-12 0v1.875A2.625 2.625 0 0 0 8.625 21h6.75A2.625 2.625 0 0 0 18 18.375V16.5m-9 0h9M9.75 8.25l1.5 1.5 3-3" /></svg>
                  </span>
      <span>Reports</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/mpesa/tools"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 6.75C3 5.784 3.784 5 4.75 5h14.5C20.216 5 21 5.784 21 6.75v10.5A1.75 1.75 0 0 1 19.25 19H4.75A1.75 1.75 0 0 1 3 17.25V6.75Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M3 9h18M7.5 14.25h3m0 0H9.75m.75 0v1.5m2.25-1.5h1.5a1.5 1.5 0 0 1 0 3H12.75m0-3v3" /></svg>
                  </span>
      <span>M-Pesa Tools</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/pages"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5A3.375 3.375 0 0 0 10.125 2.25H5.625A3.375 3.375 0 0 0 2.25 5.625v12.75A3.375 3.375 0 0 0 5.625 21.75h9.75A3.375 3.375 0 0 0 18.75 18.375V16.5m0 0h-4.875A2.625 2.625 0 0 1 11.25 13.875V9"/></svg>
                  </span>
      <span>Pages</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/slides"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg>
                  </span>
      <span>Slides</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/settings"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>
                  </span>
      <span>Settings</span>
    </a>
  
  <div class="pt-3 mt-3 border-t">
    <a href="https://aspirenoted.co.ke/products" class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-600 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.93l-.149.893c-.09.543-.56.94-1.11.94H11.45c-.55 0-1.02-.397-1.11-.94l-.149-.893c-.07-.425-.383-.765-.78-.93-.398-.165-.854-.143-1.204.107l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.449l.527-.738c.25-.35.273-.806.108-1.203-.165-.397-.505-.71-.93-.781l-.894-.149C3.94 13.02 3.543 12.55 3.543 12v-1.094c0-.55.397-1.02.94-1.11l.894-.149c.424-.07.764-.383.93-.78.164-.398.142-.854-.108-1.204l-.527-.737a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.738.527c.35.25.806.272 1.203.107.397-.165.71-.505.781-.93l.149-.893Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg></span>
      <span>Back to Store</span>
    </a>
  </div>
</nav>
        </div>
      </aside>

<div x-show="mobileNav" style="display:none" class="fixed inset-0 z-50 md:hidden" @keydown.escape.window="mobileNav=false">
        <div class="absolute inset-0 bg-black/30" @click="mobileNav=false"></div>
        <aside class="absolute left-0 top-0 bottom-0 w-72 bg-white shadow-lg p-4">
          <div class="flex items-center justify-between mb-4">
            <div class="font-semibold">Admin Menu</div>
            <button class="p-2" @click="mobileNav=false" aria-label="Close admin menu">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>
            </button>
          </div>
          <nav class="space-y-1">
              <a href="https://aspirenoted.co.ke/admin"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg>
                  </span>
      <span>Dashboard</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/orders"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" /></svg>
                  </span>
      <span>Orders</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/whatsapp-leads"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 20.25a9 9 0 1 1 8.272-2.894L21 21l-4.144-4.144A8.963 8.963 0 0 1 8.625 20.25Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M9.75 10.5a.75.75 0 0 1 1.5 0v.25c0 .414.336.75.75.75h.25a.75.75 0 0 1 0 1.5h-.25A2.25 2.25 0 0 1 9.75 11v-.5Z" /></svg>
                  </span>
      <span>WhatsApp Leads</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/buyers"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Buyers</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/users"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Users</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/brands"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75V21h15V9.75"/></svg>
                  </span>
      <span>Brands</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/products"
        aria-current="page"        class="flex items-center gap-2 px-3 py-2 rounded text-sm bg-gray-100 text-gray-900 font-medium">
      <span class="shrink-0 text-gray-900">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>
                  </span>
      <span>Products</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/categories"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" /></svg>
                  </span>
      <span>Categories</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/promotions"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l.259-1.295A1.125 1.125 0 0 1 9.607 2.25h4.786a1.125 1.125 0 0 1 1.098.955L15.75 4.5m-7.5 0h7.5m-7.5 0H5.97c-.62 0-1.123.504-1.12 1.124.01 1.88.3 8.26 1.218 11.1.26.792.964 1.376 1.795 1.486 2.064.276 4.149.276 6.213 0 .831-.11 1.535-.694 1.795-1.486.918-2.84 1.208-9.22 1.218-11.1.003-.62-.5-1.124-1.12-1.124H15.75m-6 4.125h4.5m-4.5 3h3" /></svg>
                  </span>
      <span>Promotions</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/reports"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h12.75M3.75 3h-1.5M3.75 3h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5m-12 0v1.875A2.625 2.625 0 0 0 8.625 21h6.75A2.625 2.625 0 0 0 18 18.375V16.5m-9 0h9M9.75 8.25l1.5 1.5 3-3" /></svg>
                  </span>
      <span>Reports</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/mpesa/tools"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 6.75C3 5.784 3.784 5 4.75 5h14.5C20.216 5 21 5.784 21 6.75v10.5A1.75 1.75 0 0 1 19.25 19H4.75A1.75 1.75 0 0 1 3 17.25V6.75Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M3 9h18M7.5 14.25h3m0 0H9.75m.75 0v1.5m2.25-1.5h1.5a1.5 1.5 0 0 1 0 3H12.75m0-3v3" /></svg>
                  </span>
      <span>M-Pesa Tools</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/pages"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5A3.375 3.375 0 0 0 10.125 2.25H5.625A3.375 3.375 0 0 0 2.25 5.625v12.75A3.375 3.375 0 0 0 5.625 21.75h9.75A3.375 3.375 0 0 0 18.75 18.375V16.5m0 0h-4.875A2.625 2.625 0 0 1 11.25 13.875V9"/></svg>
                  </span>
      <span>Pages</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/slides"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg>
                  </span>
      <span>Slides</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/settings"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>
                  </span>
      <span>Settings</span>
    </a>
  
  <div class="pt-3 mt-3 border-t">
    <a href="https://aspirenoted.co.ke/products" class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-600 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.93l-.149.893c-.09.543-.56.94-1.11.94H11.45c-.55 0-1.02-.397-1.11-.94l-.149-.893c-.07-.425-.383-.765-.78-.93-.398-.165-.854-.143-1.204.107l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.449l.527-.738c.25-.35.273-.806.108-1.203-.165-.397-.505-.71-.93-.781l-.894-.149C3.94 13.02 3.543 12.55 3.543 12v-1.094c0-.55.397-1.02.94-1.11l.894-.149c.424-.07.764-.383.93-.78.164-.398.142-.854-.108-1.204l-.527-.737a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.738.527c.35.25.806.272 1.203.107.397-.165.71-.505.781-.93l.149-.893Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg></span>
      <span>Back to Store</span>
    </a>
  </div>
</nav>
        </aside>
      </div>

<main class="flex-1 p-4 sm:p-6 lg:p-8">
        <div class="flex items-center justify-between mb-4">
  <h1 class="text-2xl font-semibold">Edit Product</h1>
  <form method="POST" action="https://aspirenoted.co.ke/admin/products/loreal-pure-clay-detox-mask" onsubmit="return confirm('Delete this product? This cannot be undone.')">
    <input type="hidden" name="_token" value="Q57XnqLYhDDfpKLyhwUuE8cu04WF6ibN2Eji2Ygj" autocomplete="off">    <input type="hidden" name="_method" value="DELETE">    <button class="px-3 py-2 bg-red-600 text-white rounded">Delete</button>
  </form>
</div>

<form action="https://aspirenoted.co.ke/admin/products/loreal-pure-clay-detox-mask" method="POST" enctype="multipart/form-data" class="bg-white border rounded p-4 max-w-3xl">
  <input type="hidden" name="_token" value="Q57XnqLYhDDfpKLyhwUuE8cu04WF6ibN2Eji2Ygj" autocomplete="off">  <input type="hidden" name="_method" value="PUT">  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    <div>
      <label class="block text-sm">Brand (optional)</label>
      <select name="brand_id" class="w-full border rounded px-3 py-2">
        <option value="">Select...</option>
                  <option value="1" >After</option>
                  <option value="2" >Aveeno</option>
                  <option value="3" >Beard</option>
                  <option value="4" >Biore</option>
                  <option value="5" >CBD</option>
                  <option value="6" >Cien</option>
                  <option value="7" >Dexe</option>
                  <option value="8" >Dove</option>
                  <option value="9" >E45</option>
                  <option value="10" >Entebaa</option>
                  <option value="11" >Garnier</option>
                  <option value="12" >Gillette</option>
                  <option value="13" >Junk</option>
                  <option value="14" selected>L'Oreal</option>
                  <option value="15" >Miller Harris</option>
                  <option value="16" >Mitchum</option>
                  <option value="17" >Neutrogena</option>
                  <option value="18" >Nivea</option>
                  <option value="19" >Olay</option>
                  <option value="20" >Phoera</option>
                  <option value="21" >Sauvage Dior</option>
                  <option value="22" >Simple</option>
                  <option value="23" >St Ives</option>
                  <option value="24" >Super Max</option>
                  <option value="25" >T-Zone</option>
                  <option value="26" >Vaseline</option>
                  <option value="27" >Your Good Skin</option>
              </select>
          </div>
    <div>
      <label class="block text-sm">Name</label>
      <input name="name" value="Loreal pure clay detox mask" class="w-full border rounded px-3 py-2" required>
          </div>
    <div>
      <label class="block text-sm">Slug</label>
      <input name="slug" value="loreal-pure-clay-detox-mask" class="w-full border rounded px-3 py-2">
          </div>
    <div>
      <label class="block text-sm">Category</label>
      <select name="category_id" class="w-full border rounded px-3 py-2" required>
                  <option value="5" >Baby Care</option>
                  <option value="6" >Body Lotions & Creams</option>
                  <option value="7" >Bodycare & Fragrances</option>
                  <option value="8" >Deodorants</option>
                  <option value="9" selected>Face Care</option>
                  <option value="10" >Fragrances</option>
                  <option value="11" >Hair Care</option>
                  <option value="12" >Shaving & Razors</option>
                  <option value="13" >Sun Care</option>
              </select>
          </div>
    <div>
      <label class="block text-sm">Price</label>
      <input name="price" type="number" step="0.01" min="0" value="1600" class="w-full border rounded px-3 py-2" required>
          </div>
    <div>
      <label class="block text-sm">Stock</label>
      <input name="stock" type="number" min="0" value="13" class="w-full border rounded px-3 py-2" required>
          </div>
    <div class="md:col-span-2">
      <label class="block text-sm">Description</label>
      <textarea name="description" rows="8" class="w-full border rounded px-3 py-2 tinymce-editor"><meta property="og:site_name" content="Aspire Noted">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Admin | Aspire Noted">
    <meta property="og:description" content="Admin panel for managing the store.">
    <meta property="og:url" content="https://aspirenoted.co.ke/admin/products/loreal-pure-clay-detox-mask/edit">
    <link rel="canonical" href="https://aspirenoted.co.ke/admin/products/loreal-pure-clay-detox-mask/edit">
        <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Admin | Aspire Noted">
    <meta name="twitter:description" content="Admin panel for managing the store.">
        <link rel="preload" as="style" href="https://aspirenoted.co.ke/build/assets/app-CEtF2yyl.css" /><link rel="modulepreload" as="script" href="https://aspirenoted.co.ke/build/assets/app-BLELqgoH.js" /><link rel="stylesheet" href="https://aspirenoted.co.ke/build/assets/app-CEtF2yyl.css" /><script type="module" src="https://aspirenoted.co.ke/build/assets/app-BLELqgoH.js"></script>        <meta name="theme-color" content="#0B6FCB" />
    <style>
      :root { --brand-color: #0B6FCB; }
      .bg-blue-600 { background-color: var(--brand-color) !important; }
      .hover\:bg-blue-700:hover { background-color: var(--brand-color) !important; }
      .ring-blue-500 { --tw-ring-color: var(--brand-color) !important; }
      .focus\:ring-blue-500:focus { --tw-ring-color: var(--brand-color) !important; }
      .text-blue-600 { color: var(--brand-color) !important; }
      .hover\:text-blue-600:hover { color: var(--brand-color) !important; }
      .border-blue-600 { border-color: var(--brand-color) !important; }
    </style>
  </head>
  <body class="h-full bg-gray-50 text-gray-900" x-data="{mobileNav:false}">
    <header class="bg-white border-b sticky top-0 z-40">
      <div class="px-4 sm:px-6 lg:px-8 py-3 flex items-center justify-between">
        <div class="flex items-center gap-3">
          <button type="button" class="md:hidden p-2 border rounded" @click="mobileNav=true" aria-label="Open admin menu">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/></svg>
          </button>
          <a href="https://aspirenoted.co.ke/admin" class="font-semibold">Admin Panel</a>
          <span class="text-gray-400">/</span>
          <a href="https://aspirenoted.co.ke" class="text-sm text-gray-600 hover:underline">Aspire Noted</a>
        </div>
        <div class="flex items-center gap-3">
          <a href="https://aspirenoted.co.ke/products" class="hidden sm:inline-block px-3 py-1.5 border rounded text-sm">View Store</a>
          <form method="POST" action="https://aspirenoted.co.ke/logout">
            <input type="hidden" name="_token" value="1qVyg1zsty9pcOcg2AUZb3AK70NNTux3CK4ZPaSR" autocomplete="off">            <button class="px-3 py-1.5 bg-blue-600 text-white rounded text-sm">Logout</button>
          </form>
        </div>
      </div>
    </header>

<div class="min-h-[calc(100vh-56px)] flex">
      
      <aside class="hidden md:block w-64 bg-white border-r">
        <div class="p-4">
          <nav class="space-y-1">
              <a href="https://aspirenoted.co.ke/admin"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg>
                  </span>
      <span>Dashboard</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/orders"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" /></svg>
                  </span>
      <span>Orders</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/whatsapp-leads"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 20.25a9 9 0 1 1 8.272-2.894L21 21l-4.144-4.144A8.963 8.963 0 0 1 8.625 20.25Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M9.75 10.5a.75.75 0 0 1 1.5 0v.25c0 .414.336.75.75.75h.25a.75.75 0 0 1 0 1.5h-.25A2.25 2.25 0 0 1 9.75 11v-.5Z" /></svg>
                  </span>
      <span>WhatsApp Leads</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/buyers"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Buyers</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/users"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Users</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/brands"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75V21h15V9.75"/></svg>
                  </span>
      <span>Brands</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/products"
        aria-current="page"        class="flex items-center gap-2 px-3 py-2 rounded text-sm bg-gray-100 text-gray-900 font-medium">
      <span class="shrink-0 text-gray-900">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>
                  </span>
      <span>Products</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/categories"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" /></svg>
                  </span>
      <span>Categories</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/promotions"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l.259-1.295A1.125 1.125 0 0 1 9.607 2.25h4.786a1.125 1.125 0 0 1 1.098.955L15.75 4.5m-7.5 0h7.5m-7.5 0H5.97c-.62 0-1.123.504-1.12 1.124.01 1.88.3 8.26 1.218 11.1.26.792.964 1.376 1.795 1.486 2.064.276 4.149.276 6.213 0 .831-.11 1.535-.694 1.795-1.486.918-2.84 1.208-9.22 1.218-11.1.003-.62-.5-1.124-1.12-1.124H15.75m-6 4.125h4.5m-4.5 3h3" /></svg>
                  </span>
      <span>Promotions</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/reports"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h12.75M3.75 3h-1.5M3.75 3h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5m-12 0v1.875A2.625 2.625 0 0 0 8.625 21h6.75A2.625 2.625 0 0 0 18 18.375V16.5m-9 0h9M9.75 8.25l1.5 1.5 3-3" /></svg>
                  </span>
      <span>Reports</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/mpesa/tools"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 6.75C3 5.784 3.784 5 4.75 5h14.5C20.216 5 21 5.784 21 6.75v10.5A1.75 1.75 0 0 1 19.25 19H4.75A1.75 1.75 0 0 1 3 17.25V6.75Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M3 9h18M7.5 14.25h3m0 0H9.75m.75 0v1.5m2.25-1.5h1.5a1.5 1.5 0 0 1 0 3H12.75m0-3v3" /></svg>
                  </span>
      <span>M-Pesa Tools</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/pages"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5A3.375 3.375 0 0 0 10.125 2.25H5.625A3.375 3.375 0 0 0 2.25 5.625v12.75A3.375 3.375 0 0 0 5.625 21.75h9.75A3.375 3.375 0 0 0 18.75 18.375V16.5m0 0h-4.875A2.625 2.625 0 0 1 11.25 13.875V9"/></svg>
                  </span>
      <span>Pages</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/slides"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg>
                  </span>
      <span>Slides</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/settings"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>
                  </span>
      <span>Settings</span>
    </a>
  
  <div class="pt-3 mt-3 border-t">
    <a href="https://aspirenoted.co.ke/products" class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-600 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.93l-.149.893c-.09.543-.56.94-1.11.94H11.45c-.55 0-1.02-.397-1.11-.94l-.149-.893c-.07-.425-.383-.765-.78-.93-.398-.165-.854-.143-1.204.107l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.449l.527-.738c.25-.35.273-.806.108-1.203-.165-.397-.505-.71-.93-.781l-.894-.149C3.94 13.02 3.543 12.55 3.543 12v-1.094c0-.55.397-1.02.94-1.11l.894-.149c.424-.07.764-.383.93-.78.164-.398.142-.854-.108-1.204l-.527-.737a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.738.527c.35.25.806.272 1.203.107.397-.165.71-.505.781-.93l.149-.893Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg></span>
      <span>Back to Store</span>
    </a>
  </div>
</nav>
        </div>
      </aside>

<div x-show="mobileNav" style="display:none" class="fixed inset-0 z-50 md:hidden" @keydown.escape.window="mobileNav=false">
        <div class="absolute inset-0 bg-black/30" @click="mobileNav=false"></div>
        <aside class="absolute left-0 top-0 bottom-0 w-72 bg-white shadow-lg p-4">
          <div class="flex items-center justify-between mb-4">
            <div class="font-semibold">Admin Menu</div>
            <button class="p-2" @click="mobileNav=false" aria-label="Close admin menu">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>
            </button>
          </div>
          <nav class="space-y-1">
              <a href="https://aspirenoted.co.ke/admin"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg>
                  </span>
      <span>Dashboard</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/orders"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" /></svg>
                  </span>
      <span>Orders</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/whatsapp-leads"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 20.25a9 9 0 1 1 8.272-2.894L21 21l-4.144-4.144A8.963 8.963 0 0 1 8.625 20.25Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M9.75 10.5a.75.75 0 0 1 1.5 0v.25c0 .414.336.75.75.75h.25a.75.75 0 0 1 0 1.5h-.25A2.25 2.25 0 0 1 9.75 11v-.5Z" /></svg>
                  </span>
      <span>WhatsApp Leads</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/buyers"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Buyers</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/users"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" /></svg>
                  </span>
      <span>Users</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/brands"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75V21h15V9.75"/></svg>
                  </span>
      <span>Brands</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/products"
        aria-current="page"        class="flex items-center gap-2 px-3 py-2 rounded text-sm bg-gray-100 text-gray-900 font-medium">
      <span class="shrink-0 text-gray-900">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>
                  </span>
      <span>Products</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/categories"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" /></svg>
                  </span>
      <span>Categories</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/promotions"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l.259-1.295A1.125 1.125 0 0 1 9.607 2.25h4.786a1.125 1.125 0 0 1 1.098.955L15.75 4.5m-7.5 0h7.5m-7.5 0H5.97c-.62 0-1.123.504-1.12 1.124.01 1.88.3 8.26 1.218 11.1.26.792.964 1.376 1.795 1.486 2.064.276 4.149.276 6.213 0 .831-.11 1.535-.694 1.795-1.486.918-2.84 1.208-9.22 1.218-11.1.003-.62-.5-1.124-1.12-1.124H15.75m-6 4.125h4.5m-4.5 3h3" /></svg>
                  </span>
      <span>Promotions</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/reports"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h12.75M3.75 3h-1.5M3.75 3h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5m-12 0v1.875A2.625 2.625 0 0 0 8.625 21h6.75A2.625 2.625 0 0 0 18 18.375V16.5m-9 0h9M9.75 8.25l1.5 1.5 3-3" /></svg>
                  </span>
      <span>Reports</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/mpesa/tools"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 6.75C3 5.784 3.784 5 4.75 5h14.5C20.216 5 21 5.784 21 6.75v10.5A1.75 1.75 0 0 1 19.25 19H4.75A1.75 1.75 0 0 1 3 17.25V6.75Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M3 9h18M7.5 14.25h3m0 0H9.75m.75 0v1.5m2.25-1.5h1.5a1.5 1.5 0 0 1 0 3H12.75m0-3v3" /></svg>
                  </span>
      <span>M-Pesa Tools</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/pages"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5A3.375 3.375 0 0 0 10.125 2.25H5.625A3.375 3.375 0 0 0 2.25 5.625v12.75A3.375 3.375 0 0 0 5.625 21.75h9.75A3.375 3.375 0 0 0 18.75 18.375V16.5m0 0h-4.875A2.625 2.625 0 0 1 11.25 13.875V9"/></svg>
                  </span>
      <span>Pages</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/slides"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg>
                  </span>
      <span>Slides</span>
    </a>
              <a href="https://aspirenoted.co.ke/admin/settings"
              class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-700 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>
                  </span>
      <span>Settings</span>
    </a>
  
  <div class="pt-3 mt-3 border-t">
    <a href="https://aspirenoted.co.ke/products" class="flex items-center gap-2 px-3 py-2 rounded text-sm text-gray-600 hover:bg-gray-50">
      <span class="shrink-0 text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.93l-.149.893c-.09.543-.56.94-1.11.94H11.45c-.55 0-1.02-.397-1.11-.94l-.149-.893c-.07-.425-.383-.765-.78-.93-.398-.165-.854-.143-1.204.107l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.449l.527-.738c.25-.35.273-.806.108-1.203-.165-.397-.505-.71-.93-.781l-.894-.149C3.94 13.02 3.543 12.55 3.543 12v-1.094c0-.55.397-1.02.94-1.11l.894-.149c.424-.07.764-.383.93-.78.164-.398.142-.854-.108-1.204l-.527-.737a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.738.527c.35.25.806.272 1.203.107.397-.165.71-.505.781-.93l.149-.893Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg></span>
      <span>Back to Store</span>
    </a>
  </div>
</nav>
        </aside>
      </div>

<main class="flex-1 p-4 sm:p-6 lg:p-8">
        <div class="flex items-center justify-between mb-4">
  <h1 class="text-2xl font-semibold">Edit Product</h1>
  <form method="POST" action="https://aspirenoted.co.ke/admin/products/loreal-pure-clay-detox-mask" onsubmit="return confirm('Delete this product? This cannot be undone.')">
    <input type="hidden" name="_token" value="1qVyg1zsty9pcOcg2AUZb3AK70NNTux3CK4ZPaSR" autocomplete="off">    <input type="hidden" name="_method" value="DELETE">    <button class="px-3 py-2 bg-red-600 text-white rounded">Delete</button>
  </form>
</div>

<form action="https://aspirenoted.co.ke/admin/products/loreal-pure-clay-detox-mask" method="POST" enctype="multipart/form-data" class="bg-white border rounded p-4 max-w-3xl">
  <input type="hidden" name="_token" value="1qVyg1zsty9pcOcg2AUZb3AK70NNTux3CK4ZPaSR" autocomplete="off">  <input type="hidden" name="_method" value="PUT">  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    <div>
      <label class="block text-sm">Brand (optional)</label>
      <select name="brand_id" class="w-full border rounded px-3 py-2">
        <option value="">Select...</option>
                  <option value="1" >After</option>
                  <option value="2" >Aveeno</option>
                  <option value="3" >Beard</option>
                  <option value="4" >Biore</option>
                  <option value="5" >CBD</option>
                  <option value="6" >Cien</option>
                  <option value="7" >Dexe</option>
                  <option value="8" >Dove</option>
                  <option value="9" >E45</option>
                  <option value="10" >Entebaa</option>
                  <option value="11" >Garnier</option>
                  <option value="12" >Gillette</option>
                  <option value="13" >Junk</option>
                  <option value="14" selected>L&#039;Oreal</option>
                  <option value="15" >Miller Harris</option>
                  <option value="16" >Mitchum</option>
                  <option value="17" >Neutrogena</option>
                  <option value="18" >Nivea</option>
                  <option value="19" >Olay</option>
                  <option value="20" >Phoera</option>
                  <option value="21" >Sauvage Dior</option>
                  <option value="22" >Simple</option>
                  <option value="23" >St Ives</option>
                  <option value="24" >Super Max</option>
                  <option value="25" >T-Zone</option>
                  <option value="26" >Vaseline</option>
                  <option value="27" >Your Good Skin</option>
              </select>
          </div>
    <div>
      <label class="block text-sm">Name</label>
      <input name="name" value="Loreal pure clay detox mask" class="w-full border rounded px-3 py-2" required>
          </div>
    <div>
      <label class="block text-sm">Slug</label>
      <input name="slug" value="loreal-pure-clay-detox-mask" class="w-full border rounded px-3 py-2">
          </div>
    <div>
      <label class="block text-sm">Category</label>
      <select name="category_id" class="w-full border rounded px-3 py-2" required>
                  <option value="5" >Baby Care</option>
                  <option value="6" >Body Lotions &amp; Creams</option>
                  <option value="7" >Bodycare &amp; Fragrances</option>
                  <option value="8" >Deodorants</option>
                  <option value="9" selected>Face Care</option>
                  <option value="10" >Fragrances</option>
                  <option value="11" >Hair Care</option>
                  <option value="12" >Shaving &amp; Razors</option>
                  <option value="13" >Sun Care</option>
              </select>
          </div>
    <div>
      <label class="block text-sm">Price</label>
      <input name="price" type="number" step="0.01" min="0" value="1600" class="w-full border rounded px-3 py-2" required>
          </div>
    <div>
      <label class="block text-sm">Stock</label>
      <input name="stock" type="number" min="0" value="13" class="w-full border rounded px-3 py-2" required>
          </div>
    <div class="md:col-span-2">
      <label class="block text-sm">Description</label>
      <textarea name="description" rows="8" class="w-full border rounded px-3 py-2 tinymce-editor">&lt;p&gt;Loreal pure clay detox mask. Face Care item from L&#039;Oreal. Stock imported from Aspire Noted PDF inventory. Price is a conservative placeholder pending supplier confirmation.&lt;/p&gt;
                  </div>
      </details>
      <details class="group p-4">
        <summary class="flex justify-between items-center cursor-pointer list-none">
          <span class="font-medium">Highlights</span>
          <span class="transition-transform group-open:rotate-180 text-gray-500" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-5 h-5">
              <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
            </svg>
          </span>
        </summary>
        <ul class="mt-3 text-sm text-gray-700 list-disc pl-5 space-y-1">
                      <li>Premium quality</li>
                      <li>Fast delivery across Kenya</li>
                      <li>Secure checkout</li>
                  </ul>
      </details>
      <details class="group p-4">
        <summary class="flex justify-between items-center cursor-pointer list-none">
          <span class="font-medium">Delivery & Returns</span>
          <span class="transition-transform group-open:rotate-180 text-gray-500" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-5 h-5">
              <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
            </svg>
          </span>
        </summary>
        <div class="mt-3 text-sm text-gray-700">
          Enjoy fast delivery across Kenya. Returns accepted within 7 days for unopened items. Contact us for assistance.
        </div>
      </details>
    </div>
  </div>
</div>

<div x-data="{scroll(n){ $refs.rel.scrollBy({left:n, behavior:'smooth'}) }}" class="mt-12 relative">
    <h2 class="text-xl font-semibold mb-4">You may also like</h2>
    <div class="relative">
      <button type="button" class="hidden md:flex absolute -left-3 top-1/2 -translate-y-1/2 z-10 bg-white border rounded-full w-10 h-10 items-center justify-center shadow" @click="scroll(-300)" aria-label="Scroll left">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5"/></svg>
      </button>
      <div class="overflow-x-auto scroll-smooth no-scrollbar snap-x" x-ref="rel">
        <div class="flex gap-4 min-w-max">
                      <div class="snap-start w-56">
              <div class="group bg-white border rounded overflow-hidden hover:shadow-md transition relative">
            <a href="https://www.aspirenoted.co.ke/products/your-good-skin-comforting-gel-cleanser" class="block overflow-hidden">
                    <img src="https://www.aspirenoted.co.ke/storage/products/cQ5V3UDmsv9Fi7goLPIFTfg1ZubpIf6RSiVoV8ZC.jpg" alt="Your good skin comforting gel cleanser" class="aspect-[4/3] w-full object-cover transition-transform duration-200 group-hover:scale-[1.03]" loading="lazy" decoding="async">
            </a>
    <div class="p-3">
        <a href="https://www.aspirenoted.co.ke/products/your-good-skin-comforting-gel-cleanser" class="block text-sm font-medium hover:underline line-clamp-2 min-h-[2.5rem]">Your good skin comforting gel cleanser</a>
        <div class="mt-1 text-xs text-gray-500 line-clamp-1">Face Care</div>
        <div class="mt-2 flex flex-col gap-2 sm:flex-row sm:items-center">
            <div class="text-lg font-bold">KSh1,200.00</div>
        </div>
        <div class="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2">
            <form action="https://www.aspirenoted.co.ke/cart/add" method="POST">
                <input type="hidden" name="_token" value="fhTS2gDJahwqJOj8kWQztPrvod4a11MUakND80Ty" autocomplete="off">                <input type="hidden" name="product_id" value="118">
                <input type="hidden" name="quantity" value="1">
                <button type="submit" class="inline-flex w-full items-center justify-center px-3 py-2 bg-blue-600 text-white rounded text-xs font-semibold hover:bg-blue-700 " >
                    Add to Cart
                </button>
            </form>
            <a href="https://www.aspirenoted.co.ke/products/your-good-skin-comforting-gel-cleanser" class="inline-flex w-full items-center justify-center px-3 py-2 bg-gray-900 text-white rounded hover:bg-gray-800 text-xs font-semibold">View</a>
        </div>
    </div>
</div>
            </div>
                      <div class="snap-start w-56">
              <div class="group bg-white border rounded overflow-hidden hover:shadow-md transition relative">
            <a href="https://www.aspirenoted.co.ke/products/nivea-micell-air" class="block overflow-hidden">
                    <img src="https://www.aspirenoted.co.ke/storage/products/Rlj5DYTPsrsZjoyFTcS30HWp8ktBlCebooyTW4pY.jpg" alt="Nivea micell air" class="aspect-[4/3] w-full object-cover transition-transform duration-200 group-hover:scale-[1.03]" loading="lazy" decoding="async">
            </a>
    <div class="p-3">
        <a href="https://www.aspirenoted.co.ke/products/nivea-micell-air" class="block text-sm font-medium hover:underline line-clamp-2 min-h-[2.5rem]">Nivea micell air</a>
        <div class="mt-1 text-xs text-gray-500 line-clamp-1">Face Care</div>
        <div class="mt-2 flex flex-col gap-2 sm:flex-row sm:items-center">
            <div class="text-lg font-bold">KSh1,200.00</div>
        </div>
        <div class="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2">
            <form action="https://www.aspirenoted.co.ke/cart/add" method="POST">
                <input type="hidden" name="_token" value="fhTS2gDJahwqJOj8kWQztPrvod4a11MUakND80Ty" autocomplete="off">                <input type="hidden" name="product_id" value="111">
                <input type="hidden" name="quantity" value="1">
                <button type="submit" class="inline-flex w-full items-center justify-center px-3 py-2 bg-blue-600 text-white rounded text-xs font-semibold hover:bg-blue-700 " >
                    Add to Cart
                </button>
            </form>
            <a href="https://www.aspirenoted.co.ke/products/nivea-micell-air" class="inline-flex w-full items-center justify-center px-3 py-2 bg-gray-900 text-white rounded hover:bg-gray-800 text-xs font-semibold">View</a>
        </div>
    </div>
</div>
            </div>
                      <div class="snap-start w-56">
              <div class="group bg-white border rounded overflow-hidden hover:shadow-md transition relative">
            <a href="https://www.aspirenoted.co.ke/products/st-leaves-blemish-control-150-ml" class="block overflow-hidden">
                    <img src="https://www.aspirenoted.co.ke/storage/products/12XHiy8Bv8DXWfy2cobThcw7miTFe4RQ48CsPUdF.webp" alt="St lves blemish control 150 ml" class="aspect-[4/3] w-full object-cover transition-transform duration-200 group-hover:scale-[1.03]" loading="lazy" decoding="async">
            </a>
    <div class="p-3">
        <a href="https://www.aspirenoted.co.ke/products/st-leaves-blemish-control-150-ml" class="block text-sm font-medium hover:underline line-clamp-2 min-h-[2.5rem]">St lves blemish control 150 ml</a>
        <div class="mt-1 text-xs text-gray-500 line-clamp-1">Face Care</div>
        <div class="mt-2 flex flex-col gap-2 sm:flex-row sm:items-center">
            <div class="text-lg font-bold">KSh1,200.00</div>
        </div>
        <div class="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2">
            <form action="https://www.aspirenoted.co.ke/cart/add" method="POST">
                <input type="hidden" name="_token" value="fhTS2gDJahwqJOj8kWQztPrvod4a11MUakND80Ty" autocomplete="off">                <input type="hidden" name="product_id" value="109">
                <input type="hidden" name="quantity" value="1">
                <button type="submit" class="inline-flex w-full items-center justify-center px-3 py-2 bg-blue-600 text-white rounded text-xs font-semibold hover:bg-blue-700 " >
                    Add to Cart
                </button>
            </form>
            <a href="https://www.aspirenoted.co.ke/products/st-leaves-blemish-control-150-ml" class="inline-flex w-full items-center justify-center px-3 py-2 bg-gray-900 text-white rounded hover:bg-gray-800 text-xs font-semibold">View</a>
        </div>
    </div>
</div>
            </div>
                      <div class="snap-start w-56">
              <div class="group bg-white border rounded overflow-hidden hover:shadow-md transition relative">
            <a href="https://www.aspirenoted.co.ke/products/biore-charcoal-deep-pre-charcoal-cleanser" class="block overflow-hidden">
                    <img src="https://www.aspirenoted.co.ke/storage/products/12MWv6LgKBs2SbsUBYLEZ437S6HeJ9SQV2CHEZVq.webp" alt="Biore charcoal deep pre charcoal cleanser" class="aspect-[4/3] w-full object-cover transition-transform duration-200 group-hover:scale-[1.03]" loading="lazy" decoding="async">
            </a>
    <div class="p-3">
        <a href="https://www.aspirenoted.co.ke/products/biore-charcoal-deep-pre-charcoal-cleanser" class="block text-sm font-medium hover:underline line-clamp-2 min-h-[2.5rem]">Biore charcoal deep pre charcoal cleanser</a>
        <div class="mt-1 text-xs text-gray-500 line-clamp-1">Face Care</div>
        <div class="mt-2 flex flex-col gap-2 sm:flex-row sm:items-center">
            <div class="text-lg font-bold">KSh1,200.00</div>
        </div>
        <div class="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2">
            <form action="https://www.aspirenoted.co.ke/cart/add" method="POST">
                <input type="hidden" name="_token" value="fhTS2gDJahwqJOj8kWQztPrvod4a11MUakND80Ty" autocomplete="off">                <input type="hidden" name="product_id" value="106">
                <input type="hidden" name="quantity" value="1">
                <button type="submit" class="inline-flex w-full items-center justify-center px-3 py-2 bg-blue-600 text-white rounded text-xs font-semibold hover:bg-blue-700 " >
                    Add to Cart
                </button>
            </form>
            <a href="https://www.aspirenoted.co.ke/products/biore-charcoal-deep-pre-charcoal-cleanser" class="inline-flex w-full items-center justify-center px-3 py-2 bg-gray-900 text-white rounded hover:bg-gray-800 text-xs font-semibold">View</a>
        </div>
    </div>
</div>
            </div>
                      <div class="snap-start w-56">
              <div class="group bg-white border rounded overflow-hidden hover:shadow-md transition relative">
            <a href="https://www.aspirenoted.co.ke/products/biore-charcoal-anti-blemish-scrub" class="block overflow-hidden">
                    <img src="https://www.aspirenoted.co.ke/storage/products/C6iYeS6QogyxrxzxMQw5uRp0Jays1l9af6iuPpsD.jpg" alt="Biore charcoal anti blemish scrub" class="aspect-[4/3] w-full object-cover transition-transform duration-200 group-hover:scale-[1.03]" loading="lazy" decoding="async">
            </a>
    <div class="p-3">
        <a href="https://www.aspirenoted.co.ke/products/biore-charcoal-anti-blemish-scrub" class="block text-sm font-medium hover:underline line-clamp-2 min-h-[2.5rem]">Biore charcoal anti blemish scrub</a>
        <div class="mt-1 text-xs text-gray-500 line-clamp-1">Face Care</div>
        <div class="mt-2 flex flex-col gap-2 sm:flex-row sm:items-center">
            <div class="text-lg font-bold">KSh950.00</div>
        </div>
        <div class="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2">
            <form action="https://www.aspirenoted.co.ke/cart/add" method="POST">
                <input type="hidden" name="_token" value="fhTS2gDJahwqJOj8kWQztPrvod4a11MUakND80Ty" autocomplete="off">                <input type="hidden" name="product_id" value="105">
                <input type="hidden" name="quantity" value="1">
                <button type="submit" class="inline-flex w-full items-center justify-center px-3 py-2 bg-blue-600 text-white rounded text-xs font-semibold hover:bg-blue-700 " >
                    Add to Cart
                </button>
            </form>
            <a href="https://www.aspirenoted.co.ke/products/biore-charcoal-anti-blemish-scrub" class="inline-flex w-full items-center justify-center px-3 py-2 bg-gray-900 text-white rounded hover:bg-gray-800 text-xs font-semibold">View</a>
        </div>
    </div>
</div>
            </div>
                      <div class="snap-start w-56">
              <div class="group bg-white border rounded overflow-hidden hover:shadow-md transition relative">
            <a href="https://www.aspirenoted.co.ke/products/olay-facial-wash-mix" class="block overflow-hidden">
                    <img src="https://www.aspirenoted.co.ke/storage/products/2uCZC6qI0j7dfO311U75WBFIlTZ59ZjohClr2rrg.jpg" alt="Olay facial wash mix" class="aspect-[4/3] w-full object-cover transition-transform duration-200 group-hover:scale-[1.03]" loading="lazy" decoding="async">
            </a>
    <div class="p-3">
        <a href="https://www.aspirenoted.co.ke/products/olay-facial-wash-mix" class="block text-sm font-medium hover:underline line-clamp-2 min-h-[2.5rem]">Olay facial wash mix</a>
        <div class="mt-1 text-xs text-gray-500 line-clamp-1">Face Care</div>
        <div class="mt-2 flex flex-col gap-2 sm:flex-row sm:items-center">
            <div class="text-lg font-bold">KSh950.00</div>
        </div>
        <div class="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2">
            <form action="https://www.aspirenoted.co.ke/cart/add" method="POST">
                <input type="hidden" name="_token" value="fhTS2gDJahwqJOj8kWQztPrvod4a11MUakND80Ty" autocomplete="off">                <input type="hidden" name="product_id" value="104">
                <input type="hidden" name="quantity" value="1">
                <button type="submit" class="inline-flex w-full items-center justify-center px-3 py-2 bg-blue-600 text-white rounded text-xs font-semibold hover:bg-blue-700 " >
                    Add to Cart
                </button>
            </form>
            <a href="https://www.aspirenoted.co.ke/products/olay-facial-wash-mix" class="inline-flex w-full items-center justify-center px-3 py-2 bg-gray-900 text-white rounded hover:bg-gray-800 text-xs font-semibold">View</a>
        </div>
    </div>
</div>
            </div>
                      <div class="snap-start w-56">
              <div class="group bg-white border rounded overflow-hidden hover:shadow-md transition relative">
            <a href="https://www.aspirenoted.co.ke/products/your-good-skin-comfort-gel-cleanser" class="block overflow-hidden">
                    <img src="https://www.aspirenoted.co.ke/storage/products/1FLq0RTAKVTP2774RikjIRDkl3mY2vpvmWXIiRrW.webp" alt="Your good skin comfort gel cleanser" class="aspect-[4/3] w-full object-cover transition-transform duration-200 group-hover:scale-[1.03]" loading="lazy" decoding="async">
            </a>
    <div class="p-3">
        <a href="https://www.aspirenoted.co.ke/products/your-good-skin-comfort-gel-cleanser" class="block text-sm font-medium hover:underline line-clamp-2 min-h-[2.5rem]">Your good skin comfort gel cleanser</a>
        <div class="mt-1 text-xs text-gray-500 line-clamp-1">Face Care</div>
        <div class="mt-2 flex flex-col gap-2 sm:flex-row sm:items-center">
            <div class="text-lg font-bold">KSh1,200.00</div>
        </div>
        <div class="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2">
            <form action="https://www.aspirenoted.co.ke/cart/add" method="POST">
                <input type="hidden" name="_token" value="fhTS2gDJahwqJOj8kWQztPrvod4a11MUakND80Ty" autocomplete="off">                <input type="hidden" name="product_id" value="103">
                <input type="hidden" name="quantity" value="1">
                <button type="submit" class="inline-flex w-full items-center justify-center px-3 py-2 bg-blue-600 text-white rounded text-xs font-semibold hover:bg-blue-700 " >
                    Add to Cart
                </button>
            </form>
            <a href="https://www.aspirenoted.co.ke/products/your-good-skin-comfort-gel-cleanser" class="inline-flex w-full items-center justify-center px-3 py-2 bg-gray-900 text-white rounded hover:bg-gray-800 text-xs font-semibold">View</a>
        </div>
    </div>
</div>
            </div>
                      <div class="snap-start w-56">
              <div class="group bg-white border rounded overflow-hidden hover:shadow-md transition relative">
            <a href="https://www.aspirenoted.co.ke/products/nivea-anti-wrinkle-firming" class="block overflow-hidden">
                    <img src="https://www.aspirenoted.co.ke/storage/products/SBgLmGJEQpYggpIxKfWi4xlmggR0xjUcwbAeURnB.webp" alt="Nivea Anti wrinkle firming" class="aspect-[4/3] w-full object-cover transition-transform duration-200 group-hover:scale-[1.03]" loading="lazy" decoding="async">
            </a>
    <div class="p-3">
        <a href="https://www.aspirenoted.co.ke/products/nivea-anti-wrinkle-firming" class="block text-sm font-medium hover:underline line-clamp-2 min-h-[2.5rem]">Nivea Anti wrinkle firming</a>
        <div class="mt-1 text-xs text-gray-500 line-clamp-1">Face Care</div>
        <div class="mt-2 flex flex-col gap-2 sm:flex-row sm:items-center">
            <div class="text-lg font-bold">KSh1,200.00</div>
        </div>
        <div class="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2">
            <form action="https://www.aspirenoted.co.ke/cart/add" method="POST">
                <input type="hidden" name="_token" value="fhTS2gDJahwqJOj8kWQztPrvod4a11MUakND80Ty" autocomplete="off">                <input type="hidden" name="product_id" value="99">
                <input type="hidden" name="quantity" value="1">
                <button type="submit" class="inline-flex w-full items-center justify-center px-3 py-2 bg-blue-600 text-white rounded text-xs font-semibold hover:bg-blue-700 " >
                    Add to Cart
                </button>
            </form>
            <a href="https://www.aspirenoted.co.ke/products/nivea-anti-wrinkle-firming" class="inline-flex w-full items-center justify-center px-3 py-2 bg-gray-900 text-white rounded hover:bg-gray-800 text-xs font-semibold">View</a>
        </div>
    </div>
</div>
            </div>
                  </div>
      </div>
      <button type="button" class="hidden md:flex absolute -right-3 top-1/2 -translate-y-1/2 z-10 bg-white border rounded-full w-10 h-10 items-center justify-center shadow" @click="scroll(300)" aria-label="Scroll right">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"/></svg>
      </button>
    </div>
  </div>

<div class="fixed md:hidden bottom-14 inset-x-0 bg-white border-t shadow-lg p-3 z-50">
  <div class="mb-2 flex items-center justify-between gap-3">
    <div class="min-w-0">
      <div class="truncate text-sm font-semibold">Loreal pure clay detox mask</div>
      <div class="text-base font-bold">KSh1,600.00</div>
    </div>
    <span class="shrink-0 rounded-full px-2 py-1 text-xs bg-green-100 text-green-700">In Stock</span>
  </div>
  <div class="grid grid-cols-[1fr_1fr_auto] gap-2">
    <form action="/cart/add" method="POST" class="contents">
      <input type="hidden" name="_token" value="fhTS2gDJahwqJOj8kWQztPrvod4a11MUakND80Ty">
      <input type="hidden" name="product_id" value="69">
      <input type="hidden" name="quantity" value="1">
      <button type="submit" class="rounded bg-blue-600 px-3 py-2 text-sm font-semibold text-white " >Add</button>
      <button type="submit" formaction="/cart/add?redirect=checkout" class="rounded bg-green-600 px-3 py-2 text-sm font-semibold text-white " >Buy Now</button>
    </form>
    <a href="https://wa.me/15551234567?text=Hello%2C%20I%27m%20interested%20in%20Loreal%20pure%20clay%20detox%20mask%20%28https%3A%2F%2Fwww.aspirenoted.co.ke%2Fproducts%2Floreal-pure-clay-detox-mask%29" target="_blank" rel="noopener" data-wa-order-open class="inline-flex items-center justify-center rounded border border-green-600 px-3 py-2 text-sm font-semibold text-green-700" aria-label="Order via WhatsApp" aria-haspopup="dialog">WA</a>
  </div>
</div>

<div
  id="wa-order-modal"
  data-wa-order-modal
  class="hidden fixed inset-0 z-[60] items-center justify-center bg-black/50 p-4"
  role="dialog"
  aria-modal="true"
  aria-labelledby="wa-order-title"
>
  <div class="w-full max-w-sm rounded-lg bg-white p-5 shadow-lg">
    <div class="flex items-start justify-between gap-3">
      <h3 id="wa-order-title" class="text-lg font-semibold">Order via WhatsApp</h3>
      <button type="button" class="text-gray-400 hover:text-gray-600" data-wa-order-close aria-label="Close">×</button>
    </div>
    <p class="mt-1 text-sm text-gray-600">We will include it in your order message.</p>
    <form class="mt-4" data-wa-order-form>
      <label class="text-sm text-gray-700" for="wa-number">WhatsApp number</label>
      <input
        id="wa-number"
        data-wa-order-input
        type="tel"
        inputmode="tel"
        autocomplete="tel"
        placeholder="+254 712 345 678"
        class="mt-1 w-full rounded border px-3 py-2 focus:ring-2 focus:ring-green-500"
      >
      <p class="mt-1 text-xs text-gray-500">Include country code if possible.</p>
      <p class="mt-2 text-xs text-red-600 hidden" data-wa-order-error></p>
      <div class="mt-4 flex gap-2">
        <button type="button" class="flex-1 rounded border px-3 py-2 text-sm" data-wa-order-close>Cancel</button>
        <button type="submit" class="flex-1 rounded bg-green-600 px-3 py-2 text-sm text-white">Continue to WhatsApp</button>
      </div>
    </form>
  </div>
</div>

function storeLead(phone, message) {
      if (!config.storeUrl) return;
      var form = new FormData();
      form.append("_token", config.csrf || "");
      form.append("phone", phone);
      if (config.productId) form.append("product_id", String(config.productId));
      if (config.productName) form.append("product_name", config.productName);
      if (config.productUrl) form.append("product_url", config.productUrl);
      if (message) form.append("message", message);

if (navigator.sendBeacon) {
        try {
          if (navigator.sendBeacon(config.storeUrl, form)) return;
        } catch (e) {}
      }

try {
        fetch(config.storeUrl, {
          method: "POST",
          credentials: "same-origin",
          headers: {
            "X-CSRF-TOKEN": config.csrf || "",
            "X-Requested-With": "XMLHttpRequest"
          },
          body: form,
          keepalive: true
        });
      } catch (e) {}
    }

function buildWhatsAppUrl(raw) {
      var url = new URL(config.baseUrl, window.location.origin);
      var baseText = url.searchParams.get("text") || "";
      var extra = "Customer WhatsApp: " + raw;
      var text = baseText ? (baseText + "\n" + extra) : extra;
      url.searchParams.set("text", text);
      return { url: url.toString(), message: text };
    }

document.addEventListener("DOMContentLoaded", function () {
      var modal = document.querySelector("[data-wa-order-modal]");
      if (!modal) return;

var input = modal.querySelector("[data-wa-order-input]");
      var errorEl = modal.querySelector("[data-wa-order-error]");
      var form = modal.querySelector("[data-wa-order-form]");
      var openButtons = document.querySelectorAll("[data-wa-order-open]");
      var closeButtons = modal.querySelectorAll("[data-wa-order-close]");

function showError(msg) {
        if (!errorEl) return;
        errorEl.textContent = msg;
        errorEl.classList.remove("hidden");
      }

function clearError() {
        if (!errorEl) return;
        errorEl.textContent = "";
        errorEl.classList.add("hidden");
      }

function closeModal() {
        modal.classList.add("hidden");
        modal.style.display = "none";
      }

openButtons.forEach(function (btn) {
        btn.addEventListener("click", function (e) {
          e.preventDefault();
          openModal();
        });
      });

closeButtons.forEach(function (btn) {
        btn.addEventListener("click", function () {
          closeModal();
        });
      });

modal.addEventListener("click", function (e) {
        if (e.target === modal) closeModal();
      });

document.addEventListener("keydown", function (e) {
        if (e.key === "Escape") closeModal();
      });

if (form) {
        form.addEventListener("submit", function (e) {
          e.preventDefault();
          clearError();
          var raw = (input && input.value ? input.value : "").trim();
          var digits = raw.replace(/\D+/g, "");
          if (digits.length < 9) {
            showError("Please enter a valid WhatsApp number.");
            return;
          }
          try {
            localStorage.setItem("waCustomerPhone", raw);
          } catch (e) {}
          var result = buildWhatsAppUrl(raw);
          storeLead(raw, result.message);
          closeModal();
          var win = window.open(result.url, "_blank", "noopener");
          if (!win) {
            window.location.href = result.url;
          }
        });
      }
    });
  })();
</script>
</div>
    </main>
    <nav class="fixed bottom-0 inset-x-0 border-t bg-white shadow-lg z-40 md:hidden h-14">
  <div class="max-w-7xl mx-auto h-full flex text-[11px] text-gray-500">
    <a href="https://www.aspirenoted.co.ke" class="flex-1 flex flex-col items-center justify-center ">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 mb-0.5">
        <path d="M11.47 2.72a.75.75 0 0 1 1.06 0l8.25 8.25a.75.75 0 1 1-1.06 1.06L12 4.31 4.28 12.03a.75.75 0 0 1-1.06-1.06l8.25-8.25Z" />
        <path d="M12 5.56 18.97 12.53a.75.75 0 0 1 .22.53v6.19a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-4.5h-3v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75v-6.19a.75.75 0 0 1 .22-.53L12 5.56Z" />
      </svg>
      <span>Home</span>
    </a>

<a href="https://www.aspirenoted.co.ke/deals" class="flex-1 flex flex-col items-center justify-center ">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 mb-0.5">
        <path d="M4.5 5.25A2.25 2.25 0 0 1 6.75 3h3.879a2.25 2.25 0 0 1 1.59.659l8.122 8.121a2.25 2.25 0 0 1 0 3.182l-3.879 3.879a2.25 2.25 0 0 1-3.182 0l-8.12-8.122a2.25 2.25 0 0 1-.66-1.59V5.25Z" />
        <path d="M6.75 6a.75.75 0 1 0 0 1.5A.75.75 0 0 0 6.75 6Z" />
      </svg>
      <span>Deals</span>
    </a>

<a href="https://www.aspirenoted.co.ke/products" class="flex-1 flex flex-col items-center justify-center text-blue-600">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 mb-0.5">
        <path d="M3 5.25C3 4.007 4.007 3 5.25 3h4.5C10.993 3 12 4.007 12 5.25v4.5C12 10.993 10.993 12 9.75 12h-4.5A2.25 2.25 0 0 1 3 9.75v-4.5Z" />
        <path d="M12 14.25C12 13.007 13.007 12 14.25 12h4.5C19.493 12 20.5 13.007 20.5 14.25v4.5A2.25 2.25 0 0 1 18.75 21h-4.5A2.25 2.25 0 0 1 12 18.75v-4.5Z" />
        <path d="M12 5.25C12 4.007 13.007 3 14.25 3h4.5C19.493 3 20.5 4.007 20.5 5.25v4.5C20.5 10.993 19.493 12 18.75 12h-4.5A2.25 2.25 0 0 1 12 9.75v-4.5Z" />
        <path d="M3 14.25C3 13.007 4.007 12 5.25 12h4.5C10.993 12 12 13.007 12 14.25v4.5A2.25 2.25 0 0 1 9.75 21h-4.5A2.25 2.25 0 0 1 3 18.75v-4.5Z" />
      </svg>
      <span>Products</span>
    </a>

<a href="https://www.aspirenoted.co.ke/login" class="flex-1 flex flex-col items-center justify-center ">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 mb-0.5">
          <path d="M15.75 3a3 3 0 0 1 3 3v3.75a.75.75 0 0 1-1.5 0V6a1.5 1.5 0 0 0-1.5-1.5h-9A1.5 1.5 0 0 0 5.25 6v12A1.5 1.5 0 0 0 6.75 19.5h9A1.5 1.5 0 0 0 17.25 18v-3.75a.75.75 0 0 1 1.5 0V18a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h9Z" />
          <path d="M11.47 8.47a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 0 1-1.06-1.06L12.69 12l-1.22-1.22a.75.75 0 0 1 0-1.06Z" />
        </svg>
        <span>Login</span>
      </a>
      </div>
</nav>
    <div
  x-data="{ open: false }"
  class="fixed bottom-20 right-4 md:bottom-6 md:right-6 z-50"
  aria-live="polite"
>
  
  <div
    x-cloak
    x-show="open"
    x-transition.opacity.scale.origin-bottom-right
    class="mb-3 w-72 max-w-[85vw] bg-white border border-green-600/30 shadow-xl rounded-2xl overflow-hidden text-sm"
  >
    <div class="bg-green-600 text-white px-3 py-2 flex items-center justify-between">
      <div class="flex items-center gap-2">
        <span class="inline-flex items-center justify-center w-7 h-7 rounded-full bg-white/10">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
            <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75 0 1.74.458 3.37 1.26 4.78L2.25 21.75l5.07-1.23A9.708 9.708 0 0012 22.5c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-4.06 6.56a.75.75 0 01.845-.184l1.864.776a.75.75 0 01.41.995l-.38.952a.75.75 0 00.108.73c.45.62 1.057 1.226 1.676 1.676a.75.75 0 00.73.108l.952-.38a.75.75 0 01.995.41l.776 1.864a.75.75 0 01-.184.845l-.35.35a1.5 1.5 0 01-1.53.375c-1.628-.54-3.257-1.87-4.48-3.094-1.224-1.223-2.555-2.852-3.094-4.48a1.5 1.5 0 01.375-1.53l.35-.35Z" clip-rule="evenodd"/>
          </svg>
        </span>
        <div>
          <div class="text-xs font-semibold uppercase tracking-wide">WhatsApp</div>
          <div class="text-[11px] text-white/80">Chat with our team</div>
        </div>
      </div>
      <button
        type="button"
        class="p-1 text-white/80 hover:text-white"
        @click="open = false"
        aria-label="Close WhatsApp chat"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
          <path fill-rule="evenodd" d="M6.22 5.97a.75.75 0 011.06 0L12 10.69l4.72-4.72a.75.75 0 111.06 1.06L13.06 11.75l4.72 4.72a.75.75 0 11-1.06 1.06L12 12.81l-4.72 4.72a.75.75 0 11-1.06-1.06l4.72-4.72-4.72-4.72a.75.75 0 010-1.06Z" clip-rule="evenodd" />
        </svg>
      </button>
    </div>
    <div class="p-3 space-y-3">
      <p class="text-gray-700 text-sm">
        Hi there 👋<br>
        Have a question or need help with an order? Chat with us on WhatsApp.
      </p>
      <a
        href="https://wa.me/15551234567?text=Hello%21%20I%20have%20a%20question%20about%20your%20products"
        target="_blank"
        rel="noopener"
        class="w-full inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg bg-green-600 text-white text-sm font-medium hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2"
      >
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
          <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75 0 1.74.458 3.37 1.26 4.78L2.25 21.75l5.07-1.23A9.708 9.708 0 0012 22.5c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-4.06 6.56a.75.75 0 01.845-.184l1.864.776a.75.75 0 01.41.995l-.38.952a.75.75 0 00.108.73c.45.62 1.057 1.226 1.676 1.676a.75.75 0 00.73.108l.952-.38a.75.75 0 01.995.41l.776 1.864a.75.75 0 01-.184.845l-.35.35a1.5 1.5 0 01-1.53.375c-1.628-.54-3.257-1.87-4.48-3.094-1.224-1.223-2.555-2.852-3.094-4.48a1.5 1.5 0 01.375-1.53l.35-.35Z" clip-rule="evenodd"/>
        </svg>
        <span>Start WhatsApp chat</span>
      </a>
      <p class="text-[11px] text-gray-400">
        WhatsApp will open in a new window.
      </p>
    </div>
  </div>

<footer class="border-t bg-white text-sm text-gray-700">
  <div class="bg-blue-600 text-white">
    <div class="max-w-7xl mx-auto px-4 py-6 flex flex-col md:flex-row items-center gap-3 md:gap-6 justify-between">
      <div class="text-center md:text-left">
        <div class="text-lg md:text-xl font-semibold">Fresh bodycare and fragrance arrivals</div>
        <div class="text-xs md:text-sm text-white/80">Shop daily care essentials with Kenya delivery and WhatsApp support.</div>
      </div>
      <div class="flex w-full md:w-auto justify-center md:justify-end gap-2">
        <a href="https://www.aspirenoted.co.ke/products" class="px-4 py-2 bg-white text-blue-700 rounded font-medium">Shop Now</a>
        <a href="https://wa.me/15551234567?text=Hello%20Aspire%20Noted%2C%20I%20need%20help%20choosing%20a%20product" class="px-4 py-2 border border-white text-white rounded">WhatsApp</a>
      </div>
    </div>
  </div>

<div class="max-w-7xl mx-auto px-4 py-10 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8">
    <div>
      <div class="font-semibold mb-2">Aspire Noted</div>
      <p class="text-gray-600">Bodycare, fragrances, lotions, deodorants and daily care essentials in Kenya.</p>
          </div>

<div>
      <div class="font-semibold mb-2">Shop</div>
      <ul class="space-y-1 text-gray-600">
        <li><a class="hover:underline" href="https://www.aspirenoted.co.ke/products">All Products</a></li>
        <li><a class="hover:underline" href="https://www.aspirenoted.co.ke/deals">Deals</a></li>
        <li><a class="hover:underline" href="https://www.aspirenoted.co.ke/brands">Brands</a></li>
        <li><a class="hover:underline" href="https://www.aspirenoted.co.ke/cart">Your Cart</a></li>
      </ul>
    </div>

<div>
      <div class="font-semibold mb-2">Account</div>
      <ul class="space-y-1 text-gray-600">
                  <li><a class="hover:underline" href="https://www.aspirenoted.co.ke/login">Login</a></li>
          <li><a class="hover:underline" href="https://www.aspirenoted.co.ke/register">Register</a></li>
              </ul>
    </div>

<div>
      <div class="font-semibold mb-2">Support</div>
      <p class="text-gray-600 mb-3">Ask about product fit, delivery, pickup, or order support before you buy.</p>
      <a href="https://wa.me/15551234567?text=Hello%20Aspire%20Noted%2C%20I%20need%20support%20with%20my%20order" class="inline-flex px-4 py-2 bg-green-600 text-white rounded font-medium">Chat on WhatsApp</a>
    </div>
  </div>

<div class="border-t">
    <div class="max-w-7xl mx-auto px-4 py-4 flex flex-col sm:flex-row gap-2 sm:items-center sm:justify-between text-xs text-gray-500">
      <div>© 2026 Aspire Noted. All rights reserved.</div>
      <div class="space-x-3">
        <a class="hover:underline" href="https://www.aspirenoted.co.ke/products">Products</a>
        <a class="hover:underline" href="https://www.aspirenoted.co.ke/deals">Deals</a>
        <a class="hover:underline" href="https://wa.me/15551234567?text=Hello%20Aspire%20Noted%2C%20I%20need%20support">Contact</a>
      </div>
    </div>
  </div>
</footer>
</body>
</html>