{% if(pg) { %}
	<div class="row" style="background-color: #{%= {
		"Fold": "b8c2cc",
		"Section Break": "D9F6FF",
		"Column Break": "f5f7fa"
	}[pg.fieldtype] || "fff" %}; padding: 10px; margin: -10px -15px;">
		<div class="col-sm-4">
			{% if (pg.fieldtype==="Section Break") { %}<strong>{% } %}
				{% if (pg.reqd) { %}<span class="text-danger">{% } %}
				{% if (pg.bold) { %}<b>{% } %}
				{% if (pg.hidden) { %}
					<span class="text-muted"><i class="fa fa-eye-close"></i>{% } %}
					{% if(pg.fieldtype==="Link") { %}<i class="fa fa-link"></i>{% } %}
                    {% if(pg.in_list_view) { %} <i class="fa fa-list"></i>{% } %}
					{% if(pg.fieldtype==="Table") { %}<i class="fa fa-th"></i>{% } %}
					{%= pg.label %}
				{% if (pg.hidden) { %}</span>{% } %}
				{% if (pg.reqd) { %}</span>{% } %}
				{% if (pg.bold) { %}</b>{% } %}
			{% if (pg.fieldtype=="Section Break") { %}</strong>{% } %}
			{% if (pg.description) { %}<p class="text-muted small">{%= pg.description %}</p>{% } %}
		</div>
		<div class="col-sm-3">
			{%= pg.fieldtype %}
			<br><span class="small">{%= pg.fieldname %}</span>
		</div>
		<div class="col-sm-4 grid-static-col">
			{%= pg.options && pg.options.split("\n").join("<br>") || "" %}
			{% if(pg["default"]) { %}
			<br>{%= __("Default") %}: <strong>{%= pg["default"] %}</strong>
			{% } %}
		</div>
	</div>
{% } else { %}
	<div class="row">
		<div class="col-sm-4">
			{%= __("Label") %}
		</div>
		<div class="col-sm-4">
			{%= __("Field Type") %}
		</div>
		<div class="col-sm-4">
			{%= __("Options") %}
		</div>
	</div>
{% } %}