@extends('layouts.main')
@section('title', __('messages.interaktiv'))

@section('content')
    <!--Main Slider-->
    <!-- Start main-content -->
    <section class="page-title" style="background-image: url(/images/background/view-menu.jpg);">
        <div class="auto-container">
            <div class="title-outer">
                <h1 class="title">{{ __('messages.interaktiv') }}</h1>
                <ul class="page-breadcrumb">
                    <li><a href="{{ url('all-services') }}">{{ __('messages.barcha_xizmatlar') }}</a></li>
                </ul>
            </div>
        </div>
    </section>
    <!-- end main-content -->

    <!--Start courses Details-->
    <section class="course-details">
        <div class="medium-container box-shadow-menu">
            <div class="row">
                <!--Start courses Details Content-->
                <div class="col-xl-12 col-lg-12">
                    <div class="blog-details__left">
                        <div class="courses-details__content">
                            <h4 class="mt-4 text-center">{{__('messages.barcha_xizmatlar')}}</h4>
                        <hr>
                        </div>
                    </div>
                    <div class="row all-news">
                        @foreach ($services as $item)
                        <div class="category-block-current col-lg-2 col-md-4 col-sm-6">
                            <div class="inner-box">
                                <div class="icon-box">
                                    <i class="icon {{$item->icon}}"></i>
                                </div>
                                <h5 class="title color-dark-blue"><a href="@if ($item->link_route){{url($item->link_route)}}@endif"> {{ $item['title_'.session()->get('locale')] }}</a></h5>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
                <!--End courses Details Content-->

            </div>
        </div>
    </section>
    <!--End courses Details-->
@endsection