@extends('front.layout.app')

@section('title')
        
@stop
 

@section('content')  
<section id="page-title" data-bg-parallax="{{ asset('front/images/parallax/5.jpg') }}">
    <div class="container">
    <div class="page-title">
        <h1> عملاؤنا </h1>
            <span> عملائنا الرائعين! </span>
            </div>
            <div class = "breadcrumb">
            <ul> 
            <li> <a href="{{ route('view.home') }}"> الصفحة الرئيسية </a> </li> 
            <li class="active"> <a >  @if (LaravelLocalization::getCurrentLocale() == 'ar')
                {{ $menu['ar']['view.partners'] }}@else{{ $menu['en']['view.partners'] }}
            @endif   </a>
    </li>
    </ul>
    </div>
    </div>
    </section>
 <section>
    <div class="container">
       <div class="heading-text heading-section text-center">
          <span class="lead">عملائنا الرائعين كان من دواعي سرورنا العمل معهم! </span>
       </div>
       <ul class="grid grid-4-columns">
        @foreach ($partners as $partner)
        <li>
            <a   data-content="@if (LaravelLocalization::getCurrentLocale() == 'ar')
            {{ $partner->name_ar }}@else{{ $partner->name }}
          @endif" title="" data-placement="top" data-toggle="popover" data-container="body" data-trigger="hover">
            <img src="{{ asset('storage/works/'.$partner->image)}}" alt=""></a>
         </li>
        @endforeach
          
          
       </ul>
    </div>
 </section>
   

@endsection

@section('js')
    
@endsection