{{- $src := .Get "src" -}}
{{- $poster := .Get "poster" -}}
{{- $env := .Get "env" -}}
{{- $alt := .Get "alt" | default "3D Model" -}}
{{- $controls := .Get "controls" | default "camera-controls touch-action='pan-y'" -}}
{{- $shadow := .Get "shadow" | default "0" -}}
{{ $slug := .Page.Slug }}

<!--move this elsewhere-->
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>

<model-viewer
  style="width: 100%; height: 500px;"
  alt="{{ $alt }}"
  src="{{ site.Params.filesBase }}/{{ $slug }}/{{ $src }}"
  poster="{{ site.Params.filesBase }}/{{ $slug }}/{{ $poster }}"
  environment-image="{{ $env }}"
  shadow-intensity="{{ $shadow }}"
  {{ $controls | safeHTMLAttr }}>
</model-viewer>