{# empty Twig template #}
{%extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <link href="{{ asset('css/competition.css') }}" media="screen" rel="stylesheet" type="text/css">
  <link href="{{ asset('css/document.css') }}" media="srceen" rel="stylesheet" type="text/css">
  <link href="{{ asset('css/trivial.css') }}" media="screen" rel="stylesheet" type="text/css">
{% endblock %}
{% block body %}
    {{ parent() }}
    
         <div class="container marketing lista">
            <div class="competition-return">
              <div class="competition-return-image"><img src="{{asset('img/competition-return.png')}}"></div>
                <a class="competition-return-text" href="{{ path('competition_documents', {id: document.area.category.trinder.id}) }}">Volver a Documentos</a>
            </div>           
      <div class="fondo col-xs-12">
          
                 <div class="page-header edit-competition-header">
                     <h1>{% trans %} EDITAR DOCUMENTO{% endtrans %} {{document.name}}</h1>

                 </div>
                <div class="competition-edit-form">
                   {{ form_start(form,{ 'attr' :{'role':'form', 'novalidate' : 'novalidate', 'onsubmit':'return validateForm();'} }) }}
            <fieldset>
                <div class="trivial-edit-form-group col-xs-12">
                   <div class="trivial-edit-label pad-bottom">
                        {{ form_label(form.type, "Tipo de documento", {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                        <div class="col-sm-3 col-xs-12">
                        {{ form_widget(form.type, { 'attr' : {'class': 'form-control', 'placeholder' : 'Tipo'} }) }}
                        <span class="text-danger">{{ form_errors(form.type) }}</span>
                        </div>
                    </div>
                </div>

                <div class="trivial-edit-form-group col-xs-12">
                   <div class="trivial-edit-label pad-bottom">
                            {{ form_label(form.name, "Nombre",  {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                        <div class="col-sm-7 col-xs-12">
                            {{ form_widget(form.name, { 'attr' : {'class': 'form-control', 'placeholder' : 'Nombre'} }) }}
                            <span class="text-danger">{{ form_errors(form.name) }}</span>
                        </div>
                    </div>
                </div>

                <div class="trivial-edit-form-group col-xs-12">
                   <div class="trivial-edit-label pad-bottom">
                            {{ form_label(form.description, "Descripción",  {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                        <div class="col-sm-7 col-xs-12">
                            {{ form_widget(form.description, { 'attr' : {'class': 'form-control', 'placeholder' : 'Nombre'} }) }}
                            <span class="text-danger">{{ form_errors(form.description) }}</span>
                        </div>
                    </div>
                </div>


                <div id="document-type" class="trivial-edit-form-group col-xs-12" {% if form.vars.value.type == "URL" %} style="display:none;"{% endif %}>
                   <div class="trivial-edit-label pad-bottom">
                            {{ form_label(form.documentFile, "Subir fichero",  {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                        <div class="col-sm-7 col-xs-12">
                            {{ form_widget(form.documentFile, { 'attr' : {'class': 'form-control', 'placeholder' : 'Documentos', 'required':'false'} }) }}
                            <span class="text-danger">{{ form_errors(form.documentFile) }}</span>
                        </div>
                    </div>
                </div>
                <div id="url-type" class="trivial-edit-form-group col-xs-12" {% if form.vars.value.type != "URL" %}style="display:none;"{% endif %}>
                   <div class="trivial-edit-form-group trivial-edit-label pad-bottom col-xs-12">
                        {{ form_label(form.url, "URL",  {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                    <div class="col-sm-7 col-xs-12">
                        {{ form_widget(form.url, { 'attr' : {'class': 'form-control', 'placeholder' : 'Url'} }) }}
                        <span class="text-danger">{{ form_errors(form.url) }}</span>
                    </div>
                </div>
                </div>

                <div class="col-md-12 trivial-edit-form-group col-xs-12">                    
                    <div class="trivial-edit-form-group trivial-edit-label pad-bottom col-xs-12">
                            {{ form_label(form.area, "Area",  {'label_attr': {'class': 'col-sm-3 col-xs-12 gametool-text-xs-left'}}) }}
                            <div class="col-sm-7 col-xs-12">
                            {{ form_widget(form.area, { 'attr' : {'class': 'form-control', 'placeholder' : '1'} }) }}
                            <span class="text-danger">{{ form_errors(form.area) }}</span>
                        </div>
                    </div>
                </div>
            </fieldset>
        <div class="col-md-12 trivial-edit-buttons">
            <a href="{{ path('competition_documents', {id: document.area.category.trinder.id}) }}"><div class="col-md-2 col-md-offset-3 btn trivial-edit-cancelar">Cancelar</div></a>
            {{ form_widget(form.save,{ 'label' : 'Guardar cambios', 'attr': { 'class': 'btn trivial-edit-update col-md-2 col-md-offset-1' }}) }}
        </div> 
          {% block javascripts %}
            {{parent()}}
            <script src="{{ asset('js/document.js') }}" ></script>
          {% endblock %}
         {% if form.vars.value.type != "URL" %} 
          <script>changeFields();</script>    
        {% endif %}    
        <script type="text/javascript">
        var b = true;
    var myFile = document.getElementById('documentbundle_document_documentFile');
  //binds to onchange event of the input field
  myFile.addEventListener('change', function() {
    this.nextElementSibling.innerHTML = ""
    //this.files[0].size gets the size of your file.
    if(this.files[0].size>2000000){
      this.nextElementSibling.innerHTML = "<li>El fichero pesa demasiado (max 2MB)</li>"
      b=false;
    } else {
      b = true;
    }

  });

  function validateForm(){
    docType = document.getElementById("documentbundle_document_type").value;
    if(!b && docType == "DOCUMENTO"){
      return false;
    } else {
      return true;
    }
  }
</script>
            

                {{ form_end(form) }}
                       
            </div>
        </div>
    </div>
  {% endblock %}