@extends('website.layouts.master')

@section('title', $title)

@section('content')

    @include('website.layouts.title', ['simple'=>true])

    <div class="site-main" style="direction: {{ direction() }}">

        @foreach($stats as $stat)

        <!-- Part start-->
        <section class="element-row element-style pt-50 res-991-pt-15">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title clearfix">
                            <h2 class="title">@lang($stat->label)</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pt-50 pb-50 bg-img4 ttm-bgcolor-darkgrey ttm-bg ttm-bgimage-yes clearfix">
                <div class="ttm-row-wrapper-bg-layer ttm-bg-layer"></div>
                <div class="container">
                    <!-- row -->
                    <div class="row ttm-vertical_sep">
                        @foreach($stat->parts as $part => $value)
                        <div class="col-lg-3 col-md-3 col-sm-6">
                            <!-- ttm-fid -->
                            <div class="ttm-fid inside ttm-fid-with-icon text-center">
                                <div class="ttm-fid-icon-wrapper">
                                    <i class="flaticon-university-1"></i>
                                </div>
                                <div class="ttm-fid-contents">
                                    <h4 class="ttm-fid-inner">
                                        <span   data-appear-animation="animateDigits"
                                                data-from="0"
                                                data-to="{{$value}}"
                                                data-interval="15"
                                                data-before=""
                                                data-before-style="sup"
                                                data-after=""
                                                data-after-style="sub"
                                                class="numinate">{{$value}}
                                        </span>
                                        <sub>+</sub>
                                    </h4>
                                    <h3 class="ttm-fid-title">@lang($part)</h3>
                                </div>
                            </div><!-- ttm-fid end -->
                        </div>
                        @endforeach

                    </div><!-- row end -->
                </div>
            </div>
        </section>
        <!-- Part end-->

        @endforeach

    </div>

@endsection


@section('pagejs')
    <script type="text/javascript">

        $(document).ready(function () {
        });
    </script>
@endsection