@extends('layouts.frontend') 

@section('title')
    @lang('frontend.doctors')
@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.doctors')</h2> 
        @if(Auth::user()->type == 1)

        <a class="href-button blue float-right" href="{{ route('frontend-add-doctor') }}">
         <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_doctor')  </label>
       </a> 
        @endif
    </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"> 
                    <table class="table table-striped   datatable">
                        <thead>
                            <tr>
                              <th>@lang('frontend.full_name')</th>  
                              <th>@lang('frontend.phone')</th>  
                              <th>التخصصات</th>  
                              @if($center_type == 'HCP')
                              <th>@lang('frontend.clinic')</th>
                              @endif
                              <th>@lang('frontend.options')</th>
                            </tr>
                        </thead>
                        <tbody> 
                           @foreach ($users as $user)
                            <tr>
                                <td><a href="{{ route('frontend-show-doctor',[$user->id]) }}">{{ $user->name }}</a></td> 
                                <td>{{ $user->phone }}</td> 
                                <td>
                                  @foreach($user->specials as $special)
                                  {{$special->name}} 
                                   @if(!$loop->last)
                                       -
                                   @endif
                                  @endforeach
                                </td>
                                @if($center_type == 'HCP')
                                <td>{{$user->clinic_name}}</td> 
                                @endif
                                <td> 
                                    <form method="POST" action="{{ route('frontend-delete-doctor',[$user->id]) }}" accept-charset="UTF-8">
                                        <a href="{{ route('frontend-edit-doctor',[$user->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>
                            </tr>
                            @endforeach
                        </tbody> 
                        <tfoot>
                            <tr>
                              <th>@lang('frontend.full_name')</th> 
                              <th>@lang('frontend.phone')</th>  
                              <th>التخصصات</th>  
                              @if($center_type == 'HCP')
                              <th>@lang('frontend.clinic')</th>
                              @endif
                              <th>@lang('frontend.options')</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