@extends('site.layouts.app', ['seoModel' => $channels])

@section('content')
<div class="page-wrapper content-wrapper page-channels">
    @include('site._includes.mini-banner', [
        'image_url'         => $channels->banner_desktop,
        'tablet_image'      => $channels->banner_tablet,
        'mobile_image_url'  => $channels->banner_mobile,
        'alt'               => !empty($channels->title) ? $channels->title : '',
        'tag'               => !empty($channels->text) ? $channels->text : '',
        'title'             => !empty($channels->title) ? $channels->title : '',
    ])

    <div class="channels">
        <div class="container">
            <img src="{{ asset('images/stars-partners.png') }}" alt="{{ $channels->title }}">

            <div class="channels__items">
                @foreach ($channels->channels as $channel)
                    <div class="channels__item">
                        @if ($channel['icon'])
                            <img src="{{ asset("storage/{$channel['icon']}") }}" alt="{{ $channel['title'] }}">
                        @endif

                        <div class="channels__description">
                            <h2>{{ $channel['title'] }}</h2>

                            {!! $channel['description'] !!}

                            @if ($channel['link'])
                                <a href="{{ $channel['link'] }}" @if($channel['open_in_new_tab']) target="_blank" rel="noopener noreferrer" @endif>
                                    {{ $channel['text_button'] }}
                                </a>
                            @endif
                        </div>
                    </div>
                @endforeach
            </div>

            <img src="{{ asset('images/butterfly.png') }}" alt="{{ $channels->title }}">
        </div>
    </div>
</div>
@endsection