@extends('layout.master')

@section('content')
<nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Tables</a></li>
    <li class="breadcrumb-item active" aria-current="page">Basic Tables</li>
  </ol>
</nav>


<div class="row">
  <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
      <div class="card-body">
        <h6 class="card-title">Bordered table</h6>
        <p class="card-description"></p>
        <div class="table-responsive pt-3">
          <table class="table table-bordered">
            <thead>
              <tr align="center" >
                 <th>#</th> 
                <th>
                  User ID
                </th>
                <th>
                  Name
                </th>
                <th>
                  Mobile
                </th>
                <th>
                  Email
                </th>
                <th>
                  DOB
                </th>
                <th>
                  Action
                </th>
              </tr>
            </thead>
            <tbody>
         @foreach($responseBody as $i)        
              <tr>
                <td> {{$i->id}}</td>
                <td>
                  {{$i->tem}}
                </td>
                <td>
                  {{$i->tem}} 
                </td>
                <td>
                 {{$i->tem}}
                </td>
                <td>
                  {{$i->tem}}
                </td>
                <td>
                  {{$i->tem}}
                </td>
                <td>
              <a class="btn btn-primary btn-xs" href="view-user/{{$i->id}}" role="button">Delete</a>
              <a class="btn btn-info btn-xs" href="view-user-data/{{$i->id}}" role="button">View</a> 
                </td>
              </tr>
         @endforeach      
          </tbody>
          </table>
        </div>
        
    <div class="row">
  <div class="col-12 col-xl-12 grid-margin stretch-card">
    <div class="card overflow-hidden">
      <div class="card-body">
        <div class="d-flex justify-content-between align-items-baseline mb-4 mb-md-3">
          <h6 class="card-title mb-0">Revenue</h6>
      
        </div>
    
        <div class="flot-wrapper">
          <div id="flotChart1" class="flot-chart"></div>
        </div>
      </div>
    </div>
  </div>
</div>     
      </div>
    </div>
  </div>
</div>
@push('plugin-scripts')
  <script src="{{ asset('assets/plugins/chartjs/Chart.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/jquery.flot/jquery.flot.js') }}"></script>
  <script src="{{ asset('assets/plugins/jquery.flot/jquery.flot.resize.js') }}"></script>
  <script src="{{ asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/apexcharts/apexcharts.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/progressbar-js/progressbar.min.js') }}"></script>
@endpush
@push('custom-scripts')
<script>
  
</script>
  <script src="{{ asset('assets/js/dashboard.js') }}"></script>
  <script src="{{ asset('assets/js/datepicker.js') }}"></script>
@endpush
<script>
    
</script>
@endsection