@extends('layouts.app')

@section('head')
@endsection

@include('components.meta')

@section('content')

    @include('components.breadcrumbs')

    <div class="container">
        <br><br>
        <h2 class="text-uppercase inner-title">{{ $title }}</h2>
    </div>
    @foreach ($elements as $e)
        <div class="programme connection equipments">
            <div class="container">
                <div class="flex flex-row flex-wrap">
                    <div class="text">
                        <h4>{{$e->getTitleAttribute()}}</h4>
                        <!-- <p class="green">{{$e->link}}</p> -->
                        <p class="red">@lang('site.for_legal'): {{$e->coorporate_price}} сум <br> @lang('site.for_individual'): {{$e->price}} сум </p>
                        <p>{{$e->getPreviewAttribute()}}</p>
                        <a class="site-btn text-uppercase text-decoration-none" href="{{ route('equip',['language'=>app()->getLocale(), 'link'=>$e->link]) }}">{{__('site.more')}}</a>
                    </div>
                    <div class="image">
                        <img class='responsive-img' src="{{ asset('images') }}/{{$e->preview_image}}" alt="{{$e->getTitleAttribute()}}" width="333" height="207">
                    </div>
                </div>
            </div>
        </div>
    @endforeach

@endsection
@section('foot')
@endsection