@extends('layouts.defaultdashboard')
@section('content')
<div class="content-wrapper" style="width:100%;">
  <div class="content-header">
    <div class="container-fluid">
      <div class="container">  
        <section class="dishes first-sec">
          <div class="container p-b-2">
			      <div class="row">
				      <div class="col-md-12">
                <div class="card-body">
                  <table id="example1" class="table table-bordered table-striped">
                    <thead>
                      <tr>
                        <th>Id</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Contact #</th>
                        <th>API Key</th>
                        <th>API  Secret</th>
                      </tr>
                    </thead>
                    <tbody>
                                            @foreach($doctors as $doctor)  
                                                <tr>
                          <td>{{$i}}</td>
                          <td>{{$doctor->name}}</td>
                          <td>{{$doctor->email}}</td>
                          <td>{{$doctor->contact_no}}</td>
                          <td>{{$doctor->api_key}}</td>
                          <td>{{$doctor->api_secret}}</td>
                          <td> <div class="links"><a href="{{ url('/dashboard/doctor/edit/'.$doctor->id.'') }}">Edit</a>-<a href="{{ url('/dashboard/doctor/delete/'.$doctor->id.'') }}">Delete</a></div></td>
                        </tr>
                      @endforeach
                    </tbody>
                  </table>
                </div>
              </div>
			      </div>
		      </div>
	      </section>	
      </div>
    </div>
  </div>
</div>


<!-- page script -->
<script>
  $(function () {
    
    $('#example1').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "responsive": true,
    });
  });
</script>
@endsection