@extends('layouts.app')
@section('head')
@php use Carbon\Carbon; @endphp
    @include('components.meta')
    <link rel="stylesheet" href="/css/tvmain.css">
@endsection
@php
$locale = session('lang');
@endphp
@section('content')
    @include('components.breadcrumbs', ['element' => $channel])
    <div class="aside-layout container mb166">
      <div class="row sticky-parent">
        <aside class="aside float--left col-xs-12 col-md-4">
          <div class="aside--inner  lg-pr">
            <div class="visible-xs visible-sm mb033">
              <div class="program--title">{{ $channel->title_ru }}</div>
              <div class="program--text">{{ $channel->desc }}</div>
            </div>
            <div class="row" style="display: block">
              <div class="col-xs-12 col-sm-6 col-md-12">
                <div class="program--sliders">
                  <div class="program--sliders-full slick-initialized slick-slider">
                    <div aria-live="polite" class="slick-list draggable">
                      <div class="slick-track" style="opacity: 1; width: 330px;" role="listbox">
                        <div class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 330px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;" tabindex="-1" role="option" aria-describedby="slick-slide00">
                          @php $image = explode(':', $channel->image) @endphp
                          @if($image[0]=='http' || $image[0]=='https')
                            <img src="{{ $channel->image}}" alt="" class="channel-header--logo-img">
                          @elseif(!$channel->image)
                            <img src="/images/no_photo.png">
                          @else
                            <img src="{{ asset('images') }}/{{ $channel->image }}" alt="" class="channel-header--logo-img">
                          @endif
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </aside>
        <div class="page float--right col-xs-12 col-md-8">
          <div class="hidden-xs hidden-sm mb033">

            <h1 class="program--title" style="margin-left: -10px;">{{ $channel->title_ru }}</h1>
            <div class="program--text" style="margin-left: -10px;">{!! $channel->desc !!}</div>

            <div class="flex flex-row space-between channel-calendar flex-wrap">
                <div class="flex flex-row flex-wrap flex-center" style="margin-left: -20px;">
                    @php
                        $today = date("Y-m-d");
                    @endphp
                    <span class="data {{ ($date and $date == $today)? 'red': '' }} text-uppercase">
                      <a href="/{{ $locale }}/tvchannels/item/{{ $channel->id }}/{{ $today }}">{{__('site.Today')}}</a>
                    </span>
                    @foreach($dates as $_date)
                      @if($_date > $today)
                        <span class="data {{ ($date and $date == $_date)? 'red': '' }}">
                          <a href="/{{ $locale }}/tvchannels/item/{{ $channel->id }}/{{ $_date }}">{{ date('d.m', strtotime($_date)) }}</a>
                        </span>
                      @endif
                    @endforeach
                </div>
            </div>

                @if($date == $today)
                  @php $ss = 0; @endphp
                  @foreach($channel->shows_desc as $show)
                    @if($show->start_time <= now())
                      @if($ss == 0)
                        @php $ss++; @endphp
                        @php $date = Carbon::parse($show->start_time); @endphp
                        <div class="tv-schedule--item current" data-tv-review="3023901" data-original-title="" title="" style="margin-left: -15px;">
                          <div class="fiolet-link-time">{{ $date->isoFormat('HH:mm') }}</div>
                            <!-- <a href="/{{ $locale }}/tvshows/item/{{$show->id}}" class="fiolet-link">{{ $show->title_ru }}</a> -->
                            <span>{{ $show->title_ru }}</span>
                            <div class="tv-schedule--item-progress">
                              <div data-progress="30" style="width: 30%;" class="tv-schedule--item-progress-in"></div>
                          </div>
                        </div>
                      @endif
                    @endif
                  @endforeach
                @endif

                <div style="margin-top: 15px;">
                    @php $ss = 0; @endphp
                    @foreach($st_dates as $show)
                      @if($show->start_time >= now())
                          <div class="tv-schedule--item" data-tv-review="1847705" style="margin-left: -30px;">
                            <div class="tv-schedule--item-time">
                              {{ date('H:i', strtotime($show->start_time)) }}
                            </div>
{{--                            <a href="/{{ $locale }}/tvshows/item/{{ $show->id }}" class="tv-schedule--item-title" style="margin-left: 120px;">{{ $show->title_ru }}</a>--}}
                            <a href="#" class="tv-schedule--item-title" style="margin-left: 120px;">{{ $show->title_ru }}</a>
                          </div>
                      @endif
                    @endforeach
                </div>
          </div>
        </div>
      </div>
    </div>
  </div>

@endsection
@section('foot')
@endsection