{% extends 'index.html' %}
{% load staticfiles %}
{% load tags %}
{% load i18n %}
{% block head_link %}

{% endblock head_link %}
{% block header %}
    <li ><a href="{% url 'support' %}"><i class="fa fa-thumbs-up"></i>{% trans "支持" %}</a></li>
    <li class="active"><i class="fa fa-wrench"></i>{% trans "实用工具" %}</li>
{% endblock header %}
{% block row %}
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="panel bk-bg-white">
                                <div class="panel-heading">
                                    <h6><i class="fa fa-search "></i>{% trans "MAC查询工具" %}</h6>
                                    <div class="panel-actions">
                                        <a href="#" class="btn-minimize"><i class="fa fa-caret-up"></i></a>
                                        <!--<a href="#" class="btn-close"><i class="fa fa-times"></i></a>-->
                                    </div>
                                </div>
                                <div class="panel-body">
                                    <div class="col-md-2" >
                                        <div class='support-icon2'>
                                            <a onclick="open_basic();">
                                                <img src="{% static 'main/img/utility-icon.png' %}" class="support-icon-size">
                                            </a>

                                        </div>
                                    </div>
                                    <div class="col-md-10">
                                        <p><a class="support-title" onclick="open_basic();">{% trans "MAC查询工具" %}</a></p>
                                        <p>{% trans "根据MAC地址前3部分,查询设备所属厂商." %}</p>
                                        <p>{% trans "如MAC地址 00-19-E0-00-00-01 前3部分 00-19-E0,查询可知对应厂商为 普联技术有限公司." %}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-body">
                        <!-- Modal Basic -->
                        <a  class="bk-margin-top-10 bk-margin-bottom-10 modal-basic btn btn-default" href="#modalBasic" id="open_basic" hidden="hidden" style="display:none;">Basic</a>
                        <div id="modalBasic" class="modal-block mfp-hide">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h2 class="panel-title">{% trans "MAC查询工具" %}<a href="#" class=" modal-dismiss close-icon-right "><span class="fa fa-times tab-icon-color"></span></a></h2>
                                </div>
                                <div class="panel-body bk-noradius drag">
                                    <div class="col-md-12 tool-penel-body-div-margin">
                                        <div class="col-md-6">
                                            {% trans "请输入MAC地址的前三个字节:" %}
                                        </div>
                                        <div class="col-md-6">
                                        </div>
                                    </div>
                                    <div class="col-md-12 tool-penel-body-div-margin">
                                        <div class="col-md-6">
                                            <input type="text" class="form-control" placeholder="{% trans '如4C48DA' %}" name="mac" id="mac">
                                        </div>
                                        <div class="col-md-6">
                                        </div>
                                    </div>
                                    <div class="col-md-12 tool-penel-body-div-margin RECEIVE" hidden="hidden">
                                        <div class="col-md-1">
                                            MAC:
                                        </div>
                                        <div class="col-md-11">
                                            <span id="receive_mac"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-12 tool-penel-body-div-margin RECEIVE" hidden="hidden">
                                        <div class="col-md-1">
                                            INFO:
                                        </div>
                                        <div class="col-md-11">
                                            <span id="receive_info"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-footer">
                                    <div class="row">
                                        <div class="col-md-12 text-center">
                                            <button class="btn btn-info " onclick="ajaxfunc();">{% trans "确认" %}</button>
                                            <button class="btn btn-default modal-dismiss">{% trans "取消" %}</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

{% endblock row %}
{% block foot_js %}
<!-- Pages JS -->
<!--onclick="ajaxfunc('')"-->
<script>
  $(document).ready(function() {
    pageWords = {
      pleaseInputMac:'{% trans "请输入MAC地址的前三个字节" %}',
    };
  });
</script>
<script src="{% static 'main/app-js/systemSupportPage.js' %}"></script>

{% endblock foot_js %}