{% extends "index.html" %}
{% block title %}總覽{% endblock %}
{% block head %}
{{ super() }}
{% endblock %}


{% block body %}

<p id="company_text" hidden></p>
<p id="factory_text" hidden></p>
<p id="department_text" hidden></p>
<p id="towergroup_text" hidden></p>

    <div id='company'>
        
    </div>
    <div id='factory'>
        <p id='company_name'></p>
        
        <div id="map"></div>
        <div id='factory_select'>

        </div>
    </div>
    <div id='department'>
        <select id="department_list" onChange="department_change();" >
        </select>
        <div id='department_show'>

        </div>
    </div>
    <div id='towergroup'>
        
    </div>
    <script type="text/javascript" src="static/home.js"></script>
    
      <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDNaWlcg9y27m2ZpzXQ2EhH1BZW2WAxA6E&callback=initMap"
      async defer></script>
{% endblock %}