<?php include("header.php"); ?>

<div class="row p-3">
  <div class="col-lg-4">
    <div class="card shadow p-4 my-2">
      <h3 class="fw-bold">2,300</h3>
      <p class="text-secondary p-0 m-0">Total Quantity</p>
    </div>
  </div>
  <div class="col-lg-4">
    <div class="card shadow p-4 my-2">
      <h3 class="fw-bold">2,300</h3>
      <p class="text-secondary p-0 m-0">Total Discount</p>
    </div>
  </div>
  <div class="col-lg-4">
    <div class="card shadow p-4 my-2">
      <h3 class="fw-bold">2,300</h3>
      <p class="text-secondary p-0 m-0">Total Amount</p>
    </div>
  </div>
</div>
    <div class="card py-3 shadow p-2 card-main-chart m-3">
        <div class="toolbar my-3">
          <button  id="one_month" class="btn btn-outline-primary rounded-3 mx-2  ">
            1M
          </button>
          
          <button  id="six_months" class="btn  btn-outline-primary rounded-3 mx-2  ">
            6M
          </button>
          
          <button  id="one_year" class="btn  btn-outline-primary rounded-3 mx-2  ">
            1Y
          </button>
          
          <button  id="ytd" class="btn  btn-outline-primary rounded-3 mx-2  ">
            YTD
          </button>
         
<button class="btn btn-primary dropdown-toggle"  type="button" data-bs-toggle="dropdown" aria-expanded="false">More Options...</button>    
<div class="dropdown-menu p-0">
  <div class="card ">
    <div class="card-header">
    <button class="btn btn-transparent float-end my-1 btn-shut" ><i class="fa-solid fa-xmark fs-5"></i></button>
  </div>
  <div class="card-body">
    <div class="row">
     <div class="col-lg-4 col-md-6">
   <div class="mb-3">
       <label for="" class="form-label">From: </label>
       <input type="date" class="form-control" name="" id="from_date">
   </div>
     </div>
     <div class="col-lg-4 col-md-6">
   <div class="mb-3">
       <label for="" class="form-label">To: </label>
       <input type="date" class="form-control" name="" id="to_date">
   </div>
     </div>
<div class="col-lg-4 col-md-6">
<button class="btn btn-primary" style="margin-top:33px;">
  <i class="fa-solid fa-eye"></i>
  View
</button>
</div>
    </div>
  </div>
</div>
</div>  
</div>
<div id="chart-timeline"></div>

</div>
<div class="row p-3">
    <div class="col-lg-4 my-2">
        <div class="card shadow">
            <div id="chart1"></div>
        </div>
    </div>
    <div class="col-lg-4 my-2">
        <div class="card shadow">
            <div id="chart2"></div>
        </div>
    </div>
    <div class="col-lg-4 my-2">
        <div class="card shadow">
            <div id="chart3"></div>
        </div>
    </div>

<?php include("footer.php"); ?>