<!DOCTYPE html>
<html>
  <head>
    <title>{{label}}</title>
    {{>head}}
  </head>
  <body>
    <div data-role="page">
      <div data-role="header">
        {{>home}}
        <h1>{{label}}</h1>
        {{#page_config.can_change}}
        <a href="{{rt}}/inputtypes/{{id}}/edit" data-icon="edit" data-transition="flip">
          Edit
        </a>
        {{/page_config.can_change}}
      </div>
      <div role="main" class="ui-content">
        <div class="ui-grid-a ui-responsive">
        <div class="ui-block-a">
          <h1>{{label}}</h1>
          <table>
            <tr>
              <th>Integer field</th>
              <td>{{int_field}}</td>
            </tr>
            <tr>
              <th>Decimal field</th>
              <td>{{dec_field}}</td>
            </tr>
            <tr>
              <th>Text field</th>
              <td>{{text_field}}</td>
            </tr>
            <tr>
              <th>Char field</th>
              <td>{{char_field}}</td>
            </tr>
            <tr>
              <th>Date field</th>
              <td>{{date_field}}</td>
            </tr>
            <tr>
              <th>Time field</th>
              <td>{{time_field}}</td>
            </tr>
            <tr>
              <th>Date+time field</th>
              <td>{{datetime_field_label}}</td>
            </tr>
          </table>
        </div>
        <div class="ui-block-b">
          <div class="map detail-map" id="input_types-{{id}}-map"></div>
        </div>
        </div>
        <h3>Image field</h3>
        <img src="{{image_field}}" alt="Image field - {{label}}" style="max-width:100%">
        <h3>Audio field</h3>
        <img src="{{audio_field}}" alt="Audio field - {{label}}" style="max-width:100%">
        <h3>Video field</h3>
        <img src="{{video_field}}" alt="Video field - {{label}}" style="max-width:100%">
      </div>
    </div>
  </body>
</html>
