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

@php
$locale = session('lang');
$definition = 'definition_ru';

if($locale == 'uz') {
    $definition = 'definition_uz';
} elseif($locale == 'en') {
    $definition = 'definition_en';
}
@endphp
@section('content')
    <div class="container inner-page page-text-black" style="color: black;">
        <div class="row">
            @foreach($licences as $licence)
                <div class="col-6">
                    <h3 class="text-center"><b>{{ $licence->$definition }}</b></h3> <br>
                    <div style="float: left; border: 3px solid #ccddee; margin-left: 10px; border-radius: 5px;">
                        <img src="/images/licences/{{ $licence->image }}" alt="" height="450" class="zoom img-thumbnail" style="width: 100%;"/>
                    </div>
                </div>
            @endforeach
        </div>
    </div>

<style type="text/css">
    .zoom {
        transition: transform .3s;
    }
    .zoom:hover {
       transform: scale(1.5);
    }
</style>
@endsection