@extends('header')
@section('content')
<script>
    var pg_id = 4;
</script>
        <!-- Page Sidebar Ends-->
        <div class="page-body">
            <div class="container-fluid">
              <div class="page-title">
                <div class="row">
                  <div class="col-6">
                    <h3>Analytics</h3>
                  </div>
                  <div class="col-6">
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a href="index.php">
                          <svg class="stroke-icon">
                            <use href="{{ asset('assets/svg/icon-sprite.svg#stroke-home') }}"></use>
                          </svg></a></li>
                      <li class="breadcrumb-item">Analytics</li>
                      <li class="breadcrumb-item active">Home</li>
                    </ol>
                  </div>
                </div>
              </div>
            </div>
            <!-- Container-fluid starts-->
            <div class="container-fluid">
              <div class="row widget-grid">

                <div class="product-wrapper-grid">
                  <div class="row">

                  <div class="col-xl-12">
                  <div class="card">
                  <div class="card-header card-no-border">
                      <div class="col-md-12 row">

                          <div class="col-md-3 sm-3">
                              <label class="form-label" style="line-height:2em;" >Parameter</label>
                              <select name="parameter" class="form-control mb-3 select2" style="line-height:2em; font-size:0.5rem;">
                              <option value="0">--Select--</option>
                              <option value="1">Option 1</option>
                              <option value="2">Option 2</option>
                              </select>
                          </div>

                          <div class="col-md-3 ">
                              <label class="form-label" style="line-height:2em;" >Date From</label>
                              <input type="date" class="form-control mb-3" style="line-height:2.2em; font-size:0.5rem;border: 1px solid #898989a6;" name="searchDateFrom"
                              id="searchDateFrom" value="{{ date('Y-m-d', strtotime('-1 day')) }}"
                              min="" max="{{ date('Y-m-d', strtotime('-1 day')) }}">
                          </div>

                          <div class="col-md-3 ">
                              <label class="form-label" style="line-height:2em;" >Date To</label>
                              <input type="date" class="form-control mb-3" style="line-height:2.2em; font-size:0.5rem;border: 1px solid #898989a6;" name="searchDateTo"
                                  id="searchDateTo" value="{{ date('Y-m-d', strtotime('-1 day')) }}" min=""
                                  max="{{ date('Y-m-d', strtotime('-1 day')) }}">
                          </div>

                          <div class="col-md-3 mt-3">
                              <button type="button" class="btn btn-primary" style="line-height:2.0em; margin-top:8px;" >Analyze</button>
                          </div>

                      </div>
                      </div>
                  </div>
                </div>
              </div>
              </div>


              <div class="product-wrapper-grid">
                  <div class="row">
                      <div class="col-xl-12">
                          <div class="card">
                              <div class="card-header card-no-border">
                                  <div id="chart_line"></div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>

            <div class="row">
                <div class="col-xl-12">
                    <div class="col-md-12 row"  style="margin-top: 30px;"></div>
                </div>
            </div>

                </div>
              </div>
            </div>
            <!-- Container-fluid Ends-->
          </div>
          <!-- footer start-->

        @endsection

  </body>
</html>