@if ($errors->count())
<div class="alert alert-danger" role="alert">
  <ul>
    @foreach ($errors->all() as $error)
    <li>{{$error}}</li>
    @endforeach
  </ul>
</div>
@endif

@include('layouts.formClientsCommon')

<hr />

<!-- BOTTOM SECTION - BRANDING SPECIFIC ITEMS -->
<div class="row">
  <div class="col-md-6">


    <div class="form-group">
      <label for="slug" class="col-md-2 control-label">Slug</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="slug" id="slug" placeholder="sally-field" value="{{ old('slug',$item->slug) }}"  />
      </div>
    </div>

    <div class="form-group">
      <label for="youtube" class="col-md-2 control-label">YouTube</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="youtube" id="youtube" placeholder="https://www.youtube.com/user/username" value="{{ old('youtube',$item->youtube) }}"  />
      </div>
    </div>
    
    <div class="form-group">
      <label for="twitter" class="col-md-2 control-label">Twitter/X</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="twitter" id="twitter" placeholder="https://x.com/username" value="{{ old('twitter',$item->twitter) }}"  />
      </div>
    </div>
    
    <div class="form-group">
      <label for="facebook" class="col-md-2 control-label">Facebook</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="facebook" id="facebook" placeholder="https://facebook.com/username" value="{{ old('facebook',$item->facebook) }}"  />
      </div>
    </div>
    
    <div class="form-group">
      <label for="instagram" class="col-md-2 control-label">Instagram</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="instagram" id="instagram" placeholder="https://www.instagram.com/username" value="{{ old('instagram',$item->instagram) }}"  />
      </div>
    </div>
    
    <!-- <div class="form-group">
      <label for="soundcloud" class="col-md-2 control-label">Soundcloud</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="soundcloud" id="soundcloud" placeholder="" value="{{ old('soundcloud',$item->soundcloud) }}"  />
      </div>
    </div> -->
    <div class="form-group">
      <label for="spotify" class="col-md-2 control-label">Spotify</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="spotify" id="spotify" placeholder="" value="{{ old('spotify',$item->spotify) }}"  />
      </div>
    </div>
    
    <div class="form-group">
      <label for="tiktok" class="col-md-2 control-label">Tiktok</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="tiktok" id="tiktok" placeholder="https://www.tiktok.com/@username" value="{{ old('tiktok',$item->tiktok) }}"  />
      </div>
    </div>

    <div class="form-group">
      <label for="twitch" class="col-md-2 control-label">Twitch</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="twitch" id="twitch" placeholder="https://www.twitch.tv/username" value="{{ old('twitch',$item->twitch) }}"  />
      </div>
    </div>
    

    <div class="form-group">
      <label class="col-md-2 control-label" for="inactive_date">Inactive Date</label>
      <div class="col-md-10">
        <input class="form-control datepicker" type="text" name="inactive_date" id="inactive_date" placeholder="" value="{{ old('inactive_date', $item->inactive_date) }}" />
      </div>
    </div>

    <div class="form-group">
        <label class="col-md-2 control-label" for="display_public">Display Public</label>
        <div class="col-md-10">
          <input type="hidden" name="display_public" value="0" />
          <input type="checkbox" class="checkbox" name="display_public" id="display_public" value="1" {{ (($item->display_public) === 0 || old('display_public') === 0) ? '' : 'checked' }} />
        </div>
    </div>
  </div><!-- /col-md-6 -->
  <!-- END COLUMN -->

  <div class="col-md-6">
    <!-- placeholder -->
    <div class="form-group">
      <label for="youtube_1" class="col-md-2 control-label">YouTube (Secondary)</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="youtube_1" id="youtube_1" placeholder="https://www.youtube.com/user/username" value="{{ old('youtube_1',$item->youtube_1) }}"  />
      </div>
    </div>
    <div class="form-group">
      <label for="twitter_1" class="col-md-2 control-label">Twitter/X (Secondary)</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="twitter_1" id="twitter_1" placeholder="https://x.com/username" value="{{ old('twitter_1',$item->twitter_1) }}"  />
      </div>
    </div>
    <div class="form-group">
      <label for="facebook_1" class="col-md-2 control-label">Facebook (Secondary)</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="facebook_1" id="facebook_1" placeholder="https://facebook.com/username" value="{{ old('facebook_1',$item->facebook_1) }}"  />
      </div>
    </div>
    <div class="form-group">
      <label for="instagram_1" class="col-md-2 control-label">Instagram (Secondary)</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="instagram_1" id="instagram_1" placeholder="https://www.instagram.com/username" value="{{ old('instagram_1',$item->instagram_1) }}"  />
      </div>
    </div>
    <div class="form-group">
      <label for="spotify_1" class="col-md-2 control-label">Spotify (Secondary)</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="spotify_1" id="spotify_1" placeholder="" value="{{ old('spotify_1',$item->spotify_1) }}"  />
      </div>
    </div>
    <div class="form-group">
      <label for="tiktok_1" class="col-md-2 control-label">Tiktok (Secondary)</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="tiktok_1" id="tiktok_1" placeholder="https://www.tiktok.com/@username" value="{{ old('tiktok_1',$item->tiktok_1) }}"  />
      </div>
    </div>
    <div class="form-group">
      <label for="twitch_1" class="col-md-2 control-label">Twitch (Secondary)</label>
      <div class="col-md-10">
        <input class="form-control" type="text" name="twitch_1" id="twitch_1" placeholder="https://www.twitch.tv/username" value="{{ old('twitch_1',$item->twitch_1) }}"  />
      </div>
    </div>

    <div class="form-group">
      <label for="links" class="col-md-2 control-label">Links</label>
      <div class="col-md-10">
        <table class="multiAddRowTable" data-blank-row='<tr data-row-index="0"><td><input type="text" name="media[][title]" placeholder="Title" value="" /></td><td><input type="text" name="media[][link]" placeholder="Link" value="" /></td><td><input title="Display Public" style="display: inline; vertical-align: middle; margin: 0 5px;" type="checkbox" name="media[][display_public]" value="1" checked /></td><td><span class="glyphicon glyphicon-remove-circle removeButton" style="cursor:pointer" aria-hidden="true"></span></td></tr>'>
          
        @foreach($item->media as $m)
          <tr data-row-index="{{$loop->index}}">
            <td>
              <input type="text" name="media[{{$loop->index}}][title]" placeholder="Title" value="{{ $m->title }}" />
            </td>
            <td>
              <input type="text" name="media[{{$loop->index}}][link]" placeholder="Link" value="{{ $m->link }}" />
            </td>
            <td>
              <input title="Display Public" style="display: inline; vertical-align: middle; margin: 0 5px;" type="checkbox" name="media[{{$loop->index}}][display_public]" value="1" {{ ($m->display_public) == 1 ? 'checked' : '' }} />
            </td>
            <td>
              <span class="glyphicon glyphicon-remove-circle removeButton" style="cursor:pointer" aria-hidden="true"></span>
            </td>
          </tr>
        @endforeach
          <tr>
          <td></td><td></td><td></td><td><span class="glyphicon glyphicon-plus-sign addButton" style="cursor:pointer" aria-hidden="true"></span></td>
          </tr>
        </table>
      </div>
    </div>

    <div class="form-group">
      <label for="clients_branding_image" class="col-md-2 control-label">Brand Partnerships Image</label>
      <div class="col-md-10">
        <image-resizer form-name="clients_branding_image" v-bind:image-cropping-ratio-width="720" v-bind:image-cropping-ratio-height="720" existing-image-url="/secure/s3/?file={{ config('app.aws_s3_media_library_bucket') }}/{{ old('clients_branding_image', $item->main_image) }}"></image-resizer>
      </div>
    </div>

  </div><!-- /col-md-6 -->
</div><!-- /row -->




{{ csrf_field() }}
<div class="pull-right">
  <a href="/branding/{{ $item->id}}/" class="button--grey button--small">Cancel</a>
  <button type="submit" class="button--red button--small">Update Branding</button>
</div>