@extends('front.app')
@section('content')
<section class="wrapper bg-light">

  <div class=" mx-auto text-center mt-3">
    <h2 class="fs-15 text-uppercase text-muted mb-3">{{ trans('module.consilieri_title_1') }}</h2>
    <h3 class="display-4 mb-7 px-lg-19 px-xl-18">{{ trans('module.consilieri_title_2') }}</h3>
  </div>

  <div class="container py-4 py-md-6">
    <div class="d-flex flex-wrap gap-3 justify-content-center consilieriCards ">

      @foreach($consilieri as $item)
        <div class="card justify-between cardConsilieri ">
          <img class="card-img-top" src="{{  $item->image ?   $item->image->original  : asset('front/img/consilieri/no-poza.gif')}}" alt="Consilier Img">
          <div class="card-body p-2">
            <h5 class="card-title">{{ $item->name }}</h5>
            <p class="card-text text-center">{{ $item->role }}</p>
          </div>
        </div>
      @endforeach

    </div>

  </div>

</section>
<!-- /section -->
@endsection