@extends('layouts.frontend')

@section('title')
    طلب جلسة
@endsection
 
 @section('vendor_css')
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/forms/selects/select2.min.css') }}">
 
@endsection
 
@section('custom_css')
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/forms/selects/select2.rtl.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">طلب جلسة</h2> 
    </div>
</div> 

<div class="row mt-3 small_width ">
	<div class="col-12 col-md-12 col-lg-12">
 		<div class="card pt-2 pb-2 "> 
	        <div class="card-body">   
        		<form class="form-horizontal" method="POST" action="{{ route('frontend-session-search') }}">
                <div class="card-block">
                 @if(session('error'))
                  <div class="row mb-3">
                    <div class="col-12 col-lg-6 col-md-12 alert bg-danger"> 
                       {!! session('error') !!}
                    </div>
                  </div> 
                  @endif
                  <div class="row">
                      <div class="col-12 col-lg-3 col-md-3 mb-1">
                          <fieldset class="form-group form-group{{ $errors->has('hcp_clinic') ? ' has-error' : '' }}">
                              <label for="hcp_clinic">@lang('frontend.specialty')</label>
                              <select name='hcp_clinic' id='hcp_clinic' required="" class="select2 form-control p-1" >
                                  <option value="">@lang('frontend.chose')</option>
                                  @foreach ($arr_filter['specials'] as $id => $special) 
                                      <option value="{{ $id }}">{{ $special }}</option>
                                  @endforeach
                              </select>
                          </fieldset> 
                      </div> 

                      <div class="col-12 col-lg-3 col-md-3 mb-1">
                          <fieldset class="form-group form-group{{ $errors->has('date_time') ? ' has-error' : '' }}">
                              <label for="date_time">اليوم</label>
                              <select name='date_time' id='date_time'  class="select2 form-control p-1" >
                                  <option value="">@lang('frontend.chose')</option>
                                  @foreach ($arr_filter['days'] as $id => $day) 
                                      <option data-special="{{ $day[0] }}"  value="{{ $id }}">{{ $day[1] }}</option>
                                  @endforeach
                              </select>
                          </fieldset> 
                      </div>

                      <div class="col-12 col-lg-3 col-md-3 mb-1">
                          <fieldset class="form-group form-group{{ $errors->has('hcp_center') ? ' has-error' : '' }}">
                              <label for="hcp_center">مستشفي مقدم الخدمة</label>
                              <select name='hcp_center' id='hcp_center'  class="select2 form-control p-1" >
                                  <option value="">@lang('frontend.chose')</option>
                                  @foreach ($arr_filter['hcp_centers'] as $id => $center) 
                                      <option data-date="{{ $center[0] }}"  value="{{ $id }}">{{ $center[1] }}</option>
                                  @endforeach
                              </select>
                          </fieldset> 
                      </div>

                      <div class="col-12 col-lg-3 col-md-3 mb-1">
                          <fieldset class="form-group form-group{{ $errors->has('hcp_doctor') ? ' has-error' : '' }}">
                              <label for="hcp_doctor">استشاري مقدم الخدمة</label>
                              <select name='hcp_doctor' id='hcp_doctor'  class="select2 form-control p-1" >
                                  <option value="">@lang('frontend.chose')</option>
                                  @foreach ($arr_filter['hcp_doctors'] as $id => $doctor) 
                                      <option data-center="{{ $doctor[0] }}" value="{{ $id }}">{{ $doctor[1] }}</option>
                                  @endforeach
                              </select>
                          </fieldset> 
                      </div>
                        
                  </div>  

                    <div class="row">
                        <div class="col-xl-4 col-lg-6 col-md-12 mb-1"> 
                            <button type="submit" class="btn btn-outline-primary">بحث <i class="fa fa-search "></i></button>
                             
                        </div>
                    </div> 

                </div>   
                {{ csrf_field() }}
            </form> 
					</div>  
	    </div>
    </div>
</div>


@if(isset($sessions))
 @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($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 "> 
                       اضافة مرضى 
                      </div>
                  </a>
                  @endif 

                  
                  <span class="date">{{date('l d F - 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"> 
                   </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->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"> 
                      <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-8">  
                    <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->name }}</li>
                   </ul> 
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div> 
      
  @endforeach

  @if(count($sessions) == 0)
    <div class="row mt-3 justify-content-md-center">
      <div class="col-12 col-md-8 col-lg-8">
        <div class="alert alert-danger text-center h3" role="alert">
          لا يوجد جلسات بالوصف المختار
        </div>
      </div>
    </div>
  @endif
@endif
@endsection

 @section('page_vendor_js') 
    <script src="{{ URL('/temp_frontend/app-assets/vendors/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') }} " type="text/javascript"></script>
    <script src="{{ URL('/temp_frontend/app-assets/vendors/js/forms/select/select2.full.min.js') }} " type="text/javascript"></script>
@endsection

@section('page_level_js') 
<script src="{{ URL('/temp_frontend/app-assets/js/scripts/forms/select/form-select2.js') }}" type="text/javascript"></script>  
<script type="text/javascript"> 
    var select = $('#date_time'),
    cache = $('#date_time').clone(); 

    var select2 = $('#hcp_center'),
    cache2 = $('#hcp_center').clone(); 

    var select3 = $('#hcp_doctor'),
    cache3 = $('#hcp_doctor').clone(); 

    $("#hcp_clinic").change(function() { 
        var id = $(this).val(),options = [];
        select.empty();
        select.append('<option value="">اختر</option>');
        cache.find('option').each(function () {
            if (id === 'all') {
                select.append($(this).clone());
            } else if ($(this).data('special') == id) {
                select.append($(this).clone());
            }
        }); 

        select2.empty();
        select2.append('<option value="">اختر</option>');

        select3.empty();
        select3.append('<option value="">اختر</option>');
    });


    $("#date_time").change(function() { 
        var id = $(this).val(),options = [];
        select2.empty();
        select2.append('<option value="">اختر</option>');
        cache2.find('option').each(function () {
            if (id === 'all') {
                select2.append($(this).clone());
            } else if ($(this).data('date') == id) {
                select2.append($(this).clone());
            }
        }); 
    });


    $("#hcp_center").change(function() { 
        var id = $(this).val(),
            options = [];
        select3.empty();
        select3.append('<option value="">اختر</option>');
        cache3.find('option').each(function () {
            if (id === 'all') {
                select3.append($(this).clone());
            } else if ($(this).data('center') == id) {
                select3.append($(this).clone());
            }
        });
    });
</script>
@endsection