@extends('website.channels.layouts.index')

@section('content')

@if ($advertisments->isNotEmpty())
<section class="advertisements">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="owl-carousel owl-theme">
                    @foreach ($advertisments as $advertisment)
                    <a class="item" style="background-image: url({{ uploads($advertisment->image) }})" href="{{ $advertisment->link ?? 'javascript:void(0)' }}"></a>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
@endif

<section class="container-fluid menu list-view">
    <div class="row">
        <div class="col-12">
            <div class="row align-items-center justify-content-center">
                <div class="col-9 search">
                    <input class="input" placeholder="@lang('global.search')">
                    <i class="las la-search"></i>
                </div>
                <div class="col-2 view">
                    <i class="las la-th-list d-none" data-view="list-view"></i>

                    <i class="las la-th-large" data-view="grid-view"></i>
                </div>
            </div>

            <div class="row align-items-center">
                @foreach ($branch->channels as $channel)
                <div class="col-12">
                    <div class="channel shadow">
                        <div class="media"><img data-src="{{ $channel->uploads('logo') }}" class="lazy" /></div>
                        <div class="title">
                            <span>
                                {{ $channel->title }}
                            </span>
                        </div>
                        <div class="frequency">{{ $channel->frequency }}</div>
                    </div>
                </div>
                @endforeach
            </div>

        </div>
    </div>
</section>
@endsection