@extends('layouts.app')
@section('head')
@include('components.meta')
@endsection
@section('content')
@include('components.breadcrumbs')

<div class="programme connection instructions">
    <div class="container">
        <h2 class="text-uppercase page-title">{{ $title }}</h2>
        <div class="row flex flex-row flex-wrap">
            @foreach($elements as $i)
                <div class="instruction flex-row flex bg-white col-6" style="width: 100%;">  
                    <img src="{{ asset('images') }}/{{$i->preview_image}}" style="width: 50%;" alt="">
                    <div class="flex flex-column">
                        <span>{{ $i->getTitleAttribute() }}</span>
                        <br>
                        <a class="text-decoration-none text-uppercase btn-link pull-right" href="{{ route('instruction',['language'=>app()->getLocale(),'link'=>$i->link]) }}">
                            {{ __('site.more') }}
                        </a>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>


@endsection
@section('foot')
@endsection