@extends('backend.layout')

@section('content')
<div class="row">
	<div class="col-md-12">
		<p style="margin: 0px; padding: 5px 0px;"><span class="text-semibold">{{ ($devices->currentPage() - 1)*10 + 1 }}-{{ ($devices->currentPage() - 1)*10 + $devices->count() }}</span> trong <span class="text-semibold">{{ $devices->total() }}</span> bản ghi.</p>
	
		<div class="panel panel-flat">

			<div class="navbar navbar-default navbar-xs fillter padding-0" style="">
				<ul class="nav navbar-nav no-border visible-xs-block">
					<li>
						<a style="float: left;" class="text-left collapsed" data-toggle="collapse" data-target="#navbar-filter"><i class="icon-more"></i></a>
						<button style="float: right;" data-popup="tooltip" title="Lọc" type="submit" class="btn btn-sucess text-right"><i class="icon-search4 position-left"></i></button>
					</li>
				</ul>

				<div class="navbar-collapse collapse" id="navbar-filter">
					<form action="" method="GET">
						<ul class="nav navbar-nav">
							<li>
								<input class="form-control" name="keyword" placeholder="Model hoặc mã thiết bị" value="{{ @$_GET['keyword'] }}"  autocomplete="off">
							</li>
						</ul>

						<div class="navbar-right hidden-xs">
							<button data-popup="tooltip" title="Lọc" type="submit" class="btn btn-sucess"><i class="icon-search4 position-left"></i></button>
						</div>
					</form>
				</div>
			</div>
			
			<div class="clearfix"></div>
			<div class="table-responsive" style="min-height:400px;">
				<table class="table table-bordered table-striped">
					<thead>
						<tr>
							<th width="50" class="text-center">STT</th>
							<th>Model</th>
							<th>DeviceId</th>
							<th>Mac</th>
							<th>In - Out</th>
							<th>Khách hàng</th>
							<th>Đại lý</th>
							<th>Địa chỉ lắp đặt</th>
							<th>Đặt cọc</th>
							<th>Người thực hiện</th>
							<th>Ngày tạo</th>
						</tr>
					</thead>
					<tbody>
						@if($devices != null)
						@foreach($devices as $stt => $device)
						<tr>
							<td  class="text-center" width="50">{{ ($devices->currentPage() - 1)*$devices->perPage() + $stt + 1  }}</td>
							<td>{{ @$device->device->name }}</td>
							<td>{{ $device->deviceId }}</td>
							<td>{{ @$device->device->mac }}</td>
							<td>@if(!$device->customer_id && !$device->customer_id) Chuyển kho #{{$device->agency_id ? $device->agency_id.' -' : 'Tổng -'}} @endif {{ config('itv.use_type.'.$device->type) }}</td>
							<td>
								@if($device->type != 'back')
								{{@$device->customer->fullname}}
								@endif
							</td>
							<td>
								{{@$device->agency->name}}
							</td>
							<td>
								@if($device->type != 'back')
								{{@$device->contract->address}}
								@endif
							</td>

							<td>
								@if($device->deposit)
								{{number_format($device->deposit, 0, '.','.')}} <sup>đ</sup>
								@endif
							</td>
							<td>{{ $device->user->name }}</td>
							<td>{{ $device->created_at->format('d-m-Y') }}</td>
						</tr>
						@endforeach
						@endif
					</tbody>
				</table>
				<div class="clear-fix" style="border-top:1px solid #ccc;"></div>
				<div style="padding:10px 15px;text-align:center;">
					{{ $devices->appends(@$_GET)->links() }}	
				</div>
			</div>
		</div>
	</div>
</div>


@endsection

@push('styles')
	<style>
		
		.select-xs.select2-selection--single{
			height:36px;
		}
		.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: 5px 5px;
			white-space: normal !important;
		}
		.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--open.select2-container--below .select2-selection--single{
			min-width:200px;
		}
		.select-xs.select2-selection--multiple .select2-search--inline .select2-search__field{
			min-width:200px;
		}
		.select2-selection--multiple .select2-search--inline .select2-search__field{
			padding:5px 0px !important;
			max-width: 200px;
		}
		.select2-container--open .select2-dropdown--below{ min-width:200px;  }
	</style>
@endpush

@push('scripts')
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/styling/switchery.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/ui/moment/moment.min.js')}}"></script>
	<script>
		$('.select2').select2();
		var _token 	= $('meta[name="csrf-token"]').attr('content');
		
	</script>
@endpush