{##
 # @file puntos_modal_info.html
 # Copyright (C) 2015 Pressa. All rights reserved.
 #}

<div class="form-group">
 <label for="puntos-modal-nombre" class="col-lg-3 control-label">
  {{ lang['dashboard']['puntos']['modal']['nombre'] }}
 </label>
 <div class="col-lg-4">
  <input type="text" class="form-control input-sm" id="puntos-modal-nombre"
         required="required"
         placeholder="{{ lang['dashboard']['puntos']['modal']['nombre_placeholder'] }}"/>
  <div class="form-field-error text-danger" hidden>
   {{ lang['dashboard']['puntos']['modal']['nombre_error'] }}
  </div>
 </div>
</div>
<div class="form-group">
 <label for="puntos-modal-tipo" class="col-lg-3 control-label">
  {{ lang['dashboard']['puntos']['modal']['tipo'] }}
 </label>
 <div class="col-lg-4">
  <select class="form-control input-sm" id="puntos-modal-tipo" required="required">
   <option value="">{{ lang['dashboard']['puntos']['modal']['tipo_placeholder'] }}</option>
   <option value="ORIGEN">ORIGEN</option>
   <option value="DESTINO">DESTINO</option>
   <option value="AMBOS">AMBOS</option>
   <option value="INTERMEDIO">INTERMEDIO</option>
  </select>
  <div class="form-field-error text-danger" hidden>
   {{ lang['dashboard']['puntos']['modal']['tipo_error'] }}
  </div>
 </div>
</div>
<div class="form-group">
 <label for="puntos-modal-direccion" class="col-lg-3 control-label">
  {{ lang['dashboard']['puntos']['modal']['direccion'] }}
 </label>
 <div class="col-lg-6">
  <div class="input-group input-group-sm">
   <input type="text" class="form-control input-sm" id="puntos-modal-direccion"
          placeholder="{{ lang['dashboard']['puntos']['modal']['direccion_placeholder'] }}"/>
   <span class="input-group-btn">
    <button class="btn btn-default btn-sm" type="button" id="puntos-modal-geocode-btn" title="Buscar en mapa">
     <span class="fa fa-solid fa-magnifying-glass"></span>
    </button>
   </span>
  </div>
  <small id="puntos-modal-geocode-status" class="text-muted" style="display:none;"></small>
 </div>
</div>
<div class="form-group">
 <label class="col-lg-3 control-label">Latitud <small class="text-muted">(opcional)</small></label>
 <div class="col-lg-4">
  <input type="number" class="form-control input-sm" id="puntos-modal-lat"
         step="any" placeholder="Ej: -34.6037"/>
 </div>
</div>
<div class="form-group">
 <label class="col-lg-3 control-label">Longitud <small class="text-muted">(opcional)</small></label>
 <div class="col-lg-4">
  <input type="number" class="form-control input-sm" id="puntos-modal-lon"
         step="any" placeholder="Ej: -58.3816"/>
 </div>
</div>
<div class="form-group">
 <label class="col-lg-3 control-label">Ubicación en mapa</label>
 <div class="col-lg-9">
  <div id="puntos-modal-map" style="height:280px; border:1px solid #ccc; border-radius:4px;"></div>
  <small class="text-muted">Hacé click en el mapa para marcar el punto. La latitud y longitud se actualizan automáticamente.</small>
 </div>
</div>