{% extends 'base.html.twig' %}
{% block content %}
    <div class="fluid-container bg-grey-3">
        <div class="container contentWrapper contentPage" id="answerPage">
            <div class="row">
                <div class="col s12">
                    <div class="center-align bg-grey-3 m-t-20">
                        <h3 class="color-blue1 m-t-10">Importer</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col s12">
                    <div class="col-content bg-arrow z-depth-2 p-20">
                        <div class="row">
                            <div class="col s12">
                                <h4 class="color-blue1 p-0">
                                    <span class="title-bubble">1</span>
                                    Importez votre CV Vidéo</h4>
                            </div>
                            <div class="col s10 offset-s1 answer-dropzone">
                                {% include 'media/dropzone.html.twig' with {
                                    'deleting' : true
                                } %}
                            </div>
                        </div>
                    </div>
                    <div class="row m-t-40">
                        <div id="form_media" class="col s10 offset-s1 center-align">
                            <button id="submit" class=" btn btn-large btn-default disabled" type="submit">
                                Envoyer mon CV
                            </button><br/><br/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        var urlDropzone = '{{ path("upload_media_default", {"id": app.user.getId()}) }}';
        var urlDelete = 'null'
        var idObject = '{{ app.user.getId() }}';
        var typeObject = "user";
        var videoExist = false;
    </script>
    <script src="{{ asset('/js/dropzone.js') }}"></script>
    <script src="{{ asset('/js/answer.js') }}"></script>
    <script type="text/javascript">
        {% if mustLogin == true %}
            $('#submit').on('click', function (event) {
                event.preventDefault();
                $('#modal_login').modal('open');
            });
        {% endif %}
    </script>
{% endblock %}