<!-- 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</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.details" 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>Baroda</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>Surat</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>Diu</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>