<%-  include('header') %>
    <div class="overlay"></div>
    <!-- ======== sidebar-nav end =========== -->

    <!-- ======== main-wrapper start =========== -->

      <!-- ========== header start ========== -->
      
      <!-- ========== header end ========== -->

      <!-- ========== section start ========== -->
      <section class="section">
        <div class="container-fluid">
          <!-- ========== title-wrapper start ========== -->
          <div class="title-wrapper pt-30">
            <div class="row align-items-center">
              <div class="col-md-6">
                <div class="title">
                  <h2>Atayeshe Dashboard</h2>
                </div>
              </div>
              <!-- end col -->
              <div class="col-md-6">
                <div class="breadcrumb-wrapper">
                  <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item">
                        <a href="#0">Dashboard</a>
                      </li>
                      <li class="breadcrumb-item active" aria-current="page">
                        Atayeshe
                      </li>
                    </ol>
                  </nav>
                </div>
              </div>
              <!-- end col -->
            </div>
            <!-- end row -->
          </div>
          <!-- ========== title-wrapper end ========== -->
          <div class="row">
            <div class="col-xl-3 col-lg-4 col-sm-6">
              <div class="icon-card mb-30">
                <div class="icon purple">
                  <i class="lni lni-plane"></i>
                </div>
                <div class="content">
                  <h6 class="mb-10">Total Quote</h6>
                  <h3 class="text-bold mb-10">0</h3>
                  <p class="text-sm text-success">
                    <i class="lni lni-arrow-up"></i> +0%
                    <span class="text-gray">(30 days)</span>
                  </p>
                </div>
              </div>
              <!-- End Icon Cart -->
            </div>
            <!-- End Col -->
            <div class="col-xl-3 col-lg-4 col-sm-6">
              <div class="icon-card mb-30">
                <div class="icon success">
                  <i class="fa fa-truck"></i>
                </div>
                <div class="content">
                  <h6 class="mb-10">Total Services</h6>
                  <h3 class="text-bold mb-10"><%= productCount %></h3>
                  <p class="text-sm text-danger">
                    <i class="lni lni-arrow-down">0</i> 
                    <span class="text-gray"> Services</span>
                  </p>
                </div>
              </div>
              <!-- End Icon Cart -->
            </div>
            <!-- End Col -->
            <div class="col-xl-3 col-lg-4 col-sm-6">
              <div class="icon-card mb-30">
                <div class="icon primary">
                  <i class="fa fa-warehouse"></i>
                </div>
                <div class="content">
                  <h6 class="mb-10">Total Packages</h6>
                  <h3 class="text-bold mb-10">0</h3>
                  <p class="text-sm text-danger">
                    <i class="lni lni-arrow-down"></i> 0%
                    <span class="text-gray">view packages</span>
                  </p>
                </div>
              </div>
              <!-- End Icon Cart -->
            </div>
            <!-- End Col -->
            <div class="col-xl-3 col-lg-4 col-sm-6">
              <div class="icon-card mb-30">
                <div class="icon orange">
                  <i class="lni lni-user"></i>
                </div>
                <div class="content">
                  <h6 class="mb-10">Total User</h6>
                  <h3 class="text-bold mb-10">0</h3>
                  <p class="text-sm text-danger">
                    <i class="lni lni-arrow-down">0</i> 
                    <span class="text-gray"> Registered</span>
                  </p>
                </div>
              </div>
              <!-- End Icon Cart -->
            </div>
            <!-- End Col -->
          </div>
          <!-- End Row -->
        
          <!-- End Row -->
        
          <!-- End Row -->
         
          <!-- End Row -->
          <div class="row">
            <div class="col-lg-5">
              <div class="card-style calendar-card mb-30">
                <div id="calendar-mini"></div>
              </div>
            </div>
            <!-- End Col -->
            <div class="col-lg-7">
              <div class="card-style mb-30">
                <div class="title d-flex flex-wrap align-items-center justify-content-between">
                  <div class="left">
                    <h6 class="text-medium mb-30">All Quotes</h6>
                  </div>
                  <div class="right">
                    
                        <a class="btn btn-primary" href="/admin/addservices">
                          <i class="lni lni-plus"></i>
                          Add  Service
                        </a>
                      
                    <!-- end select -->
                  </div>
                </div>
                <!-- End Title -->
                <div class="table-responsive">
                  <table class="table top-selling-table">
                    <thead>
                      <tr>
                        <th>
                          <h6 class="text-sm text-medium">Quote</h6>
                        </th>
                        <th class="min-width">
                          <h6 class="text-sm text-medium">
                            Quote Service <i class="lni lni-arrows-vertical"></i>
                          </h6>
                        </th>
                        <!-- <th class="min-width">
                          <h6 class="text-sm text-medium">
                            Name <i class="lni lni-arrows-vertical"></i>
                          </h6>
                        </th>
                        <th class="min-width">
                          <h6 class="text-sm text-medium">
                            Status <i class="lni lni-arrows-vertical"></i>
                          </h6>
                        </th> -->
                        <th>
                          <h6 class="text-sm text-medium text-end">
                            Actions <i class="lni lni-arrows-vertical"></i>
                          </h6>
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      <% products.forEach(product=>{ %>
                      <tr>
                        <td>
                          <div class="product">
                            <div class="image">
                              <img src="/<%= product.image %>" alt="" />
                            </div>
                            <p class="text-sm"></p>
                          </div>
                        </td>
                        <td>
                          <p class="text-sm"><%= product.name %></p>
                        </td>
                        <!-- <td>
                          <p class="text-sm">$345</p>
                        </td>
                        <td>
                          <span class="status-btn close-btn">Pending</span>
                        </td> -->
                        <td>
                          <div class="action justify-content-end">
                            <button class="edit">
                              <i class="lni lni-pencil"></i>
                            </button>
                            <button class="more-btn ml-10 dropdown-toggle" id="moreAction1" data-bs-toggle="dropdown"
                              aria-expanded="false">
                              <i class="lni lni-more-alt"></i>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="moreAction1">
                              <li class="dropdown-item">
                                <a href="/admin/removeService/<%= product.id %>" class="text-gray">Remove</a>
                              </li>
                              <li class="dropdown-item">
                                <a href="#0" class="text-gray">Edit</a>
                              </li>
                            </ul>
                          </div>
                        </td>
                      </tr>
                      <% })%>
                    </tbody>
                  </table>
                  
                  <!-- End Table -->
                </div>
              </div>
            </div>
            <!-- End Col -->
          </div>
          <!-- End Row -->
        </div>
        <!-- end container -->
      </section>
      <!-- ========== section end ========== -->

      <!-- ========== footer start =========== -->
      <%-  include('footer') %>