@extends('layout.base', ['title' => 'Assurance - Nos Services'])
@section('content')
          <div id="page-wrapper" >
            <div id="page-inner">
                <div class="row">
                  <div class="col-md-12">
                    <h2 style="color: blue;font-weight: bold;text-align: center;"> NOS SERVICES</h2>   
                       
                  </div>
                </div>
               <hr />
                 <!-- /. ROW  -->
            <div class="row">
                <div class="col-md-12">
                    <!-- Advanced Tables -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                           Liste des Services
                               <a href="{{ route('Services.create') }}" style="text-decoration: none;color: white">
                             <div class="btn btn-info pull-right"  style="margin-top: -5px">
                            <i class="fa fa-plus"></i> Ajouter un service
                            </a>
                        </div>
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                    <thead>
                                        <tr>
                                          <th>Ref</th>
                                          <th>Service</th>
                                          <th>Couverture</th>
                                          <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                      @foreach ($Services as $Service)

                                         <tr class="odd gradeX">
                                            <td>{{ $Service->id }}</td>
                                            <td>{{ $Service->service }}</td>
                                            <td>
                                            @if($Service->Traitement==1)
                                             Soins Ambulatoire hors Medicament et Lunette
                                             @elseif($Service->Traitement==2)
                                             Hospitalisation Sans Maternité
                                             @elseif($Service->Traitement==3)
                                             Hospitalisation Avec Maternité
                                             @elseif($Service->Traitement==4)
                                             Soins Ambulatoire Medicament
                                             @elseif($Service->Traitement==5)
                                             Soins Ambulatoire Lunette
                                             @elseif($Service->Traitement==6)
                                             Soins Ambulatoire Dent
                                             @endif

                                            </td>
                                                        
                              <td>
                                <a href="{{ route('Services.edit', $Service) }}"><img src="{{ url('icons/icons8_Edit_26px.png') }}" width="20px" height="20px"></a>

                                <form action="{{ route('Services.destroy', $Service) }}" method="POST" style="display: inline-block;">
                                {{ csrf_field() }}
                                {{ method_field('DELETE') }}
                    
                                <button><img src="{{url('icons/icons8_Delete_52px.png')}}" width='20px' height='20px'>
                                </button>
                               </form>

                               <!-- <a href="{{ route('AttacherAff', $Service) }}">Attacher Affilié</a> -->

                              </td>
                                    </tr> 
                                    @endforeach   
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!--End Advanced Tables -->
                </div>
            </div>
        </div>
               
    </div>
             <!-- /. PAGE INNER  -->
@endsection