  <!--start main wrapper-->
  <main class="main-wrapper">
    <div class="main-content">

      <div class="row align-items-center">
        <div class="col-md-8 my-2">
          <h3 class="fmon mb-0">Dashboard</h3>
        </div>
        <div class="col-md-4 my-2">
          <div class="row">
            <div class="col-md-6 my-1">
              <select class="form-select date-selection customSelect" name="date-selection" id="date-selection-1">
                <option value="Today" selected>Today</option>
                <option value="Yesterday">Yesterday</option>
                <option value="This Week">This Week</option>
                <option value="Last Week">Last Week</option>
                <option value="This Month">This Month</option>
                <option value="Last Month">Last Month</option>
                <option value="Custom">Custom</option>
              </select>
              <div class="d-flex d-none date" id="">
                <input class="form-control " type="date" class="">
                <button class="btn btnRefresh" id=""> <img src="./assets/images/reload.svg" alt=""
                    width="15px"></button>
              </div>
            </div>
            <div class="col-md-6 my-1">
              <select name="" id="" class="form-select  customSelect ">
                <option value="" selected>Filter</option>
                <option value="">1</option>
                <option value="">2</option>
                <option value="">2</option>
              </select>
            </div>
          </div>

        </div>
      </div>

      <div class="my-2 w-100 d-flex flex-wrap gap-2 justify-content-between">
        <div class="customBox p-2">
          <div class="row">
            <div class="col-md-4">
              <div class="imgIcon d-flex justify-content-center align-items-center p-2">
                <img src="./assets/images/megaIcons/cp1.png" alt="">
              </div>
            </div>
            <div class="col-md-8">
              <p class="fss1">$225,000</p>
              <p class="fss2">Total Income</p>
            </div>
          </div>
        </div>
        <div class="customBox p-2">
          <div class="row">
            <div class="col-md-4">
              <div class="imgIcon d-flex justify-content-center align-items-center p-2">
                <img src="./assets/images/megaIcons/cp2.png" alt="">
              </div>
            </div>
            <div class="col-md-8">
              <p class="fss1">10</p>
              <p class="fss2">My Shops</p>
            </div>
          </div>
        </div>

        <div class="customBox p-2">
          <div class="row">
            <div class="col-md-4">
              <div class="imgIcon d-flex justify-content-center align-items-center p-2">
                <img src="./assets/images/megaIcons/cp3.png" alt="">
              </div>
            </div>
            <div class="col-md-8">
              <p class="fss1">1025</p>
              <p class="fss2">Catalogues</p>
            </div>
          </div>
        </div>

        <div class="customBox p-2">
          <div class="row">
            <div class="col-md-4">
              <div class="imgIcon d-flex justify-content-center align-items-center p-2">
                <img src="./assets/images/megaIcons/cp4.png" alt="">
              </div>
            </div>
            <div class="col-md-8">
              <p class="fss1">250</p>
              <p class="fss2">Total Orders</p>
            </div>
          </div>
        </div>
        <div class="customBox p-2">
          <div class="row">
            <div class="col-md-4">
              <div class="imgIcon d-flex justify-content-center align-items-center p-2">
                <img src="./assets/images/megaIcons/cp5.png" alt="">
              </div>
            </div>
            <div class="col-md-8">
              <p class="fss1">25</p>
              <p class="fss2">Ready Orders</p>
            </div>
          </div>
        </div>
      </div>

      <div class="row my-2">
        <h4 class="fmon mt-2">New Orders</h4>
        <div class="mb-2 col-md-8">
          <div class="row">
            <div class="col-md-6 my-2">
              <div class="orderCard p-3 ">
                <div class="row">
                  <div class="col-md-4">
                    <img class="clothImage" src="./assets/images/su1.png" alt="">
                  </div>
                  <div class="col-md-8">
                    <p class="f1 mb-0">Arabic Throbe</p>
                    <div>
                      <div class="d-flex justify-content-between">
                        <p class="f2 mb-0">Ref 34589655874</p>
                        <a href="./measurement.html" class="d-flex gap-2 align-items-center f2 mb-0"><img src="./assets/images/size.png"
                            alt="">view size</a>
                      </div>
                      <p class="f3 mb-0">Shipping Address</p>
                      <div class="d-flex justify-content-between align-items-center">
                        <p class="f4">Home Site 360, East Lyme, Dubai</p>
                        <img src="./assets/images/megaIcons/loca.png" alt="">
                      </div>
                      <p class="f5">AED 150.00</p>

                    </div>
                  </div>
                  <div class="col-md-12 d-flex justify-content-end">
                    <button class="btn setBtn px-4">Set a Delivery Date </button>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 my-2">
              <div class="orderCard p-3 ">
                <div class="row">
                  <div class="col-md-4">
                    <img class="clothImage" src="./assets/images/su2.png" alt="">
                  </div>
                  <div class="col-md-8">
                    <p class="f1 mb-0">Arabic Throbe</p>
                    <div>
                      <div class="d-flex justify-content-between">
                        <p class="f2 mb-0">Ref 34589655874</p>
                          <a href="./measurement.html" class="d-flex gap-2 align-items-center f2 mb-0"><img src="./assets/images/size.png"
                            alt="">view size</a>
                      </div>
                      <p class="f3 mb-0">Shipping Address</p>
                      <div class="d-flex justify-content-between align-items-center">
                        <p class="f4">Home Site 360, East Lyme, Dubai</p>
                        <img src="./assets/images/megaIcons/loca.png" alt="">
                      </div>
                      <p class="f5">AED 150.00</p>

                    </div>
                  </div>
                  <div class="col-md-12 d-flex justify-content-end">
                    <button class="btn setBtn px-4">Set a Delivery Date </button>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 my-2">
              <div class="orderCard p-3 ">
                <div class="row">
                  <div class="col-md-4">
                    <img class="clothImage" src="./assets/images/su3.png" alt="">
                  </div>
                  <div class="col-md-8">
                    <p class="f1 mb-0">Arabic Throbe</p>
                    <div>
                      <div class="d-flex justify-content-between">
                        <p class="f2 mb-0">Ref 34589655874</p>
                          <a href="./measurement.html" class="d-flex gap-2 align-items-center f2 mb-0"><img src="./assets/images/size.png"
                            alt="">view size</a>
                      </div>
                      <p class="f3 mb-0">Shipping Address</p>
                      <div class="d-flex justify-content-between align-items-center">
                        <p class="f4">Home Site 360, East Lyme, Dubai</p>
                        <img src="./assets/images/megaIcons/loca.png" alt="">
                      </div>
                      <p class="f5">AED 150.00</p>

                    </div>
                  </div>
                  <div class="col-md-12 d-flex justify-content-end">
                    <button class="btn setBtn px-4">Set a Delivery Date </button>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 my-2">
              <div class="orderCard p-3 ">
                <div class="row">
                  <div class="col-md-4">
                    <img class="clothImage" src="./assets/images/su1.png" alt="">
                  </div>
                  <div class="col-md-8">
                    <p class="f1 mb-0">Arabic Throbe</p>
                    <div>
                      <div class="d-flex justify-content-between">
                        <p class="f2 mb-0">Ref 34589655874</p>
                          <a href="./measurement.html" class="d-flex gap-2 align-items-center f2 mb-0"><img src="./assets/images/size.png"
                            alt="">view size</a>
                      </div>
                      <p class="f3 mb-0">Shipping Address</p>
                      <div class="d-flex justify-content-between align-items-center">
                        <p class="f4">Home Site 360, East Lyme, Dubai</p>
                        <img src="./assets/images/megaIcons/loca.png" alt="">
                      </div>
                      <p class="f5">AED 150.00</p>

                    </div>
                  </div>
                  <div class="col-md-12 d-flex justify-content-end">
                    <button class="btn setBtn px-4">Set a Delivery Date </button>
                  </div>
                </div>
              </div>
            </div>


          </div>
        </div>
        <div class="my-2 col-md-4">
          <div class="orderCard p-3">
            <div class="row p-2">
              <div class="col-md-12 p-2  my-2">
                <div class="row  ">
                  <div class="col-md-3 position-relative">
                    <img class="sImg" src="./assets/images/su1.png" alt="">
                    <img class="logoImage" src="./assets/images/sw1.png" alt="">
                  </div>
                  <div class="col-md-9">
                    <div class="d-flex justify-content-between">
                      <p class="f1 mb-0">Tawash</p>
                      <div class="oNum d-flex justify-content-center align-items-center">
                        <p class="m-0">01</p>
                      </div>
                    </div>
                    <p class="f2 mb-0">Men's Tailor - 30+ Years</p>
                    <div class="d-flex align-items-start gap-2">
                      <img class="m-0" src="./assets/images/megaIcons/loca.png" alt="">
                      <p class="f2 mb-0">Home Site 360, East Lyme</p>
                     
                    </div>
                  </div>
                </div>
              </div>
              <hr style="color: #fff; opacity: 1;">
              <div class="col-md-12 p-2  my-2">
                <div class="row  ">
                  <div class="col-md-3 position-relative">
                    <img class="sImg" src="./assets/images/su1.png" alt="">
                    <img class="logoImage" src="./assets/images/sw1.png" alt="">
                  </div>
                  <div class="col-md-9">
                    <div class="d-flex justify-content-between">
                      <p class="f1 mb-0">Tawash</p>
                      <div class="oNum d-flex justify-content-center align-items-center">
                        <p class="m-0">01</p>
                      </div>
                    </div>
                    <p class="f2 mb-0">Men's Tailor - 30+ Years</p>
                    <div class="d-flex align-items-start gap-2">
                      <img class="m-0" src="./assets/images/megaIcons/loca.png" alt="">
                      <p class="f2 mb-0">Home Site 360, East Lyme</p>
                     
                    </div>
                  </div>
                </div>
              </div>
              <hr style="color: #fff; opacity: 1;">
              <div class="col-md-12 p-2  my-2">
                <div class="row  ">
                  <div class="col-md-3 position-relative">
                    <img class="sImg" src="./assets/images/su1.png" alt="">
                    <img class="logoImage" src="./assets/images/sw1.png" alt="">
                  </div>
                  <div class="col-md-9">
                    <div class="d-flex justify-content-between">
                      <p class="f1 mb-0">Tawash</p>
                      <div class="oNum d-flex justify-content-center align-items-center">
                        <p class="m-0">01</p>
                      </div>
                    </div>
                    <p class="f2 mb-0">Men's Tailor - 30+ Years</p>
                    <div class="d-flex align-items-start gap-2">
                      <img class="m-0" src="./assets/images/megaIcons/loca.png" alt="">
                      <p class="f2 mb-0">Home Site 360, East Lyme</p>
                     
                    </div>
                  </div>
                </div>
              </div>
              <hr style="color: #fff; opacity: 1;">
              <div class="col-md-12 p-2  my-2">
                <div class="row  ">
                  <div class="col-md-3 position-relative">
                    <img class="sImg" src="./assets/images/su1.png" alt="">
                    <img class="logoImage" src="./assets/images/sw1.png" alt="">
                  </div>
                  <div class="col-md-9">
                    <div class="d-flex justify-content-between">
                      <p class="f1 mb-0">Tawash</p>
                      <div class="oNum d-flex justify-content-center align-items-center">
                        <p class="m-0">01</p>
                      </div>
                    </div>
                    <p class="f2 mb-0">Men's Tailor - 30+ Years</p>
                    <div class="d-flex align-items-start gap-2">
                      <img class="m-0" src="./assets/images/megaIcons/loca.png" alt="">
                      <p class="f2 mb-0">Home Site 360, East Lyme</p>
                     
                    </div>
                  </div>
                </div>
              </div>
              
          
            </div>

          </div>
        </div>
      </div>
  </main>
  <!--end main wrapper-->


  <!--start overlay-->
  <div class="overlay btn-toggle"></div>
  <!--end overlay-->