@extends('backend.layout')

@section('content')

<div class="row">
	
	<div class="panel panel-flat">

		<div class="navbar navbar-default navbar-xs fillter" style="padding-left:20px;padding-right:0px;">
			<ul class="nav navbar-nav no-border visible-xs-block">
				<li><a class="text-center collapsed" data-toggle="collapse" data-target="#navbar-filter"><i class="icon-menu7"></i></a></li>
			</ul>

			<div class="navbar-collapse collapse" id="navbar-filter">
				<form action="" method="GET">
					<p class="navbar-text">Link Stream cho nội dung: <b><a href="{{ route('backend.music.get',$vod->id) }}" target="_blank">{{ $vod->name }}</a></b></p>
					<div class="navbar-right">
						<ul class="nav navbar-nav">
							<!-- <li><button type="submit" class="btn btn-sucess" style="padding:10px 12px;border-right:1px solid #ccc;"><i class="icon-search4 position-left"></i>Lọc</button></li> -->
							<li class="pull-right"><a href="{{ route('backend.music.addLink',$vod->id) }}"><i class="icon-plus3 position-left"></i> Thêm mới</a></li>
						</ul>
					</div>
				</form>
			</div>
		</div>
		
		<div class="clearfix"></div>
		@if($users != null)
		<div class="table-responsive">
			<table class="table text-nowrap table-bordered table-striped">
				<thead>
					<tr>
						<th>STT</th>
						<th>Link</th>
						<th>Server</th>
						<th>Định dạng</th>
						<th>Chất lượng</th>
						<th>Giao thức</th>
						<th>Trạng thái</th>
						<th class="text-center" style="width: 100px;">Action</th>
					</tr>
				</thead>
				<tbody>
					@foreach($users as $stt => $user)
					<tr>
						<td>{{ ($users->currentPage() - 1)*$users->perPage() + $stt + 1  }}</td>
						<td>{{ $user->link }}</td>
						<td>{{ $vods['server'][$user->type] }}</td>
						<td>{{ $vods['type_stream'][$user->type_stream] }}</td>
						<td>{{ $user->quality }}</td>
						<td>{{ $user->protocol }}</td>
						<td>
							@if($user->status == 1)
							<a href="{{ route('backend.music.statusLink',[$vod->id,$user->id]) }}" onclick="return confirm('Bạn có chắc chắn muốn tắt nội dung này {{ $user->link }}?');"  class="label label-success active-package">Hoạt động</a>
							@else
							<a href="{{ route('backend.music.statusLink',[$vod->id,$user->id]) }}" onclick="return confirm('Bạn có chắc chắn muốn bật nội dung này {{ $user->link }}?');"  class="label label-default active-package">Dừng</a>
							@endif
						</td>
						<td class="text-center">
							<ul class="icons-list">
								<li style="margin-right:10px;"><a href="{{ route('backend.music.editLink',[$vod->id,$user->id]) }}" class="text-blue"><i class="icon-pencil7"></i></a></li> 
								<li><a onclick="return confirm('Bạn có chắc chắn muốn xoá nội dung này {{ $user->name }}?');" style="color:red;" href="{{ route('backend.music.deleteLink',[$vod->id,$user->id]) }}"><i class="icon-trash"></i></a></li>
							</ul>
						</td>
					</tr>
					@endforeach

				</tbody>
			</table>
			<div class="clear-fix" style="border-top:1px solid #ccc;"></div>
			<div style="padding:10px 15px;text-align:center;">
				{{ @$users->links() }}	
			</div>
			@endif
		</div>
	</div>
</div>
	<!-- /invoice grid options -->
@endsection

@push('styles')
	<style type="text/css">
		.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
			padding: 10px 5px;
		}
	</style>
@endpush

@push('scripts')
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script>

		$('.select2').select2({
	        minimumResultsForSearch: Infinity,
	        containerCssClass: 'select-xs'
	    });

	</script>
@endpush