@extends('layouts.frontend')

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

@section('page_level_css')

@endsection


@section('header') 
    
@endsection


@section('content') 
      @if(count($alerts) > 0)
        <div class="row mt-5 justify-content-md-center">
          @foreach ($alerts as $alert) 
          <div class="col-10 col-md-10 col-lg-10 align-self-center">
            <div class="alert alert-danger text-center h3" role="alert">
              {{$alert->content}}
            </div>
          </div>
          @endforeach
        </div>
      @endif
      
    @if(Auth::user()->type == 1) 
      <div class="row mt-3">
      @if($center_type == 'RC')
        <div class="col-6 col-md-6 col-lg-6">
          <a href="{{ route('frontend-add-patient') }}">
                <div class="bg patient"> 
                <label>@lang('frontend.add_patient')</label>   
                 <svg   id='add-patient'><use xlink:href="{{ URL('/temp_frontend/assets/fonts/icons.svg#add-patient') }}"></use></svg>
                </div> 
            </a>   
        </div> 

        <div class="col-6 col-md-6 col-lg-6">
        <a  href="{{ route('frontend-session-search') }}">
            <div class="bg session">
              <label>طلب جلسة</label>
             <svg   id='add-session'><use xlink:href="{{ URL('/temp_frontend/assets/fonts/icons.svg#add-session') }}"></use></svg>
            </div> 
        </a>  
      </div>
      @endif
      @if($center_type == 'HCP')  
        <div class="col-12 col-md-12 col-lg-12">
        <a href="{{ route('frontend-add-session') }}">
            <div class="bg session">
              <label>@lang('frontend.add_session')</label>
             <svg   id='add-session'><use xlink:href="{{ URL('/temp_frontend/assets/fonts/icons.svg#add-session') }}"></use></svg>
            </div> 
        </a>  
      </div> 
      @endif  
    </div>
    @endif
    <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.your_schedule')</h2>
			<a class="all-schedule mt-2 float-right" href="{{ route('frontend-sessions',['1']) }}">@lang('frontend.show_all_sessions') 
        <svg id='arrow-left'><use xlink:href="{{ URL('/temp_frontend/assets/fonts/icons.svg#arrow-left') }}"></use></svg></a>
			<!-- <span class="description">1 new session, 2 recurring session</span>  -->
			<span class="date">{{date('Y-m-d')}}</span>
	    </div>
    </div> 
    @if(session('invitationSent'))
    <div class="alert alert-success" role="alert">@lang('frontend.invitationSent')</div>
    @endif
    @if(session('invitationError'))
    <div class="alert alert-danger" role="alert">@lang('frontend.invitationError')</div>
    @endif
    @foreach ($sessions as $session)  
        <div class="row mt-3 small_width  ">
          <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') ? 'denied' : '' }} {{ ($session->state=='0') ? 'pending' : '' }}  {{ (date('YmdHis')>date('YmdHis',strtotime($session->date_time)) and date('YmdHis') < $session->end_date and $session->state==1) ? 'active' : '' }} "> 
              <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)
                      <!-- <button style="margin-top:-29px;margin-left:20px;" type="button" class="float-right btn btn-info mt-0" data-toggle="modal" data-target="#Invite{{$session->id}}"><i class="fa fa-share-alt" aria-hidden="true"></i> @lang('frontend.invite')</button> -->
                      @endif
                  <!-- Modal -->
                  <div class="modal fade" id="Invite{{$session->id}}" role="dialog">
                    <div class="modal-dialog">
                    
                      <!-- Modal content-->
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <div class="modal-body">
                          <form method="post" action="{{route('invite')}}">
                            <div class="row">
                              <div class="col-xl-12 col-lg-12 col-md-12 mb-1">
                                  <fieldset class="form-group form-group">
                                    <label for="email">البريد الإلكتروني</label>
                                    <input type="email" class="form-control"  name="email" required pattern="^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$">
                                    <input type="hidden" name="session_id" value="{{$session->id}}"/>
                                  </fieldset>
                              </div>
                              @csrf();
                            </div>
                            <div class="row">
                                <div class="col-xl-12 col-lg-6 col-md-12 mb-1"> 
                                    <button type="submit" class="btn btn-outline-primary">إرسال <i class="fa fa-share-square" aria-hidden="true"></i></button>
                                </div>
                            </div>
                          </form>
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                      </div>
                      
                    </div>
                  </div>
                <!-- End Of Model -->
                      
                    </form>
                    
                        @if($session->state==0)
                         <a href="{{ route('frontend-change-state-session',[$session->id,'1']) }}">
                          <div class="btn btn-outline-success float-right ">@lang('frontend.accept')</div>
                        </a>
                         <a href="{{ route('frontend-change-state-session',[$session->id,'-1']) }}">
                          <div class="btn btn-outline-secondary float-right mr-3 ">@lang('frontend.deny')</div>
                        </a>
                        @endif 
                      @endif 
                      
                      @if(Auth::user()->type == 1  and date('YmdHis') < $session->end_date and $session->state != -1)
                      <a class="edit" href="{{ route('frontend-edit-session',[$session->id]) }}">
                        <div class="btn btn-secondary float-right ">
                        @if($center_type == 'HCP')
                            @lang('frontend.edit')
                        @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($patients as $patient)
                          @if($patient->session_id == $session->id)
                          <li>{{ $patient->name }}</li>
                          @endif
                        @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
			
@endsection