{% extends 'base.html.twig' %}

{% block title %}EditarDocumentacion{% endblock %}

{% block body %}
    {%
        form_theme form
            'form/vich_uploader.html.twig'           
            'caso/themes/documentacion-theme.html.twig'
            'caso/themes/archivo-theme.html.twig'
            'caso/themes/doc-archivo-theme.html.twig'
    %}
    <h1>Editar Documentacion</h1>
                
    {#
    {{ include('documentacion/_form.html.twig', {'button_label': 'Guardar'}) }}
    {{ include('documentacion/_delete_form.html.twig') }}
    #}
    <a class="btn btn-secondary" href="{{ path('documentacion_index') }}">Volver al listado</a>


    <form action="{{ oneup_uploader_endpoint('gallery') }}" class="dropzone" style="width:200px; height:200px; border:4px dashed black">
    
        <input id="fileupload" type="file" name="files[]" data-url="{{ oneup_uploader_endpoint('gallery') }}" multiple />
    </form>

    
{% endblock %}


{% block javascripts %}
     {{ parent() }} 
    <script src="{{ asset('build/js/easyadmin.js') }}"></script>
    <script type="text/javascript" src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script>
    
    {#
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="https://rawgithub.com/blueimp/jQuery-File-Upload/master/js/vendor/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="https://rawgithub.com/blueimp/jQuery-File-Upload/master/js/jquery.iframe-transport.js"></script>
    <script type="text/javascript" src="https://rawgithub.com/blueimp/jQuery-File-Upload/master/js/jquery.fileupload.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('#fileupload').fileupload({});
    });
    </script>
    #}
    
    {#
    <script type="text/javascript">
        $('.collection-documentacion').collection(
            {
            add: '<a href="#" class="btn btn-primary"><span class="fa fa-plus-square"></span> Nueva Documentación</a>',
            elements_selector: 'tr.documentacionTr',
            elements_parent_selector: '%id% tbody',            
            prefix: 'documentacion',            
            allow_up: false,
            allow_down: false
            }   
        );
        $('.collection-archivo').collection(
            {
            add: '<a href="#" class="btn btn-primary"><span class="fa fa-plus-square"></span> ArchivoAdd</a>',
            elements_selector: 'tr.archivoTr',
            elements_parent_selector: '%id% tbody',            
            prefix: 'archivo',            
            allow_up: false,
            allow_down: false
            }   
        );
    </script>
    #}
{% endblock %}