{% load static %}
{% load crispy_forms_tags %}

<div class="modal fade" id="comp-import-modal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h2>Import Component CSV</h2>
                <button type="button"
                        class="btn"
                        data-bs-toggle="popover"
                        data-bs-title="Import Component CSV"
                        data-bs-html="true"
                        data-bs-content="The shimatta kenkyusho can import components from a CSV file uploaded to the website.<br>
                                         All parameters are passed as names (e.g. package, manufacturer etc.).<br><br>
                                         Component parameters can be set using a prefix <code>param:</code> followed by the
                                         parameter name. The value is then parsed bysed on the parameter type.<br><br>
                                         Distributor part numbers can be set similarly by prepending <code>distri:</code>.<br><br>
                                         It is also possible to create initial stocks to one storage by passing the
                                         storage uuid and/or the path to the storage (as printed in the breadcrumbs) or
                                         a combination of a storage uuid and the path from this storage.<br><br>
                                         See <a href='{% static 'example/import_csv/import_csv.csv' %}'>example</a> for details.">
                    <i class="bi bi-info-circle"></i>
                </button>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form method="post" enctype="multipart/form-data">
                {% csrf_token %}
                <div class="modal-body">
                    {{form|crispy}}
                </div>
                <div class="modal-footer">
                    <input type="submit" name="submit-import-components" class="btn btn-primary" value="Save">
                </div>
            </form>
        </div>
    </div>
</div>