@extends('web.layouts.container')

@section('content')
<main>
    <!-- Start pg-header -->
    <section class="pg-header section">
        <div class="container">
            <h1 class="title text-white text-uppercase fw-bold text-center">{{ __('main.facts_figures')}}</h1>
        </div>
        <img src="{{ asset('assets/web/images/header-1.png')}}" alt="{{ __('main.facts_figures')}}" class="bg"/>
    </section>
        
     <!-- Start services-pg2 -->
     <section class="services-pg2 section">
        <div class="container">
            <h1 class="title text-center text-uppercase fw-bold mb-5 pb-2">
                {{-- Facts &   <span class="color-primary line_prim">Figures</span> --}}
                {!! footerLink( __('main.facts_figures')) !!}
            </h1>
            <div class="row justify-content-center">
                @for ($i = 0; $i < 5; $i++)
                <div class="col-lg-4 px-0">
                    <div class="service_card mb-0">
                        <img src="{{ asset(app('site_settings')->numbers['image'][$i] ?? 'assets/web/images/icons/serv-'.$i.'.svg')}}" alt="" class="icon mb-4"/>
                        <h1 class="counter fw-bold mb-4" dir="ltr">{{ trim(app('site_settings')->numbers['number'][$i] ?? '') }}</h5>
                        <h5 class="title fw-bold mb-4">{{app('site_settings')->numbers['title'][app()->getLocale()][$i] ?? ''}}</h5>
                    </div>
                </div>
                @endfor
            </div>
      
        </div>
    </section>
    <!-- Start downloading-sec -->
    @include('web.layouts.downloading')
    
    <!-- Start contact-sec -->
    {{-- @include('web.layouts.contactus') --}}

</main>

@endsection

@section('inner_js')
@endsection