{% if isFacebook %}
	<div class="title-field-setting title-field-setting-fb">เชื่อมต่อกับบัญชี Facebook</div>

	{% if FacebookConnect %}
	<div class="connected" >
	  <div class="data-setting">
	    <span class="data-setting-info">
	      <span class="image-from-social"><img src="{{ FacebookAvatar }}" /></span>
	      <span class="name-from-social">{{ FacebookDisplayName }}</span>
	    </span>
	    <span class="button-connect-socials">
	      <a href="#" class="social-connect" social="facebook" data-type="disconnect" >
	        <span class="disconnect-facebook">ยกเลิกการเชื่อมต่อกับ facebook</span>
	      </a>
	    </span>
	  </div>
	</div>
	{% else %}
	<div class="connect">
	  <div class="data-setting">
	    <span class="data-setting-info">เพื่อเพิ่มช่องทางการเข้าใช้งานระบบ NoteGang ของท่านให้สะดวกยิ่งขึ้น......</span>
	    <span class="button-connect-socials">
	      <a href="#" class="social-connect" social="facebook" data-type="connect" >
	        <span class="connect-facebook"><i class="fa fa-facebook"></i>เชื่อมต่อกับ Facebook</span>
	      </a>
	    </span>
	  </div>
	</div>
	{% endif %}
{% endif %}

{% if isGoogle %}
	<div class="title-field-setting title-field-setting-gg">เชื่อมต่อกับบัญชี Google</div>

	{% if GoogleConnect %}
    <div class="connected">
	    <div class="data-setting">
	        <span class="data-setting-info">
	          <span class="image-from-social"><img src="{{ GoogleAvatar }}" /></span>
	        	<span class="name-from-social">{{ GoogleDisplayName }}</span>
	        </span>

	        <span class="button-connect-socials">
				<a href="#" class="social-connect" social="google" data-type="disconnect" >
	            	<span class="disconnect-google">ยกเลิกการเชื่อมต่อกับ Google</span>
	        	</a>
	        </span>

	    </div>
	</div>
	{% else %}
	<div class="connect">
	    <div class="data-setting">
	        <span class="data-setting-info">เพื่อเพิ่มช่องทางการเข้าใช้งานระบบ NoteGang ของท่านให้สะดวกยิ่งขึ้น......</span>

	        <span class="button-connect-socials">
				<a href="#" class="social-connect" social="google" data-type="connect" >
		        	<span class="connect-google"><i class="fa fa-google-plus"></i>เชื่อมต่อกับ Google</span>
	        	</a>
	        </span>
	    </div>
	</div>
	{% endif %}
{% endif %}