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

@section('content')

@if ($advertisement_locations->isNotEmpty())
<section class="advertisements">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="owl-carousel owl-theme">
                    @foreach ($advertisement_locations as $location)
                    <a @class(['item', 'clickable'=> $location->advertisement->url]) href="{{ $location->advertisement->url ?? 'javascript:void(0)' }}" @if($location->advertisement->url) target="_blank" @endif ar-image="{{ uploads($location->advertisement->getTranslation('image','ar')) }}" en-image="{{ uploads($location->advertisement->getTranslation('image','en')) }}" data-id="{{$location->id}}"></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