@extends('director.dashboard')

@section('title','Live doctors list')

@section('content')
	<div class="row">
        <div class="table-responsive">
            <table class="table table-bordered table-centered mb-0">
                <thead class="thead-light">
                    <tr>
                        <th>#</th>
                        <th>Photo</th>
                        <th>Doctor Name</th>
                        <th>Live Day & time</th>
                        <th>Phone</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($doctors as $key=>$row)
                     @inject('live_doctor','App\LiveDoctor')
                    <tr>
                        <td>{{ $key+1 }}</td>
                        <td class="media">
                            <img src="{{ asset('storage/'.$row->doctor->user->photo) }}" alt="contact-img" title="contact-img" class="rounded-circle thumb-md">
                        </td>
                        <td> {{$row->doctor->user->name}} </td>
                        <td>
                            @foreach($live_doctor->doctor_routine($row->doctor_id) as $routine)
                               <small>{{$routine->live_day}} - {{$routine->live_time}} <br></small>
                            @endforeach
                        </td>
                        <td>{{$row->contact}}</td>
                        <td>
                            
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            <center>{{$doctors->links()}}</center> 
        </div>

    </div> 
@endsection

<style type="text/css">
	pre{
		overflow-x: auto;
    	white-space: pre-wrap;
	}
</style>