@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->user_no}}
                </td>
                <td>
                  {{$i->name}} 
                </td>
                <td>
                 {{$i->mobile}}
                </td>
                <td>
                  {{$i->email}}
                </td>
                <td>
                  {{$i->dob}}
                </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>
    </div>
  </div>
</div>


@endsection