@extends('layouts.front')
@section('content')
<section>
  <div class="lgx-banner lgx-banner-inner">
    <div class="lgx-inner">
      <div class="container">
        <div class="row">
          <div class="col-xs-12">
            <div class="lgx-heading-area">
              <div class="lgx-heading lgx-heading-white">
                <h2 class="heading-title">Our Toppers</h2>
            </div>
            <ul class="breadcrumb">
                <li><a href="{{ url('/') }}"><i class="icon-home6"></i>Home</a></li>
                <li class="active">Our Toppers</li>
            </ul>
        </div>
    </div>
</div><!--//.ROW-->
</div><!-- //.CONTAINER -->
</div><!-- //.INNER -->
</div>
</section>
<!--TEACHERS-->
<section>
  <div id="lgx-teachers" class="lgx-teachers">
    <div class="lgx-inner">
      <div class="container">
        <div class="row">
            @if(count($toppers) > 0)
            @foreach($toppers as $value)
            <div class="col-xs-12 col-sm-6 col-md-3">
                <div class="lgx-single-teacher">
                  <figure>
                    @if($value->image && file_exists(public_path().'/topper/'. $value->image))
                    <a href="#">
                        <img src="{{ asset('laravel/public/topper/'.$value->image) }}" alt="{{ $value->name }}">
                    </a>
                    @else
                    <a href="#">
                        <img src="{{ asset('laravel/public/front/assets/img/graduate.png') }}" alt="{{ $value->name }}">
                    </a>
                    @endif
                    <figcaption>
                        <h3 class="teacher-name"><a href="#">{{ $value->name }}</a></h3>
                        <p class="text">{{ $value->description }}</p>
                    </figcaption>
                </figure>
            </div>
        </div>
        @endforeach
        @endif
    </div>
</div>
<!-- //.CONTAINER -->
</div>
<!-- //.INNER -->
</div>
</section>
<!--TEACHERS END-->
@endsection