@extends('layouts.frontend') 

@section('title')
    @lang('frontend.all_sessions')
@endsection

@section('vendor_css') 
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/bootstrap-datetimepicker/bootstrap-datetimepicker.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-3 col-lg-3">
		<h2 class="title mr-2 float-left">@lang('frontend.all_sessions')</h2>  
  </div>

  <div class="col-12 col-md-6 col-lg-6 sessions_filter  mt-2 mb-3"> 
      <a href="{{ route('frontend-sessions',['all']) }}" class="{{ ($state=='all') ? 'not-active' : '' }}"><span>الكل</span></a>
      <a href="{{ route('frontend-sessions',['1']) }}" class="ml-2 {{ ($state=='1') ? 'not-active' : '' }}"><span>اليوم</span></a>
      <a href="{{ route('frontend-sessions',['0']) }}" class="ml-2 {{ ($state=='0') ? 'not-active' : '' }}"><span>قادمة</span></a>
      <a href="{{ route('frontend-sessions',['-1']) }}" class="ml-2 {{ ($state=='-1') ? 'not-active' : '' }}"><span>ملغاه</span></a>
      <a href="{{ route('frontend-sessions',['2']) }}" class="ml-2 {{ ($state=='2') ? 'not-active' : '' }}"><span>منتهية</span></a> 
  </div>

  <div class="col-12 col-md-3 col-lg-3">
    @if(Auth::user()->type == 1 and $center_type == 'HCP')
		<a class="href-button blue float-right" href="{{ route('frontend-add-session') }}">
       <svg class='float-left mr-2' id='add'><use xlink:href="{{ URL('/temp_frontend/assets/fonts/icons.svg#add') }}"></use></svg> 
       <label> @lang('frontend.add_session')  </label>
     </a>
    @endif
    </div>
</div>  

 
  <div class="row mt-3 small_width">
    <div class="col-12 col-md-12 col-lg-12  d-flex align-items-center justify-content-center">
      {{ $sessions->links() }}
    </div>
  </div>
 
@if(($state!='1'))
<form method="get" action="{{ route('frontend-sessions',[$state]) }}">
  <div class="row mt-3 small_width">
    <div class="col-12 col-lg-6 col-md-6 "> 
      <fieldset class="form-group form-group{{ $errors->has('session_date') ? ' has-error' : '' }}">
          <label for="session-date">من التاريخ :</label>
          <input name="from_date" type="text" value="{{  (\request('from_date')) ??date('Y-m-d') }}" readonly class="form_datetime p-2 rounded border" >
      </fieldset>
    </div> 
    <div class="col-12 col-lg-6 col-md-6"> 
      <fieldset class="form-group form-group{{ $errors->has('session_date') ? ' has-error' : '' }}">
          <label for="session-date">الى التاريخ :</label>
          <input  name="to_date" type="text" value="{{ (\request('to_date')) ?? date('Y-m-d') }}" readonly class="to_datetime p-2 rounded border" >
      </fieldset>
    </div> 
    <div class="col-12 col-lg-6 col-md-6 "> 
      <button type="submit" class="btn btn-primary">عرض</button>
    </div>
  </div>  
</form>
@endif

@if(\request('from_date') and \request('to_date'))
<div class="row mt-3 small_width">
    <div class="col-12 col-md-12 col-lg-12  d-flex align-items-center justify-content-center">
     <h3>عرض الجلسات من تاريخ {{\request('from_date')}} الى تاريخ {{\request('to_date')}}</h3>
    </div>
  </div>
@endif

 
 @foreach ($sessions as $session)   
    <div class="row mt-3 small_width filter">
      <div class="col-12 col-md-12 col-lg-12">
        <div class="card pl-5 pr-5 pt-2 pb-2 schedule_block  {{ ($session->state=='-1') ? 'canceled' : '' }} {{ ($session->state=='0') ? 'pending' : '' }}  {{ (date('YmdHis')>date('YmdHis',strtotime($session->date_time)) and date('YmdHis') < $session->end_date and $session->state==1) ? 'active' : '' }} {{(date('YmdHis') > $session->end_date and ($session->state==2 or $session->state==0)) ? 'denied' : ''  }} "> 
          <div class="card-body">  
            <div class="card-block"> 
              <div class="row">
                <div class="col-12 col-md-12 col-lg-12"> 
                  <div class="session-status-point float-left mr-2"></div> 
                  <h3>@lang('frontend.session') {{$session->id}}</h3>
                   

                  @if(Auth::user()->type == 2)
                  <a href="{{route('frontend-live',[$session->id] ) }}">
                      <div class="call float-right pt-2 pb-2 pl-3 mt-0"> 
                              <svg class="float-left" id='video-call'><use xlink:href="{{ URL('/temp_frontend/assets/fonts/icons.svg#video-call') }}"></use></svg> 
                          <label class="ml-2">@lang('frontend.call')</label> 
                      </div>
                    </a>
                  
                    @if($session->state==1 and date('YmdHis') < $session->end_date and $center_type == 'HCP') 
                     <a class="deny"  href="{{ route('frontend-change-state-session',[$session->id,'-1']) }}">
                      <div class="btn btn-outline-danger float-right mr-3 ">الغاء</div>
                    </a>
                    @endif  
                  @endif  

                  @if($session->state != -1 and date('YmdHis') < $session->end_date and $center_type == 'HCP')
                  <a class="edit" href="{{ route('frontend-edit-session',[$session->id]) }}">
                    <div class="btn btn-secondary float-right "> 
                        @lang('frontend.edit') 
                      </div>
                  </a>
                  @endif 

                   @if($session->state != -1 and date('YmdHis') < $session->end_date and $center_type == 'RC' and Auth::user()->type == 1 )
                  <a class="edit" href="{{ route('frontend-edit-session',[$session->id]) }}">
                    <div class="btn btn-secondary float-right "> 
                      @if(count($session->getPatients()) > 0)
                        تعديل
                      @else
                        اضافة مرضى 
                      @endif
                       
                      </div>
                  </a>
                  @endif 

                  
                  <span class="date">{{date('l d F Y - g:i a',strtotime($session->date_time))}} {{ (date('YmdHis')>date('YmdHis',strtotime($session->date_time)) and date('YmdHis') < $session->end_date and $session->state==1) ? ' - '.__('frontend.running_now') : '' }}</span>

                </div>
              </div>
              <div class="row mt-4">
                <div class="col-12 col-md-4 col-lg-4"> 
                  <div class="avatar-img float-left mr-3"> 
                    <img src="{{ URL('/temp_frontend/assets/img/patient.png') }}" >
                  </div>
                   <h4 class="mb-0">@lang('frontend.patients')</h4>
                   <ul class="pl-0">
                    @foreach($session->getPatients() as $patient) 
                      <li>{{ $patient->name }}</li> 
                    @endforeach
                   </ul> 
                </div>

                <div class="col-12 col-md-4 col-lg-4"> 
                  <div class="avatar-img float-left mr-3"> 
                    <img src="{{ URL('/temp_frontend/assets/img/doctor.png') }}" >
                  </div>
                   <h4 class="mb-0">متلقى الخدمة الطبية</h4> 
                   <ul class="mb-2 pl-0">
                     <li>{{$session->RCCenter()->name ?? '' }}</li>
                   </ul>
                   <h4 class="mb-0">@lang('frontend.doctor')</h4> 
                   <ul class="pl-0">
                     <li>{{ $session->RCDoctor()->name ?? '' }}</li>
                   </ul>
                  </div>

                  <div class="col-12 col-md-4 col-lg-4">  
                    <div class="avatar-img float-left mr-3"> 
                      <img src="{{ URL('/temp_frontend/assets/img/clock.png') }}" >
                    </div>
                   <h4 class="mb-0">@lang('frontend.duration')</h4> 
                   <ul class="mb-2 pl-0">
                        <li>{{date('H:i',strtotime($session->duration)) }} @lang('frontend.hours')</li>
                   </ul> 
                  </div> 
                  <div class="col-12 col-md-4 col-lg-4 offset-md-4"> 
                    <div class="avatar-img float-left mr-3"> 
                      <img src="{{ URL('/temp_frontend/assets/img/doctor.png') }}" >
                    </div>
                     <h4 class="mb-0">مقدم الخدمة الطبية</h4> 
                     <ul class="mb-2 pl-0">
                      <li>{{$session->HCPCenter()->name }}</li>
                     </ul>
                     <h4 class="mb-0">@lang('frontend.doctor')</h4> 
                     <ul class="pl-0">
                       <li>{{ $session->HCPDoctor()->name ?? '' }}</li>
                     </ul>
                  </div>

                  <div class="col-12 col-md-4 col-lg-4">  
                    <div class="avatar-img float-left mr-3"> 
                      <svg id='time'><use xlink:href="{{ URL('/temp_frontend/assets/fonts/icons.svg#time') }}"></use></svg>
                    </div>
                   <h4 class="mb-0">@lang('frontend.specialty')</h4> 
                   <ul class="mb-2 pl-0">
                      <li>{{  $session->hcp_clinic->special->name ?? 'غير محدد بعد' }}</li>
                   </ul> 
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div> 
      
  @endforeach
  
  <div class="row mt-3 small_width">
    <div class="col-12 col-md-12 col-lg-12  d-flex align-items-center justify-content-center">
      {{ $sessions->links() }}
    </div>
  </div>
@endsection
 

@section('page_vendor_js') 

    <script src="{{ URL('/temp_frontend/app-assets/vendors/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') }} " type="text/javascript"></script>

@endsection

@section('page_level_js') 

<script type="text/javascript">
    $(".form_datetime").datetimepicker({
      format: 'yyyy-mm-dd',
      autoclose: true,
      orientation: "auto",
      todayHighlight: true,
      pickTime: false,
      minView: 2,
      clearBtn: false
    });
    $(".to_datetime").datetimepicker({
      format: 'yyyy-mm-dd',
      autoclose: true,
      orientation: "auto",
      todayHighlight: true,
      pickTime: false,
      minView: 2,
      clearBtn: false
    });


</script>
@endsection