@extends('admin.base')
@section('title')

   EDUCATIVE | Eleve  | Matiere
    
@endsection

@section('meta')

  
@endsection

@section('stylesheet')

   
        
@endsection

@section('body')



<div class="pcoded-inner-content">
    <div class="main-body border border-secondary">
        <div class="page-wrapper">
            <!-- Page-body start -->
            <div class=" page-body">
              <div class="">
                <div class="row">
                  @foreach($matiere as $matiere)
                    <div class="col-xl-4">
                        <!-- Tooltip style 1 card start -->
                        <div class="card o-visible">
                            <div class="card-header">
                                <h5> {{$matiere->nom}} </h5>
                            </div>
                            <div class="text-center card-block">
                              <!-- <p>Use class <code>tooltip-effect-1</code> to use this
                              <span class="mytooltip tooltip-effect-1">
                              <span class="tooltip-item">Show Effect</span>
                              <span class="tooltip-content clearfix"> -->
                              @if($matiere->image==null)
                              <a href="{{route('mes_cours',$matiere->id)}}"><img  src="{{asset('admin/images/imgcours2.jpg')}} " alt="Ecluid.png"></a>
                              @else
                              <a href="{{route('mes_cours',$matiere->id)}}"><img style="width: 290px; height: 150px" src="{{asset($matiere->image)}} " alt="Ecluid.png"></a>
                              @endif
                                <!-- <span class="tooltip-text">Also known as Euclid of andria, was a Greek mathematician, often referred.</span>
                              </span>
                              </span>
                               current effect.</p> -->
                            </div>


                     </div>
                        <!-- Tooltip style 1 card end -->
                  </div>
                  @endforeach
                </div>
                </div>
            </div>
            <!-- Page-body end -->
        </div>
    </div>
</div>





@endsection

@section('javascript')



@endsection