{{\App::setLocale(Session::get('locale'))}}
@extends('layouts.user-layout')
@section('title', trans('word.sharing_qr_code'))
@section('content')
<div class="panel panel-default form-margin-regi">
	<div class="panel-heading">@lang('word.sharing_qr_code')</div>
	<div class="panel-body">
		<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12">
			<div class="qrdisplay">
				<div class="qrimgdiv">
					<img id="qrimg" src="" height="200">
				</div>
			</div>
		</div>
		<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12">
			<ul class="social-list" style="text-align: center;">
				<li><a style="border: none;background: transparent;" id="wechat" target="_blank" href=""><img src="{{asset('svg/weixin-brands.svg')}}" height="50"></a></li>
			</ul>
		</div>
	</div>
</div>	

@endsection 
@section('extra-script')
<style>.qrdisplay{padding:20px;text-align:center}.qrimgdiv{height:auto}
ul.social-list li{
  display: inline;
}</style>
<link href="{{asset('css/sweetalert.css')}}" rel="stylesheet" type="text/css">
<script src="{{asset('js/sweetalert.min.js')}}"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> 
<script>
$(function() {
	var qrBaseURL = "{{url('/')}}/qr/qr.php?data=";
	var qrData = "{{url('/')}}/register?ref={{$cUserObj->username}}";
	var qrURL = qrBaseURL+qrData;
	var hh = '<img id="qrimg" src="'+qrURL+'">';
	$("#wechat").attr("href", qrData);
	$("#qrimg").attr("src", qrURL);
});
</script>
@endsection