{# popin #}
<div class="card createMedia">
    <div class="card-body">
        {{ form_start(form) }}
        <div class="row">
            <div class="col-sm-6">
                {{ form_row(form.categorie) }}
                {{ form_row(form.libelle) }}
                {{ form_row(form.texte) }}
                {{ form_row(form.motclef) }}
                {{ form_row(form.source) }}
                {{ form_row(form.langue) }}
                {{ form_row(form.niveau) }}
            </div>
            <div class="col-sm-6">
                <ul class="nav nav-tabs tab_form_media" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active show" data-toggle="tab" href="#tab_chargement_fichier"
                           role="tab" aria-controls="home" aria-selected="true">Chargement de fichier</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#tab_code_integration"
                           role="tab" aria-controls="profile" aria-selected="false">Code d'intégration de vidéo</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active show" id="tab_chargement_fichier" role="tabpanel">
                        {{ form_row(form.fichier) }}
                        <div class="wrapper preview"></div>
                    </div>
                    <div class="tab-pane" id="tab_code_integration" role="tabpanel">
                        <em>blabbla youtube, viméo...</em>
                        {{ form_row(form.codeintegration) }}
                    </div>
                </div>
            </div>
        </div>
        <div hidden="hidden">
            {{ form_row(form) }}
            <input type="submit" id="submit_new_media"
                   class="submit-ajax"
                   value="Create" hidden="hidden" />
        </div>

        {{ form_end(form) }}
    </div>
    <div class="card-footer">
        <div class="btn btn-sm btn-primary btn-submit-media"
            onclick="window.submitCreationForm($('#submit_new_media').closest('form'))"
            data-backup-onclick="window.submitCreationForm($('#submit_new_media').closest('form'))">
            <i class="fa fa-dot-circle-o"></i>
            Enregistrer
        </div>
        <button type="reset" class="btn btn-sm btn-danger"
                onclick="hidePopinMedia();">
            <i class="fa fa-ban"></i>
            Annuler
        </button>
    </div>
</div>