{% extends parent_template %}

{% block title %}{{ parent() }} {% block insidetitle %}Dashboard{% endblock %}{% endblock %}

{% block head %}
    {{ parent() }}
{% endblock %}

{% block dashbody %}
{#    <div class="container main" id="main-app-content">#}
    <div class="row">
        <div class="col s12">
            <!-- START CONTENT -->
            <section>
                <table id="ticket-reason">
                    <thead>
                        <tr>
                            <th>{{ 'form_forge.reason.table.th_id'|trans }}</th>
                            <th>{{ 'form_forge.reason.table.th_tag_for_twig'|trans }}</th>
                            <th>{{ 'form_forge.default.name'|trans }}</th>
                            <th>{{ 'form_forge.reason.table.th_discription'|trans }}</th>
                            <th>{{ 'form_forge.reason.table.th_action'|trans }}</th>
                        </tr>
                    </thead>

                    <tbody>
                        {% for reason in ticketReasonList %}
                            {% include '@FormForge/FormForgeReason/reason.list.table.html.twig' %}
                        {% endfor%}
                    </tbody>
                </table>
            </section>
        </div>
    </div>
    <div class="row">
        <div class="col s12">
            <a href="{{ path('form_forge_new_reason') }}" class="btn btn-background">{{ 'form_forge.reason.button.create_reason'|trans }}</a>
            <a href="#modal1" class="btn btn-background modal-trigger" >{{ 'form_forge.reason.button.import_reason'|trans }}</a>
            <a href="{{ path('form_forge_list_field_type') }}" class="btn btn-background right">{{ 'form_forge.field_type.buton.list_type_field'|trans }}</a>

        </div>
    </div>

    <div id="modal1" class="modal">
        <div class="modal-content">
            <h4>{{ 'form_forge.reason.button.import_reason'|trans }}</h4>
            <form action="{{ path('form_forge_reason_import') }}" method="post" enctype="multipart/form-data" class="row" id="import_form" >
                <div class="file-field input-field col s10">
                    <div class="btn">
                        <span>{{ 'form_forge.reason.button.file_name'|trans }}</span>
                        <input type="file" name="import_file">
                    </div>
                    <div class="file-path-wrapper">
                        <input class="file-path validate" type="text" name="import_filename">
                    </div>
                </div>
            </form>

        </div>
        <div class="modal-footer">
            <a href="javascript:import_form.submit();" class="modal-close btn btn-background left">{{ 'form_forge.reason.button.import_reason'|trans }}</a>
            <a href="#!" class="modal-close btn btn-background right">{{ 'form_forge.default.cancel'|trans }}</a>
        </div>

    </div>




{#    </div>#}
{% endblock %}

{% block scripts %}
    {{ parent() }}
    <script>
        $(document).ready( function () {
            $('#ticket-reason').DataTable();
        } );

    </script>
{% endblock %}