@extends('layouts.frontend') 

@section('title')
   @lang('frontend.all_clinics')
@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.all_clinics')</h2> 
         @if(Auth::user()->type == 1) 
          <a class="href-button blue float-right" href="{{ route('frontend-add-clinic') }}">
             <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_clinic')  </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.clinic_name')</th> 
                              <th>@lang('frontend.specialty')</th>
                              <th>@lang('frontend.options')</th>
                            </tr>
                        </thead>
                        <tbody> 
                           @foreach ($clinics as $clinic)
                            <tr>
                                <td>{{ $clinic->name }}</td> 
                                <td>{{$clinic->special->name}}</td>

                                <td> 
                                    <form id="delete" method="POST" action="{{ route('frontend-delete-clinic',[$clinic->id]) }}" accept-charset="UTF-8">
                                        <a href="{{ route('frontend-edit-clinic',[$clinic->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.clinic_name')</th> 
                              <th>@lang('frontend.specialty')</th>
                              <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