<%
  row = cell(:elements, :row).new
  block = cell(:elements, :block).new(class: 'xs-12 sm-12 md-12')
  code = cell(:elements, :code).new
  form = cell(:inputs, :form).new(url: '#', method: 'get')
%>

<!-- PRESENTATION -->
<%=raw row.open %>

  <%=raw block.open %>

    <%=raw cell(:elements, :title).new(label: 'Cells Inputs: Geolocalization') %>

    <p>A Geolocalization is a special input used to get latitude and longitude on a map.</p>

  <%=raw block.close %>

<%=raw row.close %>
<!-- / PRESENTATION -->

<hr>
<%=raw cell(:elements, :title).new(label: 'Normal Geolocalization input', size: 3) %>

<%=raw row.open %>

  <%=raw block.open %>

    <%=raw form.open %>

      <%=raw row.open %>

        <%=raw cell(:inputs, :geolocalization).new(label: 'Select a point on the map') %>

      <%=raw row.close %>

    <%=raw form.close %>
    
  <%=raw block.close %>

<%=raw row.close %>

<!-- CODE SECTION -->
<%=raw row.open %>

<%=raw block.open %>

<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>

<%=raw code.open %>

<%= erb_open_tag %>=raw cell(:inputs, :geolocalization).new(label: 'Select a point on the map') <%= erb_close_tag %>

<%=raw code.close %>

<%=raw block.close %>

<%=raw row.close %>
<!-- / CODE SECTION -->

<hr>
<%=raw cell(:elements, :title).new(label: 'Geolocalization with some settings', size: 3) %>

<%=raw row.open %>

  <%=raw block.open %>

    <%=raw form.open %>

      <%=raw row.open %>

        <%=raw cell(:inputs, :geolocalization).new(label: 'Select a point on the map', class: 'md-6',
        default_zoom: 7, default_lat: 10, default_lng: 10, placeholder: 'Search a place',
        help: 'This map has a custom default zoom and position') %>

        <%=raw cell(:inputs, :geolocalization).new(label: 'Select a point on the map', class: 'md-6',
        default_zoom: 5, name_lat: 'custom_input_name_for_lat', name_lng: 'custom_input_name_for_lng',
        name_address: 'custom_input_name_for_address', help: 'This map has a custom input names') %>

      <%=raw row.close %>

    <%=raw form.close %>
    
  <%=raw block.close %>

<%=raw row.close %>

<!-- CODE SECTION -->
<%=raw row.open %>

<%=raw block.open %>

<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>

<%=raw code.open %>

<%= erb_open_tag %>=raw cell(:inputs, :geolocalization).new(label: 'Select a point on the map', class: 'md-6',
default_zoom: 7, default_lat: 10, default_lng: 10, placeholder: 'Search a place',
help: 'This map has a custom default zoom and position') <%= erb_close_tag %>

<%= erb_open_tag %>=raw cell(:inputs, :geolocalization).new(label: 'Select a point on the map', class: 'md-6',
default_zoom: 5, name_lat: 'custom_input_name_for_lat', name_lng: 'custom_input_name_for_lng',
name_address: 'custom_input_name_for_address', help: 'This map has a custom input names') <%= erb_close_tag %>

<%=raw code.close %>

<%=raw block.close %>

<%=raw row.close %>
<!-- / CODE SECTION -->

<hr>
<%=raw cell(:elements, :title).new(label: 'Geolocalization with some settings 2', size: 3) %>

<%=raw row.open %>

  <%=raw block.open %>

    <%=raw form.open %>

      <%=raw row.open %>

        <%=raw cell(:inputs, :geolocalization).new(label: 'Select a point on the map', class: 'md-6',
        help: 'This map has a selected point', value_lat: 46, value_lng: 12, value_address: 'Custom address') %>

        <%=raw cell(:inputs, :geolocalization).new(label: 'Select a point on the map', class: 'md-6',
        help: 'This map has a satellite view', default_type: 'satellite') %>

      <%=raw row.close %>

    <%=raw form.close %>
    
  <%=raw block.close %>

<%=raw row.close %>

<!-- CODE SECTION -->
<%=raw row.open %>

<%=raw block.open %>

<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>

<%=raw code.open %>

<%= erb_open_tag %>=raw cell(:inputs, :geolocalization).new(label: 'Select a point on the map', class: 'md-6',
help: 'This map has a selected point', value_lat: 46, value_lng: 12, value_address: 'Custom address') <%= erb_close_tag %>

<%= erb_open_tag %>=raw cell(:inputs, :geolocalization).new(label: 'Select a point on the map', class: 'md-6',
help: 'This map has a satellite view', default_type: 'satellite') <%= erb_close_tag %>

<%=raw code.close %>

<%=raw block.close %>

<%=raw row.close %>
<!-- / CODE SECTION -->