<div wire:snapshot="{"data":{"title":null,"favicon":null},"memo":{"id":"pkJntcbVPvg52zUhLkN7","name":"tenant-head","path":"rates","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"8e5f51e9252a54ce758d95f713c2fd07622d0f1b3234e9951aa19c868d8ff1bf"}" wire:effects="[]" wire:id="pkJntcbVPvg52zUhLkN7">  </div><header wire:snapshot="{"data":{"background_color":"#fff","logo_path":"","mobile_logo_path":"","primary_btn":"Register","primary_color":"#237bff","secondary_btn":"Log in","links_color":"#000","link_1":"","link_2":"","link_3":"","link_4":"","company_name":null,"header":null},"memo":{"id":"GN50khGh28ZrUraqbVEO","name":"tenant-header","path":"rates","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"3b61160a4bfbfcf5c13a748d033d3ff02da3905fad0c334d9ee5e9cfa4d155b3"}" wire:effects="[]" wire:id="GN50khGh28ZrUraqbVEO"> <nav style="background-color: #fff" class="px-4 lg:px-6 py-3 lg:py-4"> <div class="flex flex-wrap lg:justify-between items-center mx-auto max-w-screen-xl "> <a href="/" class="flex items-center lg:basis-1 lg:flex-grow">  <span id="company-name" class="self-center text-lg md:text-2xl font-semibold dark:text-white max-w-60 max-[360px]:max-w-48"> Company Name </span>  </a> <div class="flex items-center ml-auto lg:ml-0 lg:order-2 lg:basis-1 lg:flex-grow lg:justify-end font-poppins">  <a style="color: #000" href="/portal/login" class="hidden min-[412px]:inline-flex focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-3 py-2.5 mr-2 focus:outline-none"> Log in </a> <a id="primaryBtn" href="/portal/register" style="display: none; background-color: #237bff; filter: brightness(100%);" onmouseover="this.style.filter='brightness(90%)'" onmouseout="this.style.filter='brightness(100%)'" class="group inline-flex items-center justify-center text-white focus:ring-2 focus:ring-gray-300 focus:outline-none font-medium rounded-lg text-sm px-3 sm:px-5 py-2 sm:py-2.5"> <span class="pr-2">Register</span> <svg class="transition-transform duration-300 group-hover:translate-x-2" width="24" height="25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.992h2.5m13.5 0-6-6m6 6-6 6m6-6H9.5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a>  <button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-4 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false"> <span class="sr-only">Open main menu</span> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path> </svg> <svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </button> </div> <div class="hidden justify-between items-center w-full lg:flex lg:justify-center lg:w-auto lg:order-1 lg:basis-1 lg:flex-grow" id="mobile-menu-2"> <ul class="flex flex-col mt-4 font-light lg:flex-row lg:space-x-8 lg:mt-0" style="color: #000"> <li> <a href="/rates" class="block py-2 pr-4 pl-3 border-b lg:hover:bg-transparent lg:border-0 lg:p-0">Rates</a> </li>  <li> <a href="/portal/login" class="block md:hidden py-2 pr-4 pl-3 border-b lg:hover:bg-transparent lg:border-0 lg:p-0">Log in</a> </li> <li> <a href="/portal/register" class="block md:hidden py-2 pr-4 pl-3 lg:hover:bg-transparent lg:border-0 lg:p-0">Register</a> </li>   </ul> </div> </div> </nav> </header> <script> window.addEventListener("load", function () { const logo = document.getElementById("mobile-logo"); const companyName = document.getElementById("company-name"); const primaryBtn = document.getElementById("primaryBtn"); // Function to check logo width and hide primaryBtn if needed function checkLogoWidth() { if (logo && logo.clientWidth > 63 || companyName && companyName.clientWidth > 63) { primaryBtn.style.display = "none"; // Hide primaryBtn } else { primaryBtn.style.display = "inline-flex"; // Show primaryBtn } } // Initial check checkLogoWidth(); // Re-check on window resize window.addEventListener("resize", checkLogoWidth); }); </script><div wire:snapshot="{"data":{"rateGroups":[null,{"keys":[1],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\RateGroup","s":"elcln"}]},"memo":{"id":"ezlbci7BwocYmeTqV86m","name":"tenant-shipping-rates","path":"rates","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"02584af1f909c8aed352c4aee347a7f3956a6586fb95e4517a39c26b4c14af61"}" wire:effects="[]" wire:id="ezlbci7BwocYmeTqV86m"> <div class="max-w-3xl mx-auto px-6 lg:px-0 py-10" id="accordion-flush" data-accordion="collapse" data-active-classes="bg-white text-gray-900" data-inactive-classes="text-gray-500">  <h2 id="accordion-flush-heading-1"> <button type="button" class="flex items-center justify-between w-full py-4 px-4 font-medium text-gray-700 border-b border-gray-200 hover:bg-gray-50 transition rounded-md" data-accordion-target="#accordion-flush-body-1" aria-expanded="false" aria-controls="accordion-flush-body-1"> <span class="text-lg font-semibold">Shipping Rates</span> <svg data-accordion-icon class="w-4 h-4 transition-transform duration-200 rotate-180" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5" /> </svg> </button> </h2> <div id="accordion-flush-body-1" class="hidden" aria-labelledby="accordion-flush-heading-1"> <div class="py-4 px-4 bg-gray-50 rounded-b-md border-b border-gray-200"> <table class="w-full border-collapse rounded-lg overflow-hidden"> <thead> <tr class="bg-gray-100 text-gray-700 text-sm uppercase tracking-wide"> <th class="p-3 text-left">Name</th> <th class="p-3 text-left">Rate</th> </tr> </thead> <tbody>  <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">0.5 lb</td> <td class="p-3 font-medium text-gray-900">$800.00</td> </tr> <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">1 lbs pkg</td> <td class="p-3 font-medium text-gray-900">$1000.00</td> </tr> <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">2 lbs pkg</td> <td class="p-3 font-medium text-gray-900">$1400.00</td> </tr> <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">3 lbs pkg</td> <td class="p-3 font-medium text-gray-900">$1800.00</td> </tr> <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">4 lbs pkg</td> <td class="p-3 font-medium text-gray-900">$2200.00</td> </tr> <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">5 lbs pkg</td> <td class="p-3 font-medium text-gray-900">$2600.00</td> </tr> <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">6 lbs pkg</td> <td class="p-3 font-medium text-gray-900">$3000.00</td> </tr> <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">7 lbs pkg</td> <td class="p-3 font-medium text-gray-900">$3400.00</td> </tr> <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">8 lbs pkg</td> <td class="p-3 font-medium text-gray-900">$3800.00</td> </tr> <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">9 lbs pkg</td> <td class="p-3 font-medium text-gray-900">$4200.00</td> </tr> <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">10 lbs pkg</td> <td class="p-3 font-medium text-gray-900">$4600.00</td> </tr> <tr class="border-t hover:bg-gray-50 transition"> <td class="p-3 text-gray-800">Over 10 lbs pkg</td> <td class="p-3 font-medium text-gray-900">$450.00</td> </tr>  </tbody> </table> </div> </div>  </div> </div>

Name	Rate
0.5 lb	$800.00
1 lbs pkg	$1000.00
2 lbs pkg	$1400.00
3 lbs pkg	$1800.00
4 lbs pkg	$2200.00
5 lbs pkg	$2600.00
6 lbs pkg	$3000.00
7 lbs pkg	$3400.00
8 lbs pkg	$3800.00
9 lbs pkg	$4200.00
10 lbs pkg	$4600.00
Over 10 lbs pkg	$450.00