@extends('admin.layouts.app')

@section('title', 'Shipping Rates')

@section('style')
@endsection

@section('content')
<main class="dash-content">
<!-- Page header -->
        <div class="page-head">
          <div>
            <h1 class="page-title">Shipping Rates</h1>
            <p class="page-sub mb-0">Manage your warehouse locations and inventory</p>
          </div>
          <div class="head-actions">
            <button type="button" class="btn btn-outline-primary btn-wide">Import Rates</button>
            <button type="button" class="btn btn-primary btn-wide">+ Add Rate Rule</button>
          </div>
        </div>

        <!-- ===== Shipping Strategy ===== -->
        <div class="card mb-4">
          <div class="card-body p-4">
            <h2 class="section-h">Shipping Strategy</h2>
            <div class="strat-grid">
              <div class="strat-card">
                <div class="strat-top">
                  <div class="strat-ic">
                    <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.5913 13.4444C11.7953 13.4444 11.991 13.3633 12.1353 13.2191C12.2795 13.0748 12.3606 12.8791 12.3606 12.6751C12.3606 12.471 12.2795 12.2753 12.1353 12.1311C11.991 11.9868 11.7953 11.9057 11.5913 11.9057H6.83863C6.63459 11.9057 6.43891 11.9868 6.29463 12.1311C6.15035 12.2753 6.0693 12.471 6.0693 12.6751C6.0693 12.8791 6.15035 13.0748 6.29463 13.2191C6.43891 13.3633 6.63459 13.4444 6.83863 13.4444H11.5913ZM11.6163 16.6998H9.22972C9.02568 16.6998 8.83 16.7808 8.68572 16.9251C8.54144 17.0694 8.46039 17.2651 8.46039 17.4691C8.46039 17.6732 8.54144 17.8688 8.68572 18.0131C8.83 18.1574 9.02568 18.2385 9.22972 18.2385H11.6163C11.8204 18.2385 12.0161 18.1574 12.1603 18.0131C12.3046 17.8688 12.3857 17.6732 12.3857 17.4691C12.3857 17.2651 12.3046 17.0694 12.1603 16.9251C12.0161 16.7808 11.8204 16.6998 11.6163 16.6998ZM0.612549 22.2628C0.612576 22.4668 0.693639 22.6625 0.837912 22.8067C0.982185 22.951 1.17785 23.0321 1.38188 23.0321H11.5247C11.7288 23.0321 11.9245 22.9511 12.0687 22.8068C12.213 22.6625 12.2941 22.4668 12.2941 22.2628C12.2941 22.0587 12.213 21.863 12.0687 21.7188C11.9245 21.5745 11.7288 21.4934 11.5247 21.4934H1.38178C1.17776 21.4935 0.982103 21.5745 0.837846 21.7188C0.69359 21.8631 0.612549 22.0588 0.612549 22.2628ZM8.55555 26.2872C8.35151 26.2872 8.15583 26.3682 8.01155 26.5125C7.86727 26.6568 7.78621 26.8525 7.78621 27.0565C7.78621 27.2606 7.86727 27.4562 8.01155 27.6005C8.15583 27.7448 8.35151 27.8259 8.55555 27.8259H11.5542C11.7582 27.8259 11.9539 27.7448 12.0982 27.6005C12.2425 27.4562 12.3235 27.2606 12.3235 27.0565C12.3235 26.8525 12.2425 26.6568 12.0982 26.5125C11.9539 26.3682 11.7582 26.2872 11.5542 26.2872H8.55555ZM12.3266 31.8504C12.3265 31.6463 12.2455 31.4507 12.1012 31.3064C11.9569 31.1621 11.7613 31.0811 11.5572 31.081H7.32898C7.12494 31.081 6.92925 31.1621 6.78498 31.3064C6.6407 31.4507 6.55964 31.6463 6.55964 31.8504C6.55964 32.0544 6.6407 32.2501 6.78498 32.3944C6.92925 32.5387 7.12494 32.6197 7.32898 32.6197H11.5572C11.7613 32.6197 11.957 32.5387 12.1012 32.3944C12.2455 32.2501 12.3266 32.0544 12.3266 31.8504ZM51.3873 32.3781V12.156C51.3873 11.9027 51.2357 11.622 50.9971 11.4828L33.645 1.36751C33.5274 1.29886 33.3936 1.2627 33.2574 1.2627C33.1212 1.2627 32.9874 1.29886 32.8697 1.36751L15.5181 11.4828C15.2908 11.6153 15.1279 11.8658 15.1279 12.156V32.3781C15.1278 32.5126 15.1631 32.6448 15.2301 32.7615C15.2972 32.8781 15.3937 32.9751 15.51 33.0427L18.4354 34.7472C18.3713 35.2523 18.4156 34.8615 18.4019 42.6957C18.4019 44.7687 20.0883 46.4552 22.1614 46.4552H29.3151L32.0192 49.9975C32.3784 50.4683 32.9237 50.7383 33.5163 50.7383C34.1083 50.7383 34.6542 50.468 35.0138 49.9968L37.7134 46.4552H44.8667C46.9398 46.4552 48.6261 44.7665 48.6261 42.6908C48.6005 34.8984 48.684 35.1299 48.5508 34.4728L51.0052 33.0427C51.1215 32.9751 51.218 32.8781 51.285 32.7615C51.3521 32.6448 51.3874 32.5126 51.3873 32.3781ZM49.0819 12.1475L42.5136 15.9764L26.6891 6.75164L33.2574 2.92263L49.0819 12.1475ZM33.2574 21.3723L17.4333 12.1475L25.1613 7.64234L40.9858 16.8671L33.2574 21.3723ZM16.6664 31.9361V13.4817L32.4879 22.705V31.4588H22.1663C20.8066 31.4588 19.6165 32.1859 18.9548 33.2694L16.6664 31.9361ZM47.0875 42.6908C47.0875 43.9181 46.0912 44.9166 44.8667 44.9166H37.3323C37.2138 44.9166 37.097 44.944 36.9908 44.9965C36.8847 45.0491 36.7921 45.1255 36.7203 45.2197L33.7903 49.064C33.7001 49.1822 33.5799 49.1997 33.5159 49.1997C33.4628 49.2001 33.4105 49.1881 33.3629 49.1646C33.3154 49.141 33.2741 49.1067 33.2423 49.0642L30.3073 45.2192C30.2355 45.1251 30.1429 45.0489 30.0369 44.9964C29.9308 44.944 29.8141 44.9166 29.6958 44.9166H22.1614C20.9367 44.9166 19.9406 43.9204 19.9406 42.6958V35.2233C19.9406 33.9959 20.9393 32.9974 22.1665 32.9974H44.8668C46.0914 32.9974 47.0876 33.9959 47.0876 35.2233L47.0875 42.6908ZM47.9327 33.0523C47.2511 32.0899 46.1321 31.4588 44.8667 31.4588H34.0266V22.705L41.7734 18.1891V22.2629C41.7767 22.4648 41.8592 22.6572 42.0031 22.7988C42.147 22.9405 42.3408 23.0198 42.5427 23.0198C42.7446 23.0198 42.9384 22.9405 43.0824 22.7988C43.2263 22.6572 43.3088 22.4648 43.3121 22.2629V17.2922L49.8487 13.4817V31.9358L47.9327 33.0523Z" fill="#155DFC"/>
                      <path d="M26.2232 35.5859H23.2586C23.0546 35.5859 22.8589 35.667 22.7146 35.8113C22.5703 35.9555 22.4893 36.1512 22.4893 36.3553V41.5591C22.4925 41.761 22.575 41.9535 22.719 42.0951C22.8629 42.2367 23.0567 42.3161 23.2586 42.3161C23.4605 42.3161 23.6543 42.2367 23.7982 42.0951C23.9422 41.9535 24.0246 41.761 24.0279 41.5591V40.1838H25.804C26.008 40.1838 26.2037 40.1027 26.348 39.9584C26.4922 39.8142 26.5733 39.6185 26.5733 39.4144C26.5733 39.2104 26.4922 39.0147 26.348 38.8704C26.2037 38.7262 26.008 38.6451 25.804 38.6451H24.0279V37.1245H26.2232C26.4257 37.1222 26.6191 37.0401 26.7615 36.8961C26.9039 36.7521 26.9837 36.5577 26.9837 36.3552C26.9837 36.1527 26.9039 35.9584 26.7615 35.8144C26.6191 35.6703 26.4257 35.5883 26.2232 35.5859ZM37.8987 37.1246C38.1028 37.1246 38.2984 37.0436 38.4427 36.8993C38.587 36.755 38.6681 36.5593 38.6681 36.3553C38.6681 36.1512 38.587 35.9555 38.4427 35.8113C38.2984 35.667 38.1028 35.5859 37.8987 35.5859H34.9341C34.7301 35.5859 34.5344 35.667 34.3901 35.8113C34.2458 35.9555 34.1648 36.1512 34.1648 36.3553V41.5591C34.1648 41.7632 34.2459 41.9588 34.3901 42.1031C34.5344 42.2474 34.7301 42.3284 34.9341 42.3285H37.8987C38.1028 42.3285 38.2984 42.2474 38.4427 42.1031C38.587 41.9589 38.6681 41.7632 38.6681 41.5591C38.6681 41.3551 38.587 41.1594 38.4427 41.0151C38.2984 40.8709 38.1028 40.7898 37.8987 40.7898H35.7035V39.7264H37.4795C37.6835 39.7264 37.8792 39.6454 38.0235 39.5011C38.1678 39.3568 38.2488 39.1611 38.2488 38.9571C38.2488 38.7531 38.1678 38.5574 38.0235 38.4131C37.8792 38.2688 37.6835 38.1878 37.4795 38.1878H35.7035V37.1244H37.8987V37.1246ZM43.7687 37.1246C43.9728 37.1246 44.1685 37.0436 44.3127 36.8993C44.457 36.755 44.5381 36.5593 44.5381 36.3553C44.5381 36.1512 44.457 35.9555 44.3127 35.8113C44.1685 35.667 43.9728 35.5859 43.7687 35.5859H40.8041C40.6001 35.5859 40.4044 35.667 40.2601 35.8113C40.1158 35.9555 40.0348 36.1512 40.0348 36.3553V41.5591C40.0348 41.7632 40.1159 41.9588 40.2602 42.1031C40.4044 42.2474 40.6001 42.3284 40.8041 42.3285H43.7687C43.9728 42.3285 44.1685 42.2474 44.3127 42.1031C44.457 41.9589 44.5381 41.7632 44.5381 41.5591C44.5381 41.3551 44.457 41.1594 44.3127 41.0151C44.1685 40.8709 43.9728 40.7898 43.7687 40.7898H41.5735V39.7264H43.3495C43.5535 39.7264 43.7492 39.6454 43.8935 39.5011C44.0378 39.3568 44.1188 39.1611 44.1188 38.9571C44.1188 38.7531 44.0378 38.5574 43.8935 38.4131C43.7492 38.2688 43.5535 38.1878 43.3495 38.1878H41.5735V37.1244H43.7687V37.1246ZM31.4066 39.5602C32.0533 39.1945 32.496 38.5086 32.496 37.7144C32.496 36.5408 31.5409 35.586 30.3674 35.586H28.7621C28.558 35.586 28.3623 35.6671 28.2181 35.8114C28.0738 35.9557 27.9927 36.1513 27.9927 36.3554V41.5592C27.996 41.7611 28.0785 41.9536 28.2224 42.0952C28.3663 42.2368 28.5602 42.3162 28.7621 42.3162C28.964 42.3162 29.1578 42.2368 29.3017 42.0952C29.4456 41.9536 29.5281 41.7611 29.5314 41.5592V39.8428H29.7409L31.1902 41.9898C31.4293 42.3436 31.9085 42.4335 32.258 42.1968C32.3418 42.1404 32.4137 42.0679 32.4695 41.9837C32.5252 41.8994 32.5639 41.805 32.5831 41.7058C32.6024 41.6066 32.6019 41.5046 32.5817 41.4056C32.5615 41.3066 32.522 41.2125 32.4654 41.1288L31.4066 39.5602ZM29.5314 37.1246H30.3674C30.6929 37.1246 30.9573 37.3891 30.9573 37.7144C30.9573 38.0397 30.6929 38.3042 30.3674 38.3042H29.5314V37.1246Z" fill="#155DFC"/>
                    </svg>
                  </div>
                  <span class="ship-badge active">Active</span>
                </div>
                <div class="strat-title">Free Shipping</div>
                <div class="strat-sub">Offer free shipping to customers</div>
              </div>
              <div class="strat-card">
                <div class="strat-top">
                  <div class="strat-ic">
                    <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M27.1375 37.3445V37.6086C27.1375 39.3352 25.7258 40.7367 23.9992 40.7367H23.725V41.7016C23.725 42.1484 23.3594 42.5141 22.9125 42.5141C22.4656 42.5141 22.1 42.1484 22.1 41.7016V40.7367H19.8148C19.368 40.7367 19.0023 40.3711 19.0023 39.9242C19.0023 39.4773 19.368 39.1117 19.8148 39.1117H23.9891C24.8219 39.1117 25.5023 38.4312 25.5023 37.6086V37.3445C25.5023 36.5117 24.8219 35.8414 23.9891 35.8414H21.8359C20.1094 35.8414 18.6977 34.4398 18.6977 32.7133V32.6117C18.6977 30.8852 20.1094 29.4836 21.8359 29.4836H22.1102V28.5391C22.1102 28.0922 22.4758 27.7266 22.9227 27.7266C23.3695 27.7266 23.7352 28.0922 23.7352 28.5391V29.4836H26.1727C26.6195 29.4836 26.9852 29.8492 26.9852 30.2961C26.9852 30.743 26.6195 31.1086 26.1727 31.1086H21.8359C21.0031 31.1086 20.3227 31.7891 20.3227 32.6117V32.7133C20.3227 33.5461 21.0031 34.2164 21.8359 34.2164H23.9992C25.7258 34.2164 27.1375 35.618 27.1375 37.3445ZM46.3734 17.1742C46.3734 18.5047 45.2867 19.5914 43.9562 19.5914H33.0383C32.7844 20.0586 32.3781 20.4344 31.8906 20.6477C34.1656 23.5016 36.5016 27.8484 38.1062 32.2664C39.4164 35.882 41.3258 42.6562 39.3656 47.3281C38.4719 49.4609 36.3695 52 31.4133 52H14.4219C9.21171 52 7.11953 49.207 6.28672 46.8609C4.49922 41.8336 6.71328 34.7852 8.19609 31.0273C10.3086 25.6852 13.3859 20.7086 15.9148 18.5453V14.5234C14.9602 14.0156 14.0461 13.2742 13.2336 12.35C10.5523 9.30312 10.1969 4.98672 11.6797 3.30078C13.1117 1.66562 15.8437 2.99609 17.8445 3.97109C17.9562 4.02187 18.068 4.08281 18.1695 4.13359C18.4031 3.49375 18.6977 2.90469 19.0633 2.36641C20.0992 0.842969 21.5008 0 23.0141 0C24.5273 0 25.9391 0.842969 26.9648 2.37656C27.3203 2.90469 27.625 3.50391 27.8586 4.14375C27.9602 4.09297 28.0719 4.04219 28.1836 3.98125C30.1844 3.00625 32.9164 1.67578 34.3484 3.31094C35.8312 4.99687 35.4758 9.31328 32.7945 12.3602C32.632 12.543 32.4594 12.7258 32.2867 12.8984C32.4797 13.0305 32.6523 13.193 32.8047 13.3758L40.4523 8.95781C41.6102 8.2875 43.093 8.68359 43.7633 9.84141C44.4336 10.9992 44.0375 12.482 42.8797 13.1523L40.0969 14.757H43.9562C45.2867 14.757 46.3734 15.8438 46.3734 17.1742ZM33.6578 14.757H36.8469L42.0672 11.7406C42.443 11.5172 42.575 11.0297 42.3617 10.6539C42.1383 10.2781 41.6508 10.1461 41.275 10.3594L33.6578 14.757ZM30.4789 19.1039C30.6008 19.1852 30.7531 19.2359 30.9156 19.2359C31.3523 19.2359 31.7078 18.8805 31.7078 18.4438V14.8789C31.7078 14.4422 31.3523 14.0867 30.9156 14.0867C30.682 14.0867 30.4687 14.1883 30.3164 14.3609C30.1945 14.5031 30.1234 14.6859 30.1234 14.8789V18.4438C30.1234 18.718 30.2656 18.9617 30.4789 19.1039ZM17.5398 18.2711L28.5391 18.9109C28.5086 18.7586 28.4883 18.6063 28.4883 18.4438V15.1023H17.5398V18.2711ZM17.5703 13.4773H28.9453C28.9859 13.4164 29.0367 13.3555 29.0875 13.2945C29.382 12.9594 29.7578 12.7156 30.1641 12.5734C30.6617 12.2078 31.1391 11.7812 31.5758 11.2734C33.7492 8.80547 34.0133 5.38281 33.1297 4.37734C32.5102 3.67656 30.0727 4.86484 28.8945 5.43359C28.6812 5.53516 28.4781 5.63672 28.2852 5.72813C28.3969 6.35781 28.4578 7.01797 28.4578 7.68828C28.4578 8.13516 28.0922 8.50078 27.6453 8.50078C27.1984 8.50078 26.8328 8.13516 26.8328 7.68828C26.8328 4.39766 25.0859 1.61484 23.0141 1.61484C20.9422 1.625 19.1953 4.40781 19.1953 7.69844C19.1953 8.14531 18.8297 8.51094 18.3828 8.51094C17.9359 8.51094 17.5703 8.14531 17.5703 7.69844C17.5703 7.02813 17.6312 6.36797 17.743 5.73828C17.55 5.64687 17.3469 5.54531 17.1336 5.44375C15.9555 4.875 13.518 3.68672 12.8984 4.3875C12.0148 5.39297 12.2789 8.81563 14.4523 11.2836C15.3969 12.35 16.4937 13.1219 17.5703 13.4773ZM29.707 20.607L16.8695 19.8656C14.5742 21.8969 11.6594 26.6602 9.69921 31.6266C7.32265 37.6594 6.64218 43.0117 7.81015 46.3125C8.78515 49.0445 10.9383 50.375 14.4117 50.375H31.4031C34.7039 50.375 36.8164 49.1766 37.8625 46.7086C40.7875 39.7516 34.2469 25.4617 29.707 20.607ZM44.7484 17.1742C44.7484 16.7375 44.393 16.382 43.9562 16.382H33.3328V17.9766H43.9562C44.393 17.9766 44.7484 17.6211 44.7484 17.1742Z" fill="#FB7701"/>
                    </svg>
                  </div>
                  <span class="ship-badge active">Active</span>
                </div>
                <div class="strat-title">Flat Rate</div>
                <div class="strat-sub">Single rate for all orders</div>
              </div>
              <div class="strat-card">
                <div class="strat-top">
                  <div class="strat-ic">
                    <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M50.9168 24.917C51.5235 24.917 52.0002 25.3937 52.0002 26.0003C52.0002 26.607 51.5235 27.0837 50.9168 27.0837H49.8335V24.917H50.9168ZM27.0835 24.917H49.8335V27.0837H27.0835V24.917Z" fill="#9810FA"/>
                      <path d="M46.5833 52H26C26.6067 52 27.0833 51.5233 27.0833 50.9167V49.8333H46.5833C48.3817 49.8333 49.8333 48.3817 49.8333 46.5833V27.0833H50.9167C51.5233 27.0833 52 26.6067 52 26V46.5833C52 47.2947 51.8599 47.999 51.5877 48.6562C51.3155 49.3134 50.9165 49.9105 50.4135 50.4135C49.9105 50.9165 49.3134 51.3155 48.6562 51.5877C47.999 51.8599 47.2947 52 46.5833 52ZM52 5.41667V26C52 25.3933 51.5233 24.9167 50.9167 24.9167H49.8333V5.41667C49.8333 3.61833 48.3817 2.16667 46.5833 2.16667H27.0833V1.08333C27.0833 0.476667 26.6067 0 26 0H46.5833C47.2947 0 47.999 0.140106 48.6562 0.412319C49.3134 0.684532 49.9105 1.08352 50.4135 1.5865C50.9165 2.08949 51.3155 2.68662 51.5877 3.3438C51.8599 4.00098 52 4.70534 52 5.41667Z" fill="#9810FA"/>
                      <path d="M43.3332 13C43.9398 13 44.4165 13.4767 44.4165 14.0833C44.4165 14.69 43.9398 15.1667 43.3332 15.1667H34.6665C34.0598 15.1667 33.5832 14.69 33.5832 14.0833C33.5832 13.4767 34.0598 13 34.6665 13H43.3332ZM43.3332 34.6667C43.9398 34.6667 44.4165 35.1433 44.4165 35.75C44.4165 36.3567 43.9398 36.8333 43.3332 36.8333H34.6665C34.0598 36.8333 33.5832 36.3567 33.5832 35.75C33.5832 35.1433 34.0598 34.6667 34.6665 34.6667H43.3332ZM43.3332 41.1667C43.9398 41.1667 44.4165 41.6433 44.4165 42.25C44.4165 42.8567 43.9398 43.3333 43.3332 43.3333H34.6665C34.0598 43.3333 33.5832 42.8567 33.5832 42.25C33.5832 41.6433 34.0598 41.1667 34.6665 41.1667H43.3332ZM27.0832 49.8333V50.9167C27.0832 51.5233 26.6065 52 25.9998 52C25.3932 52 24.9165 51.5233 24.9165 50.9167V49.8333H27.0832ZM24.9165 27.0833H27.0832V49.8333H24.9165V27.0833ZM24.9165 24.9167H27.0832V27.0833H24.9165V24.9167ZM24.9165 2.16667H27.0832V24.9167H24.9165V2.16667ZM27.0832 1.08333V2.16667H24.9165V1.08333C24.9165 0.476667 25.3932 0 25.9998 0C26.6065 0 27.0832 0.476667 27.0832 1.08333ZM2.1665 24.9167H24.9165V27.0833H2.1665V24.9167ZM17.3332 13C17.9398 13 18.4165 13.4767 18.4165 14.0833C18.4165 14.69 17.9398 15.1667 17.3332 15.1667H14.0832V13H17.3332ZM17.0082 41.4917C17.4415 41.9033 17.4415 42.5967 17.0082 43.0083C16.8132 43.225 16.5315 43.3333 16.2498 43.3333C15.9682 43.3333 15.6865 43.225 15.4915 43.0083L12.9998 40.5167L14.5165 39L17.0082 41.4917ZM15.4915 34.9917C15.9032 34.5583 16.5965 34.5583 17.0082 34.9917C17.4415 35.4033 17.4415 36.0967 17.0082 36.5083L14.5165 39L12.9998 37.4833L15.4915 34.9917ZM11.4767 38.9978L12.9933 37.4812L14.51 38.9978L12.9933 40.5145L11.4767 38.9978ZM14.0832 15.1667V18.4167C14.0832 19.0233 13.6065 19.5 12.9998 19.5C12.3932 19.5 11.9165 19.0233 11.9165 18.4167V15.1667H14.0832ZM11.9165 13H14.0832V15.1667H11.9165V13ZM14.0832 9.75V13H11.9165V9.75C11.9165 9.14333 12.3932 8.66667 12.9998 8.66667C13.6065 8.66667 14.0832 9.14333 14.0832 9.75Z" fill="#9810FA"/>
                      <path d="M13 37.4833L11.4833 39L8.99167 36.5083C8.55833 36.0967 8.55833 35.4033 8.99167 34.9917C9.40333 34.5583 10.0967 34.5583 10.5083 34.9917L13 37.4833ZM11.9167 13V15.1667H8.66667C8.06 15.1667 7.58333 14.69 7.58333 14.0833C7.58333 13.4767 8.06 13 8.66667 13H11.9167ZM10.5083 43.0083C10.3133 43.225 10.0317 43.3333 9.75 43.3333C9.46833 43.3333 9.18667 43.225 8.99167 43.0083C8.55833 42.5967 8.55833 41.9033 8.99167 41.4917L11.4833 39L13 40.5167L10.5083 43.0083ZM2.16667 24.9167V27.0833H1.08333C0.476667 27.0833 0 26.6067 0 26C0 25.3933 0.476667 24.9167 1.08333 24.9167H2.16667Z" fill="#9810FA"/>
                      <path d="M0 5.41667C0 3.98008 0.570683 2.60233 1.5865 1.5865C2.60233 0.570683 3.98008 0 5.41667 0L26 0C25.3933 0 24.9167 0.476667 24.9167 1.08333V2.16667H5.41667C3.61833 2.16667 2.16667 3.61833 2.16667 5.41667V24.9167H1.08333C0.476667 24.9167 0 25.3933 0 26V5.41667ZM2.16667 46.5833C2.16667 48.3817 3.61833 49.8333 5.41667 49.8333H24.9167V50.9167C24.9167 51.5233 25.3933 52 26 52H5.41667C4.70534 52 4.00098 51.8599 3.3438 51.5877C2.68662 51.3155 2.08949 50.9165 1.5865 50.4135C1.08352 49.9105 0.684532 49.3134 0.412319 48.6562C0.140106 47.999 0 47.2947 0 46.5833L0 26C0 26.6067 0.476667 27.0833 1.08333 27.0833H2.16667V46.5833Z" fill="#9810FA"/>
                    </svg>
                  </div>
                  <span class="ship-badge active">Active</span>
                </div>
                <div class="strat-title">Calculated</div>
                <div class="strat-sub">Based on weight &amp; location</div>
              </div>
            </div>
          </div>
        </div>

        <!-- ===== Free Shipping Rules ===== -->
        <div class="card mb-4">
          <div class="card-body p-4">
            <div class="d-flex align-items-center justify-content-between mb-4 flex-wrap">
              <h2 class="section-h mb-0">Free Shipping Rules</h2>
              <button type="button" class="btn btn-outline-primary">+ Add Rule</button>
            </div>

            <div class="rule-row">
              <div>
                <div class="rule-title">Order total over $50</div>
                <div class="rule-sub">Applies to: All US States</div>
              </div>
              <div class="rule-right">
                <span class="ship-badge active">Active</span>
                <a href="#" class="rule-edit">Edit</a>
              </div>
            </div>

            <div class="rule-row">
              <div>
                <div class="rule-title">Order total over $100</div>
                <div class="rule-sub">Applies to: International</div>
              </div>
              <div class="rule-right">
                <span class="ship-badge active">Active</span>
                <a href="#" class="rule-edit">Edit</a>
              </div>
            </div>

            <div class="rule-row">
              <div>
                <div class="rule-title">First-time customers</div>
                <div class="rule-sub">Applies to: Domestic</div>
              </div>
              <div class="rule-right">
                <span class="ship-badge paused">Paused</span>
                <a href="#" class="rule-edit">Edit</a>
              </div>
            </div>
          </div>
        </div>

        <!-- ===== Shipping Zones & Rates ===== -->
        <div class="card mb-4">
          <div class="card-body p-4">
            <div class="d-flex align-items-center justify-content-between flex-wrap mb-4">
              <h2 class="section-h mb-0">Shipping Zones &amp; Rates</h2>
              <button type="button" class="btn btn-outline-primary">+ Add Zone</button>
            </div>

            <!-- Zone 1 -->
            <div class="zone-box">
              <div class="zone-head">
                <div>
                  <div class="zone-name">Zone 1: Domestic (US)</div>
                  <div class="zone-sub">Continental United States</div>
                </div>
                <div class="zone-head-actions">
                  <button type="button" class="btn-editzone">Edit Zone</button>
                  <div class="toggle-switch active" role="switch" tabindex="0" aria-checked="true"></div>
                </div>
              </div>
              <div class="table-responsive">
                <table class="rate-table">
                  <thead>
                    <tr>
                      <th>Shipping Method</th><th>Weight Range</th><th>Delivery Time</th>
                      <th>Base Rate</th><th>Per lb</th><th>Actions</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr><td>Standard</td><td>0–5 lbs</td><td>5–7 days</td><td class="rt-rate">$5.99</td><td class="rt-perlb">$0.50</td><td><a href="#" class="rt-edit">Edit</a></td></tr>
                    <tr><td>Expedited</td><td>0–5 lbs</td><td>2–3 days</td><td class="rt-rate">$12.99</td><td class="rt-perlb">$1.00</td><td><a href="#" class="rt-edit">Edit</a></td></tr>
                    <tr><td>Express</td><td>0–5 lbs</td><td>1–2 days</td><td class="rt-rate">$24.99</td><td class="rt-perlb">$2.00</td><td><a href="#" class="rt-edit">Edit</a></td></tr>
                  </tbody>
                </table>
              </div>
            </div>

            <!-- Zone 2 -->
            <div class="zone-box">
              <div class="zone-head">
                <div>
                  <div class="zone-name">Zone 2: International</div>
                  <div class="zone-sub">Canada, Mexico, Europe, Asia</div>
                </div>
                <div class="zone-head-actions">
                  <button type="button" class="btn-editzone">Edit Zone</button>
                  <div class="toggle-switch active" role="switch" tabindex="0" aria-checked="true"></div>
                </div>
              </div>
              <div class="table-responsive">
                <table class="rate-table">
                  <thead>
                    <tr>
                      <th>Shipping Method</th><th>Weight Range</th><th>Delivery Time</th>
                      <th>Base Rate</th><th>Per lb</th><th>Actions</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr><td>International Standard</td><td>0–5 lbs</td><td>5–7 days</td><td class="rt-rate">$5.99</td><td class="rt-perlb">$0.50</td><td><a href="#" class="rt-edit">Edit</a></td></tr>
                    <tr><td>International Express</td><td>0–5 lbs</td><td>2–3 days</td><td class="rt-rate">$12.99</td><td class="rt-perlb">$1.00</td><td><a href="#" class="rt-edit">Edit</a></td></tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>

        <!-- ===== Rate Adjustments + Rate Calculator ===== -->
        <div class="row g-4">
          <div class="col-lg-6">
            <div class="card h-100">
              <div class="card-body p-4">
                <h2 class="section-h">Rate Adjustments</h2>
                <div class="mb-3">
                  <label class="form-label">Handling Fee</label>
                  <input type="number" class="form-control" placeholder="$2.00" step="0.01">
                </div>
                <div class="mb-4">
                  <label class="form-label">Weekend Surcharge</label>
                  <input type="number" class="form-control" placeholder="$5.00" step="0.01">
                </div>
                <div class="adj-tax-row">
                  <div>
                    <div class="adj-text-title">Apply tax to shipping</div>
                    <div class="adj-text-desc">Add sales tax to shipping cost</div>
                  </div>
                  <div class="toggle-switch active" role="switch" tabindex="0" aria-checked="true"></div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-6">
            <div class="card h-100">
              <div class="card-body p-4">
                <h2 class="section-h">Rate Calculator</h2>
                <div class="row g-3 mb-4">
                  <div class="col-6">
                    <label class="form-label">Handling Fee</label>
                    <input type="number" id="calcA" class="form-control" placeholder="$2.00" step="0.01">
                  </div>
                  <div class="col-6">
                    <label class="form-label">Handling Fee</label>
                    <input type="number" id="calcB" class="form-control" placeholder="$2.00" step="0.01">
                  </div>
                </div>
                <button type="button" class="btn-blue mb-4" id="calcBtn">Calculate Rate</button>
                <div class="calc-result">
                  <div class="calc-amount" id="estCost">$8.99</div>
                  <div class="calc-cap">Estimated Cost</div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <script>
          (function(){
            /* toggles */
            document.querySelectorAll('.toggle-switch').forEach(function(t){
              function flip(){ t.classList.toggle('active'); t.setAttribute('aria-checked', t.classList.contains('active')); }
              t.addEventListener('click', flip);
              t.addEventListener('keydown', function(e){ if(e.key==='Enter'||e.key===' '){ e.preventDefault(); flip(); } });
            });
            /* strategy card select */
            document.querySelectorAll('.strat-card').forEach(function(c){
              c.addEventListener('click', function(){ c.classList.toggle('is-off'); });
            });
            /* rate calculator: base 4.99 + the two fees */
            var btn = document.getElementById('calcBtn');
            if(btn){ btn.addEventListener('click', function(){
              var a = parseFloat(document.getElementById('calcA').value) || 2.00;
              var b = parseFloat(document.getElementById('calcB').value) || 2.00;
              var est = 4.99 + a + b;
              document.getElementById('estCost').textContent = '$' + est.toFixed(2);
            }); }
          })();
        </script>
</main>
@endsection

@section('script')
<script>
(function(){
            /* toggles */
            document.querySelectorAll('.toggle-switch').forEach(function(t){
              function flip(){ t.classList.toggle('active'); t.setAttribute('aria-checked', t.classList.contains('active')); }
              t.addEventListener('click', flip);
              t.addEventListener('keydown', function(e){ if(e.key==='Enter'||e.key===' '){ e.preventDefault(); flip(); } });
            });
            /* strategy card select */
            document.querySelectorAll('.strat-card').forEach(function(c){
              c.addEventListener('click', function(){ c.classList.toggle('is-off'); });
            });
            /* rate calculator: base 4.99 + the two fees */
            var btn = document.getElementById('calcBtn');
            if(btn){ btn.addEventListener('click', function(){
              var a = parseFloat(document.getElementById('calcA').value) || 2.00;
              var b = parseFloat(document.getElementById('calcB').value) || 2.00;
              var est = 4.99 + a + b;
              document.getElementById('estCost').textContent = '$' + est.toFixed(2);
            }); }
          })();
        </script>
      </main>
    </div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  <script>
    /* ---- Mobile sidebar toggle ---- */
    (function () {
      var sb = document.getElementById('dashSidebar');
      var ov = document.getElementById('sidebarOverlay');
      var open = document.getElementById('hamburgerBtn');
      var close = document.getElementById('sidebarCloseBtn');
      function show(){ sb.classList.add('open'); ov.classList.add('overlay-active'); }
      function hide(){ sb.classList.remove('open'); ov.classList.remove('overlay-active'); }
      if (open) open.addEventListener('click', show);
      if (close) close.addEventListener('click', hide);
      if (ov) ov.addEventListener('click', hide);
    })();
</script>
@endsection