{% extends "layout.html" %}
{% block content %}
<h1>Mapping Vehicle Home</h1>
<meta http-equiv="refresh" content="5" >
<div class="row">
   <div class="home-container">
      <h3> Welcome to the RS1 Mapping Vehicle. Here you can select your profile, edit the current one or create a new one.</h3>
      <div class = "pf-mgt-container">
         <div class="dropdown profile-dd">
            <button class="dropbtn">{{selectedProfile}}</button>                
            <div class="dropdown-content">
               {% for data in profileList %}                
               <a href="{{url_for('mapping')}}{{data}}">{{data}}</a>              
               {% endfor %}
            </div>
         </div>
         <div class="add-button pf-mgt">
            <a href="{{url_for('configuration')}}">          
            <img src="{{ url_for('static', filename='images/Button_Add.png') }}">            
            </a>
         </div>
         <div class="edit-button pf-mgt">
            <a href="{{url_for('edit')}}">          
            <img src="{{ url_for('static', filename='images/Button_Edit.png') }}">            
            </a>
         </div>
      </div>
      <h3>Differential Source:</h3>
      <div class="pf-mgt-container">
         <div class="dropdown gpssource-dd">
           <button class="dropbtn">{{gps_source}}</button>
           <div class="dropdown-content">
              {% for data in sourcelist %}
              <a href="{{url_for('mapping')}}gpssource/{{data}}">{{data}}</a>
              {% endfor %}
           </div>
        </div>
      </div>
      <div>
         <h4>GPS State:</h4>
         <h5>{{gpsState}}</h5>
      </div>
      <div>
         <h4>Direction:</h4>
         {% if forward %}
         <div class="reverse pf-mgt">
            <a href="{{url_for('mapping')}}setdirection/reverse">  
            <img src="{{ url_for('static', filename='images/forward.png') }}">            
            </a>
         </div>
         {% else %}
         <div class="reverse pf-mgt">
            <a href="{{url_for('mapping')}}setdirection/forward">  
            <img src="{{ url_for('static', filename='images/reverse.png') }}">            
            </a>
         </div>
         {% endif %}
      </div>
   </div>
</div>
{% endblock %}