@extends('layouts.master', ['vueView' => 'home-view'])

@section('content')

<!--Toggle Columns-->
<div class="intranet-toggle-columns">
  <div class="intranet-toggle-column">



    <tabs>
      @foreach($homepageLinksTabs as $homepageLinksTab)
        <tab name="{{$homepageLinksTab->name}}" :selected="{{$loop->first ? 'true' : 'false'}}">
          <div class="intranet-toggle-container flex-container flex-container--row flex-container--wrap ar-copy" style="border: 0px;">
            @foreach($homepageLinksTypes->split(2) as $chunk)
              <div class="col--2-4 right-padding">
                @foreach($chunk as $homepageLinkType)
                  @if(count(\App\HomepageLink::where('hidden', 0)->where('homepage_links_tabs_id', $homepageLinksTab->id)->where('homepage_links_types_id', $homepageLinkType->id)->get()) > 0)
                    <p style="margin-bottom: 5px;">
                      <span class="red-text block-text bold-text">
                          {{ $homepageLinkType->name }}
                        </span>
                        <ul class="btm-margin" style="list-style:circle; margin-left: 10px;">
                          @foreach(\App\HomepageLink::where('hidden', 0)->where('homepage_links_tabs_id', $homepageLinksTab->id)->where('homepage_links_types_id', $homepageLinkType->id)->orderBy('display_order')->orderBy('name')->get() as $homepageLink)
                            <li style="margin-left: 10px;" class="grey-text small-text regular-text"><a href="{{ $homepageLink->url }}" class="grey-text block-text" target="_blank">
                                {{ $homepageLink->name }}
                            </a></li>
                          @endforeach
                        </ul>
                      </span>
                    </p>
                  @endif
                @endforeach
              </div>
            @endforeach
          </div>
        </tab>
      @endforeach

    </tabs>
    
    @if(in_array('edit:homepage_banner', $permissions))
      <div class="allLink xs-text grey-text right-aligned"><a href="/homepage-links/" class="button--default button--red intranet-directory-edit-btn">Edit Links</a></div>
    @endif

  </div> {{--  /intranet-toggle-column  --}}


  <div class="intranet-toggle-column">


    <!--Slider-->
    <div class="intranet-slider">
      @foreach($homepageBanners as $homepageBanner)
        <div class="intranet-slide" style="background-image: url({{$homepageBanner->main_image_authenticated}}); background-size: cover; height: 345px;">
          {{-- <img src="{{ $homepageBanner->main_image_authenticated }}"> --}}
          <div class="intranet-slide-title-container">
            @if(!is_null($homepageBanner->link) && $homepageBanner->link !== '')
              <a href="{{ $homepageBanner->link }}"  target="_blank"></a>
            @else
              <a href="/homepage-banners/{{ $homepageBanner->id }}/"></a>
            @endif
            <div class="intranet-slide-title">
              <h2>{{ $homepageBanner->name }}</h2>
              <h3>{{ $homepageBanner->subname }}</h3>
            </div>
            <div class="intranet-slide-button">More Info</div>
          </div>
        </div>
      @endforeach
    </div>
    @if(in_array('edit:homepage_banner', $permissions))
      <div class="allLink xs-text grey-text right-aligned"><a href="/homepage-banners/" class="button--default button--red intranet-directory-edit-btn">Edit Banners</a></div>
    @endif
<!-- 

    <tabs>
      <tab name="Agency News" :selected="true">
        @foreach($agencyNews as $update)
          <div class="intranet-toggle-item">
            <div class="right-padding">
              <span class="xs-text black-text">
                {{$update->updated_at->format('m/d/Y')}}
              </span>
            </div>
            <div>
              <span class="xs-text grey-text">
                <a href="/news/{{$update->id}}">{{$update->name}}</a>
              </span>
            </div>
          </div>
        @endforeach

        <div class="allLink xs-text grey-text right-aligned"><a href="/news/">All</a></div>
      </tab>

      <tab name="Client News" :selected="false">
         @foreach($clientNews as $update)
          <div href="#" class="intranet-toggle-item">
            <div class="right-padding">
              <span class="xs-text black-text">
                {{$update->updated_at->format('m/d/Y')}}
              </span>
            </div>
            <div>
              <span class="xs-text grey-text">
                <a href="{{$update->link}}"  target="_blank">{{$update->name}}</a>
              </span>
            </div>
          </div>
        @endforeach

        <div class="allLink xs-text grey-text right-aligned"><a href="/news/?division=music&type=1">All</a></div>
      </tab>

      <tab name="Weekend Box Office" :selected="false">
         @foreach($weekendBoxOfficeNews as $update)
          <div href="#" class="intranet-toggle-item">
            
            <div>
              <span class="xs-text grey-text">
                <a href="{{$update->link}}"  target="_blank">{{$update->name}}</a>
              </span>
            </div>
          </div>
        @endforeach

        <div class="allLink xs-text grey-text right-aligned"><a href="/news/?division=music&type=10">All</a></div>
      </tab>

    </tabs> -->
    
    <tabs>
      <tab name="All" :selected="true">
        @foreach($homepageMediaEmbeds as $homepageMediaEmbed)
          <div class="intranet-media-item">
            <div class="iframe-content">
              {!! $homepageMediaEmbed->embed_code !!}
            </div>
          </div>
        @endforeach
      </tab>
      <tab name="YouTube" :selected="false">
        @foreach($homepageMediaEmbedsYouTube as $homepageMediaEmbed)
          <div class="intranet-media-item">
            <div class="iframe-content">
              {!! $homepageMediaEmbed->embed_code !!}
            </div>
          </div>
        @endforeach
      </tab>
    </tabs>

    @if(in_array('edit:homepage_media_embeds', $permissions))
      <div class="allLink xs-text grey-text right-aligned"><a href="/homepage-media-embeds/">All</a></div>
    @endif
    
  </div> {{--  /intranet-toggle-column  --}}
</div><!-- /Toggle-Columns-->

@stop