@extends('layouts.frontend') 

@section('title')
    @lang('frontend.sessions') الخاصة بالطبيب {{$doctor->name}}
@endsection

@section('vendor_css') 
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/datatables/datatables.min.css') }}">
@endsection

@section('page_level_css') 
@endsection
 
@section('content') 
<div class="row mt-5 small_width page_header">
	<div class="col-12 col-md-12 col-lg-12">
		<h2 class="title mr-2"> @lang('frontend.sessions') الخاصة بالطبيب {{$doctor->name}}</h2> 
         <a class="all-schedule mt-2 float-right" href="{{ route('frontend-doctors') }}">مشاهدة كل الاطباء
        <svg id='arrow-left'><use xlink:href="{{ URL('/temp_frontend/assets/fonts/icons.svg#arrow-left') }}"></use></svg></a>
    </div>
</div> 


<div class="row mt-3 small_width ">
	<div class="col-12 col-md-12 col-lg-12">
 		<div class="card pl-1 pr-1 pt-2 pb-2 "> 
      <div class="card-body">    
        <div class="card-block">  

        <div class="row">
        	<div class="col-xl-4 col-lg-6 col-md-12 mb-3">   
	        	<select onchange="if(this.value != ''){window.location.href = this.value;}" class="form-control">
	        		<option value="">اختر الطبيب</option>
	        		@foreach ($doctors as $doc)
	        			<option {{($doctor->id == $doc->doctors->id) ? 'selected' : ''}} value="{{URL('/')}}/doctors/view/{{$doc->doctors->id}}">{{ $doc->doctors->name }}</option>
	            @endforeach 
	        	</select> 
	        </div>
	      </div>

          <table class="table table-striped   datatable">
              <thead>
                  <tr>
                    <th>رقم الجلسة</th>  
                    <th>الموعد</th>  
                    <th>المدة</th>  
                    <th>@lang('frontend.center')</th>  
                    <th>@lang('frontend.clinic')</th> 
                    <th>الحالة</th> 
                  </tr>
              </thead>
              <tbody>   
                 @foreach ($sessions as $session)
                  <tr>
                      <td>{{ $session->id }}</td> 
                      <td>{{date('l d F - g:i a',strtotime($session->date_time))}}</td> 
                      <td>{{ date('H:i',strtotime($session->duration)) }}</td> 
                      <td>{{$session->center_name}}</td>
                      <td>{{$session->clinic_name}}</td>  
                      <td>
                      	@if($session->state=='-1')
                      		مرفوضة 
                        @elseif($session->state=='1' and (date('YmdHis') < date('YmdHis',strtotime($session->date_time)) and date('YmdHis') < $session->end_date) )
                      		قادمة
                      	@elseif($session->state=='1' and (date('YmdHis')>date('YmdHis',strtotime($session->date_time)) and date('YmdHis') < $session->end_date) )
                       		فعالة
                      	@elseif($session->state=='2' or (date('YmdHis')>date('YmdHis',strtotime($session->date_time)) and date('YmdHis') > $session->end_date) )
                         	منتهية
                     		@endif
                       </td>
                  </tr>
                  @endforeach
              </tbody> 
              <tfoot>
                  <tr>
                    <th>رقم الجلسة</th>  
                    <th>الموعد</th>  
                    <th>المدة</th>  
                    <th>@lang('frontend.center')</th>  
                    <th>@lang('frontend.clinic')</th> 
                    <th>الحالة</th> 
                  </tr>
              </tfoot>
          </table>
        </div>
      </div>
    </div>
  </div> 
</div>
@endsection
 
@section('page_vendor_js') 
    <script src="{{ URL('/temp_frontend/app-assets/vendors/js/datatables/datatables.min.js') }} " type="text/javascript"></script>
@endsection

@section('page_level_js') 
<script type="text/javascript">
    $('.datatable').DataTable();
  </script>
@endsection