@foreach ($columns as $column)
	<div class="panel panel-primary column added-column col-sm-4" id="column_{{$column->id}}" data-id="{{$column->id}}">
		<div class="panel-heading row">
			<div class="panel-heading-content">
				<div class="panel-heading-social-network-icon">
					 <span class="icon-{{$column->social_network}}"></span>
				</div>

				<div class="panel-heading-title">
					@if($column->hashtag) {{$column->hashtag}} @else Custom statuses @endif
					<span class="badge">0</span>
				</div>

				<div class="dropdown pull-right">
					<a data-toggle="dropdown" href="#">
						<span class="icon-menu"></span>
					</a>

					<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
						<li><a data-id="{{$column->id}}" class="remove-column" href="javascript:;"></span>Remove Column</a></li>
						<li><a data-id="{{$column->id}}" class="approve-all" href="javascript:;"></span>Approve all</a></li>
						<li role="presentation" class="divider"></li>
						<li role="presentation" class="dropdown-header">Filter options</li>
						<li><a data-id="{{$column->id}}" data-action="2" class="filter-options" href="javascript:;"></span>Show active</a></li>
						<li><a data-id="{{$column->id}}" data-action="4" class="filter-options" href="javascript:;"></span>Show blocked</a></li>
					</ul>
				</div>
			</div>
		</div>

		<div class="panel-body column-stauses-holder">
			<div class="gathering-statuses">gathering statuses...</div>
		</div>
	</div>

@endforeach
