@extends('layouts.frontend') 

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

@section('vendor_css') 
    <link rel="stylesheet" type="text/css" href="{{ URL('/temp_frontend/app-assets/vendors/css/datatables/datatables.min.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('page_level_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">@lang('frontend.all_patients')</h2> 
		@if(Auth::user()->type == 1) 
        <a class="href-button blue float-right" href="{{ route('frontend-add-patient') }}">
         <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_patient')  </label>
       </a>
      @endif
    </div>
</div> 
@if($center_type == 'RC')
<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">
          <form action="{{ url(route('frontend-patients-search')) }}" method="post">
            <div class="row mb-4">

              <div class="col-3 col-md-3 col-lg-3">
                <label>المريض:</label>
                <input name="patient" type="text" class="p-2 rounded border form-control" >
              </div> 
              <div class="col-3 col-md-3 col-lg-3">
                <label>التخصص:</label>
                <select name="specialty" class="select2 form-control">
                  <option value="">@lang('frontend.chose')</option>
                  @foreach(\App\Specials::get() as $special)
                    <option value="{{$special->id}}">{{$special->name}}</option>
                  @endforeach
                </select>
              </div> 

              <div class="col-3 col-md-3 col-lg-3">
                <label>تاريخ الاضافة:</label>
                <input name="created_at" type="text" value=""  class="form_created_at p-2 rounded border pickadate-dropdown form-control"  >
              </div> 

              <div class="col-3 col-md-3 col-lg-3">
                <label>موقف المريض:</label>
                <select name='session_status' id='session_status' class="select2 form-control">
                  <option value="">@lang('frontend.chose')</option>
                  <option value="needless">لا يحتاج الي تشخيص</option>
                  <option value="change-specialty">تحويل الي تخصص اخر</option>
                  <option value="continue">متابعة</option>
                  <option value="add-follow-up">انتهت بتشخيص</option>
                </select>
              </div> 
            </div>  
 
            <div class="row ">
              <div class="col-3 col-md-3 col-lg-3 ">
                <button type="submit" class="btn btn-primary w-100" name="">عرض</button> 
                <input type="hidden" name="" value="1">
              </div> 
            </div>  
                {{ csrf_field() }}
          </form>
        </div>
      </div>
    </div>
  </div> 
</div>

@endif
<div class="row mt-3 ">
	<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 table-responsive"> 
                    <table class="table table-striped  table-sm datatable">
                        <thead>
                            <tr>
                              <th>@lang('frontend.code')</th>
                              <th>@lang('frontend.full_name')</th>
                              <th>@lang('frontend.national_id')</th>
                              <th>@lang('frontend.mobile_phone')</th>
                              <th>@lang('frontend.city')</th>
                              @if(Auth::user()->type!=2)<th>@lang('frontend.options')</th>@endif 
                            </tr>
                        </thead>
                        <tbody>  
                           @foreach ($patients as $patient)
                             @if($patient)
                              <tr>
                                  <td>{{ $patient->code }}</td>
                                  <td><a href="{{ route('frontend-show-patient',[$patient->id]) }}">{{ $patient->name }}</a></td>
                                  <td>{{ $patient->national_id }}</td>
                                  <td>{{$patient->phone}}  </td>

                                  <td>{{ $patient->city->name }}</td>
                                  @if(Auth::user()->type!=2) <td> 
                                      <form method="POST" action="{{ route('frontend-delete-patient',[$patient->id]) }}" accept-charset="UTF-8"> 
                                        <a href="{{ route('frontend-edit-patient',[$patient->id]) }}" class="btn btn-outline-success">  <i class="fa fa-edit "></i> 
                                        </a>

                                        {{method_field('DELETE')}} {{ csrf_field() }}
                                        <button type="submit" class="btn btn-outline-danger"><i class="fa fa-times-circle "></i></button> 
                                      </form>
                                  </td>@endif
                              </tr>
                              @endif
                          @endforeach
                        </tbody> 
                        <tfoot>
                            <tr>
                              <th>@lang('frontend.code')</th>
                              <th>@lang('frontend.full_name')</th>
                              <th>@lang('frontend.national_id')</th>
                              <th>@lang('frontend.gender')</th>
                              @if(Auth::user()->type!=2)<th>@lang('frontend.options')</th>@endif 
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div> 
</div>
@endsection
 
@section('page_vendor_js') 

     <script src="{{ URL('/temp_frontend/app-assets/vendors/js/forms/select/select2.full.min.js') }} " type="text/javascript"></script>
    <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/datatables/datatables.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">
    $('.datatable').DataTable({
      "order": [[ 0, "desc" ]],
      "lengthMenu": [[ 25, 50,100, -1], [ 25, 50,100, "الكل"]]
    });


  var date = new Date();
  date.setDate(date.getDate()); 
  $(".form_created_at").datetimepicker({
      format: 'yyyy-mm-dd',
      autoclose: true,
      orientation: "auto",
    endDate: date,
         minView: 2,
         bootcssVer:4,
    clearBtn: false
  });
  </script>
@endsection