<div class="container">

  <h2 class="my-3">

    {{ get_image('b_import', 'Import'|trans) }}

    {% block title %}{% endblock %}

  </h2>

​

  {{ page_settings_error_html|raw }}

  {{ page_settings_html|raw }}

​

  <iframe id="import_upload_iframe" name="import_upload_iframe" width="1" height="1" class="hide"></iframe>

  <div id="import_form_status" class="hide"></div>

  <div id="importmain">

    <img src="{{ image('ajax_clock_small.gif') }}" width="16" height="16" alt="ajax clock" class="hide">

​

    <script type="text/javascript">

//<![CDATA[

{% include 'import/javascript.twig' with {'upload_id': upload_id, 'handler': handler} only %}

//]]>

    </script>

​

    <form id="import_file_form" action="{{ url('/import') }}" method="post" enctype="multipart/form-data" name="import" class="ajax"

      {%- if handler != 'PhpMyAdmin\\Plugins\\Import\\Upload\\UploadNoplugin' %} target="import_upload_iframe"{% endif %}>

      {{ get_hidden_inputs(hidden_inputs) }}

​

      <div class="card mb-3">

        <div class="card-header">{% trans 'File to import:' %}</div>

        <div class="card-body">

          {# We don't have show anything about compression, when no supported #}

          {% if compressions is not empty %}

            <p class="card-text">

              {{ 'File may be compressed (%s) or uncompressed.'|trans|format(compressions|join(', ')) }}<br>

              {% trans 'A compressed file\'s name must end in <strong>.[format].[compression]</strong>. Example: <strong>.sql.zip</strong>' %}

            </p>

          {% endif %}

​

          {% if is_upload and upload_dir is not empty %}

            {% set use_local_file_import = timeout_passed_global is not empty and local_import_file is not empty %}

            <ul class="nav nav-pills mb-3" id="importFileTab" role="tablist">

              <li class="nav-item" role="presentation">

                <button class="nav-link{{ not use_local_file_import ? ' active' }}" id="uploadFileTab" data-bs-toggle="tab" data-bs-target="#uploadFile" type="button" role="tab" aria-controls="uploadFile" aria-selected="{{ not use_local_file_import ? 'true' : 'false' }}">{% trans 'Upload a file' %}</button>

              </li>

              <li class="nav-item" role="presentation">

                <button class="nav-link{{ use_local_file_import ? ' active' }}" id="localFileTab" data-bs-toggle="tab" data-bs-target="#localFile" type="button" role="tab" aria-controls="localFile" aria-selected="{{ use_local_file_import ? 'true' : 'false' }}">{% trans 'Select file to import' %}</button>