@extends('backend.layout')

@section('content')
<div class="row">
	
	<div class="panel panel-flat">

		<div class="navbar navbar-default navbar-xs" 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">Bộ lọc:</p>
					<ul class="nav navbar-nav">
						<li>
							<input class="form-control" style="margin-top: 3px;" name="name" placeholder="Tên hoặc mã quốc gia" value="{{ @$_GET['name'] }}">
						</li>
					</ul>

					<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.countries.list') }}"><i class="icon-reset position-left"></i> Huỷ lọc</a></li>
						</ul>
					</div>
				</form>
			</div>
		</div>

		<div class="table-responsive">
			<table class="table text-nowrap">
				<thead>
					<tr>
						<th>STT</th>
						<th>Tên quốc gia</th>
						<th>Tên tiếng việt</th>
						<th>Mã quốc gia (rút gọn)</th>
						<th>Mã vùng</th>
					</tr>
				</thead>
				<tbody>
					@if($users != null)
					@foreach($users as $stt => $user)
					<tr class="info_countries" info="{{ json_encode($user->toArray()) }}" url="{{ route('backend.countries.postEdit',$user->id) }}">
						<td>
							{{ ($users->currentPage() - 1)*$users->perPage() + $stt + 1  }}
						</td>
						<td><a href="#"> {{ $user->name }}</a></td>
						<td>{{ $user->vi_name }}</td>
						<td>{{ $user->code }}</td>
						<td>{{ $user->countrycode }}</td>
					</tr>
					@endforeach
					@endif
				</tbody>
			</table>
			<div class="clear-fix" style="border-top:1px solid #ccc;"></div>
			<p class="navbar-text"><span class="text-semibold">{{ ($users->currentPage() - 1)*10 + 1 }}-{{ ($users->currentPage() - 1)*10 + count($users) }}</span> trong <span class="text-semibold">{{ $users->total() }}</span> bản ghi</p>
			<div style="padding:10px 15px;text-align:center;">
				{{ $users->appends(['name' => @$_GET['name'] ])->links() }}	
			</div>
		</div>
	</div>
</div>
	<!-- /invoice grid options -->
@endsection

@push('scripts')
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/bootstrap_multiselect.js')}}"></script>
	<script>
		$(document).ready(function() {
			$('.multiselect').multiselect();
		});

		$('.info_countries').on('click', function() {
			var data = $(this).attr('info');
			data = JSON.parse(data);
			var url = $(this).attr('url');

	        bootbox.dialog({
	            title: "Cập nhật thông tin quốc gia.",
	            message: '<div class="row">  ' +
	                '<div class="col-md-12">' +
	                    '<form class="form-horizontal">' +
	                        '<div class="form-group">' +
	                            '<label class="col-md-4 control-label">Tên quốc gia</label>' +
	                            '<div class="col-md-8">' +
	                                '<input id="name" name="name" type="text" value="'+data.name+'" class="form-control">' +
	                                // '<span class="help-block">Here goes your name</span>' +
	                            '</div>' +
	                        '</div>' +
	                        '<div class="form-group">' +
	                            '<label class="col-md-4 control-label">Tên tiếng việt</label>' +
	                            '<div class="col-md-8">' +
	                                '<input id="vi_name" name="vi_name" type="text" value="'+(data.vi_name != null ? data.vi_name : "" )+'" class="form-control">' +
	                                // '<span class="help-block">Here goes your name</span>' +
	                            '</div>' +
	                        '</div>' +
	                        '<div class="form-group">' +
	                            '<label class="col-md-4 control-label">Mã quốc gia (rút gọn)</label>' +
	                            '<div class="col-md-8">' +
	                                '<input id="code" name="code" type="text" value="'+data.code+'" class="form-control">' +
	                                // '<span class="help-block">Here goes your name</span>' +
	                            '</div>' +
	                        '</div>' +
	                        '<div class="form-group">' +
	                            '<label class="col-md-4 control-label">Mã quốc gia</label>' +
	                            '<div class="col-md-8">' +
	                                '<input id="countrycode" name="countrycode" type="text" value="'+data.countrycode+'" class="form-control">' +
	                                // '<span class="help-block">Here goes your name</span>' +
	                            '</div>' +
	                        '</div>' +
	                        '<div class="form-group">' +
	                            '<label class="col-md-4 control-label">&nbsp;</label>' +
	                            '<div class="col-md-8">' +
	                                '<div class="radio">' +
	                                    '<label style="padding-left:0px;">' +
	                                        '<input type="checkbox" name="sort" id="sort">' +
	                                        '&nbsp;&nbsp;&nbsp;Đưa lên vị trí đầu' +
	                                    '</label>' +
	                                '</div>' +
	                            '</div>' +
	                        '</div>' +
	                    '</form>' +
	                '</div>' +
	            '</div>',
	            buttons: {
	                success: {
	                    label: "Cập nhật",
	                    className: "btn-success",
	                    callback: function () {

	                    	var flag = false;

	                        var name 		= $('#name').val();
	                        var vi_name 	= $('#vi_name').val();
	                        var code 		= $('#code').val();
	                        var countrycode = $('#countrycode').val();
	                        var sort 		= $('#sort').is(":checked")
	                        var _token 		= $('meta[name="csrf-token"]').attr('content');

	                        var data = {name: name, vi_name: vi_name, code: code, countrycode: countrycode, sort: sort, _token: _token};

	                        $.post(url, data, function(result){
	                        	$('.bootbox').modal('toggle');
	                        	new PNotify({
						            title: 'Thông báo',
						            text: 'Cập nhật thông tin quốc gia '+name+' thành công.',
						            icon: 'icon-checkmark3',
						            type: 'success'
						        });
	                        }).fail(function(result) {
							    var errors = result.responseJSON.errors;
							    $.each( errors, function( key, value ) {
								  	$('#'+key).parent('div').append('<span class="help-block text-danger">'+value+'</span>')
								});
							});

	                        return flag;
	                    }
	                }
	            }
	        });
	    });


	</script>
@endpush