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

@section('content')

<div class="button--top-in-header">
  @if(in_array('edit:homepage_update', $permissions) )
    <a href="{{ action('AnnouncementsController@index') }}/" class="button--small button--red pull-right" style="margin-left: 10px; margin-right: 10px;">Announcements</a>
  @endif

</div>



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

    @if(count($calendars) > 0)
      <homepage-calendar type="music_type" calendar-download="{{ $calendarDownloadLink }}" @if(in_array('edit:homepage_update', $permissions)) show-edit-link="true" @else show-edit-link="false" @endif ></homepage-calendar>
    @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/?division=music&type=4">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="Industry News" :selected="false">
        @foreach($industryNews 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=2">All</a></div>
      </tab>

    </tabs>
    
    <tabs>
      <tab name="Daily Booking" :selected="true">
        @foreach($dailyBookings 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="/updates/{{$update->id}}">{{$update->name}}</a>
              </span>
            </div>

            @if($update->file_authenticated && $update->file_authenticated !== '')
              <div>
                <span class="xs-text grey-text">
                  <a href="{{$update->file_authenticated}}">todo download multi</a>
                </span>
              </div>
            @endif
          </div>
        @endforeach

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

      <tab name="Charts" :selected="false">
         @foreach($charts 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="/updates/{{$update->id}}">{{$update->name}}</a>
              </span>
            </div>
          </div>
        @endforeach

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

      <tab name="Red Flag + Prohibited" :selected="false">
        @foreach($redFlags 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="/updates/{{$update->id}}">{{$update->name}}</a
              </span>
            </div>
          </div>
        @endforeach

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

      <tab name="Roster Updates" :selected="false">
        @foreach($rosterUpdates 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="/updates/{{$update->id}}">{{$update->name}}</a>
              </span>
            </div>
          </div>
        @endforeach

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

    

  </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="All" :selected="true">
        @foreach($homepageMediaEmbeds as $homepageMediaEmbed)
          <div class="intranet-media-item">
            <div class="iframe-content">
              {!! $homepageMediaEmbed->embed_code !!}
            </div>
            @if($homepageMediaEmbed->content !== '')
              <div class="xs-text grey-text bold-text homepageMediaEmbedCaption">{{ $homepageMediaEmbed->content }}</div>
            @endif
          </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>
            @if($homepageMediaEmbed->content !== '')
              <div class="xs-text grey-text bold-text homepageMediaEmbedCaption">{{ $homepageMediaEmbed->content }}</div>
            @endif
          </div>
        @endforeach
      </tab>
      <tab name="SoundCloud" :selected="false">
        @foreach($homepageMediaEmbedsSoundcloud as $homepageMediaEmbed)
          <div class="intranet-media-item">
            <div class="iframe-content">
              {!! $homepageMediaEmbed->embed_code !!}
            </div>
            @if($homepageMediaEmbed->content !== '')
              <div class="xs-text grey-text bold-text homepageMediaEmbedCaption">{{ $homepageMediaEmbed->content }}</div>
            @endif
          </div>
        @endforeach
      </tab>
      <tab name="Spotify" :selected="false">
        @foreach($homepageMediaEmbedsSpotify as $homepageMediaEmbed)
          <div class="intranet-media-item">
            <div class="iframe-content">
              {!! $homepageMediaEmbed->embed_code !!}
            </div>
            @if($homepageMediaEmbed->content !== '')
              <div class="xs-text grey-text bold-text homepageMediaEmbedCaption">{{ $homepageMediaEmbed->content }}</div>
            @endif
          </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