{{ define "list_gril" }}
<li id="{{ .Index }}">
	<div class="card-panel hoverable list-entry">
		<div class="row valign-wrapper">
			<div class="col s3 m2 {{ if not .Value.IsListOwner }}offset-s1 offset-m1{{ end }}">
				<div class="circle gril-img" style="background-image: url(/{{ .Value.Gril.Gril.ImagePath true }})"> </div>
			</div>
			<div class="col {{ if .Value.IsListOwner }}s6 m3{{ else }}s8 m9{{ end }}">
			<span><a href="/gril/{{ .Value.Gril.Gril.Slug }}">{{ .Value.Gril.Gril.RomajiName }}</a><br />
				<span class="jap-name truncate">{{ .Value.Gril.Gril.KanjiName }}</span>
			</span>
			</div>
			{{ if .Value.IsListOwner }}
			<div class="col s3 m5">
				<div class="hide-on-med-and-up">
					<div class="row list-controls valign-wrapper">
						<div class="col s6 left-align">
							<i class="material-icons grey-text" onClick="">keyboard_arrow_up</i>
							<i class="material-icons grey-text" onClick="">keyboard_arrow_down</i>
							</div>
							<div class="col s4 left-align">
							<i class="hide-on-med-and-up material-icons delete-icon grey-text" onClick="">delete</i>
							</div>
						</div>
					</div>
					<div class="hide-on-small-only">
						<div class="valign-wrapper">
						<i class="medium material-icons grey-text" onClick="">keyboard_arrow_up</i>
						<i class="medium material-icons grey-text" onClick="">keyboard_arrow_down</i>
						<i class="material-icons grey-text" onClick="">delete</i>
					</div>
				</div>
			</div>
			{{ end }}
		</div>
	</div>
</li>
{{ end }}