{% if perms.bom.create_part %}
    <div class="fixed-action-btn">
        <a class="btn-floating btn-large red" href="{% url 'bom:create-part' %}">
            <i class="large material-icons">add</i>
        </a>
        <ul>
            <!-- <li><a class="btn-floating red lighten-1 tooltipped" data-position="left" data-delay="50" data-tooltip="Test"><i class="material-icons">insert_chart</i></a></li> -->
            <li><a class="btn-floating yellow lighten-1 tooltipped" data-position="left" data-delay="50"
                   data-tooltip="Upload Parts" href="{% url 'bom:upload-parts' %}"><i
                    class="material-icons">cloud_upload</i></a></li>
            <li><a class="btn-floating blue lighten-1 tooltipped" data-position="left" data-delay="50"
                   data-tooltip="Create Part" href="{% url 'bom:create-part' %}"><i
                    class="material-icons">library_add</i></a>
            </li>
        </ul>
    </div>
    <script>
        $(document).ready(function () {
            $('.fixed-action-btn').floatingActionButton();
            $('.tooltipped').tooltip();
        });
    </script>
{% endif %}