@if($match->red_slot_1 == null)
        <li class="list-group-item justify-content-between">
          Empty
        </li>
      @else
      <li class="list-group-item justify-content-between">

          <span id="blue_slot_1_user">{{ $match->red_slot_1->username }}</span>

      <span>Red Team Captain</span>
        <!-- Small button groups (default and split) -->

          <div class="btn-group">


            @if($match->red_slot_1_ready == false)
            <button class="btn btn-secondary btn-sm btn-disabled" type="button"  aria-haspopup="true" aria-expanded="false">
              Ready Up <span class="badge badge-default badge-pill"><span id="blue_slot_1_sr">{{ $match->red_slot_1_sr}}</span></span>
            </button>
            @else
            <button class="btn btn-success btn-sm btn-disabled" type="button"  aria-haspopup="true" aria-expanded="false">
              Ready <span class="badge badge-default badge-pill"><span id="blue_slot_1_sr">{{ $match->red_slot_1_sr}}</span></span>
            </button>
            @endif


            <button type="button" class="btn btn-sm btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <span class="sr-only">Toggle Dropdown</span>
            </button>
            @if($redCaptain == Auth::user()->id)
            <div class="dropdown-menu">
              <a class="dropdown-item" href="#">View Overwatch Stats</a>
                @if(!Auth::user())
                <a class="dropdown-item" href="#">Report User</a>
                <a class="dropdown-item" href="#">Kick User</a>
                @endif
            </div>
            @else
            <div class="dropdown-menu">
              <a class="dropdown-item" href="#">Promote to Team Captain</a>
              <a class="dropdown-item" href="#">View Overwatch Stats</a>
              <div class="dropdown-divider"></div>
                @if(!Auth::user())
                <a class="dropdown-item" href="#">Report User</a>
                @endif
            </div>
            @endif
          </div>
      </li>
      @endif