<!-- main -->
  <div class="col">
    <!-- main header -->
    <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-sm-12 col-xs-12">
			 <h1 class="font-thin h4"><a ui-sref="app.dashboard-v1">DashBoard &nbsp;</a><i class="fa fa-angle-right" aria-hidden="true"></i> <a ui-sref="app.dashboard-v1"> Beetle Hotel &nbsp;</a> <i class="fa fa-angle-right" aria-hidden="true"></i> <a ui-sref="app.report"> Beetle Hotel Baroda &nbsp;</a> <i class="fa fa-angle-right" aria-hidden="true"></i> <a ui-sref="app.details"> Overall Average</a> </h1>
        </div>
    </div>
  </div>
</div>

<div class="wrapper-md">
 <div class="row">
    <div class="col-sm-12">
      <div class="panel panel-default">
        <!-- <div class="panel-heading font-bold">Basic form</div> -->
        <div class="panel-body">
          <form role="form" id="dateform">
            <div class="form-group">
              <label>From:</label>
              <input type="text" class="form-control" placeholder="Enter Date">
            </div>
            <div class="form-group">
              <label>To:</label>
               <input type="text" class="form-control" placeholder="Enter Date">
            </div>
            <div class="form-group">
			  <button type="submit" class="btn btn-sm btn-dark btn-rounded">Go</button>
			 </div>
			 <div class="form-group">
			  <a ui-sref="app.average" class="btn btn-sm btn-success btn-rounded">Details</a>
			 </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
 </div>

 <div class="wrapper-md">
  <div class="row">
    <div class="col-sm-12">
		<div class="row">
		    <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
		    <article class="innerart">
              <a ui-sref="#"><h3>Overall Average</h3></a>
              <div class="maininner">
              <div class="newinner activate">
              <p>Us</p>
              <span>2.5</span>
              </div>
              <div class="newinner activate">
              <p>Industry</p>
              <span>2.5</span>
              </div>
              </div>
            </article>
		    </div>
		    <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
		    <article class="innerart">
             <a ui-sref="#"> <h3>Average Feedback</h3></a>
              <div class="maininner">
              <div class="newinner">
              <p>Us</p>
              <span>2.5</span>
              </div>
              <div class="newinner">
              <p>Industry</p>
              <span>2.5</span>
              </div>
              </div>
            </article>
		    </div>
		    <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
        <article class="innerart">
              <a ui-sref="#"><h3>Average Tickets</h3></a>
              <div class="maininner">
              <div class="newinner ">
              <p>Us</p>
              <span>2.5</span>
              </div>
              <div class="newinner">
              <p>Industry</p>
              <span>2.5</span>
              </div>
              </div>
            </article>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
		    <article class="innerart">
              <a ui-sref="#"><h3>Average Low Rating</h3></a>
              <div class="maininner">
              <div class="newinner ">
              <p>Us</p>
              <span>2.5</span>
              </div>
              <div class="newinner">
              <p>Industry</p>
              <span>2.5</span>
              </div>
              </div>
            </article>
		    </div>
        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
        <article class="innerart">
              <a ui-sref="#"><h3>Trouble Shooting</h3></a>
              <div class="maininner">
              <div class="newinner ">
              <p>Us</p>
              <span>2.5</span>
              </div>
              <div class="newinner">
              <p>Industry</p>
              <span>2.5</span>
              </div>
              </div>
            </article>
        </div>
        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
        <article class="innerart">
              <a ui-sref="#"><h3>Total</h3></a>
              <div class="maininner">
              <div class="newinner ">
              <p>Us</p>
              <span>2.5</span>
              </div>
              <div class="newinner">
              <p>Industry</p>
              <span>2.5</span>
              </div>
              </div>
            </article>
        </div>

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


<div class="wrapper-md">
  <div ng-controller="FlotChartDemoCtrl">
  <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading font-bold">Overall Organizational Performance</div>
          <div class="panel-body">
            <div ui-jq="plot" ui-options="
              [
                { data: {{d0_1}}, label: 'US', points: { show: true }, lines: { show: true, fill: true, fillColor: { colors: [{ opacity: 0.2}, { opacity: 0.2}] } } }, 
                { data: {{d0_2}}, label: 'INDUSTRY', points: { show: true}, lines: { show: true} }
              ],
              {
                colors: [ '{{app.color.success}}','{{app.color.danger}}' ],
                series: { shadowSize: 3 },
                xaxis:{ font: { color: '#869fb1' } },
                yaxis:{ font: { color: '#869fb1' } },
                grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#869fb1' },
                tooltip: true,
                tooltipOpts: { content: '%s of %x.1 is %y.4',  defaultTheme: false, shifts: { x: 0, y: 20 } }
              }
            " style="height:240px"></div>
          </div>                  
        </div>
      </div>
</div>
</div>
</div>