@extends('layouts.master',  ['vueView' => 'homepage-banner-index'])

@section('content')

	@if(in_array('edit:homepage_banner', $permissions))
		<a href="{{ action('HomepageBannerController@create') }}/" class="button--small button--red pull-right button--top-in-header">New</a>
	@endif

  <div class="archivedWrapper">
    <p>
      <a href="/homepage-banners-archived/">View Archived</a>
    </p>
  </div>

	<!--intranet-directory-->
  <div class="intranet-directory">
    <div class="intranet-directory-row">
      <div class="intranet-service-docs-table" style="width: 100%;">
        
        <draggable v-model="homepageBanners" @start="hasDragged=true">
          
          
          <div class="intranet-service-docs-row" v-for="homepageBanner in homepageBanners">

            <div class="col--1-3 right-padding">
              <p class="dark-text">
                <a v-bind:href="'{{ action('HomepageBannerController@index') }}/' + homepageBanner.id">@{{ homepageBanner.name }}</a>
              </p>
            </div>

            <div class="col--1-3">
              <p>
                  @{{ homepageBanner.subname }}
              </p>
            </div>

            <div class="col--1-3 right-padding">
              {{--  Nothing in this third column right now  --}}
            </div>

          </div>
        </draggable>

      </div>
    </div>
  </div>
  <a class="button button--small button--red pull-right" v-if="hasDragged" @click="commitChanges">Save changed order</a>
	
@stop