{% extends "base-poll.html" %}
{% load i18n %}

{% block title %}Subir resultados{% endblock %}

{% block main_container %}
    <script src="{{ STATIC_URL }}js/angular.min.js"></script>

    {% if errors %}
        <div class="control-group error">
            <label class="control-label">
                <ul>
                    {% for error in errors %}
                        <li>{{ error }}</li>
                    {% endfor %}
                </ul>
            </label>
        </div>
    {% endif %}

    <form class="form-inline" method="post" action="" enctype="multipart/form-data">

        <fieldset class="well" ng-app>

            <div ng-controller="FileChooserCtrl">
                <div ng-repeat="file_chooser in file_choosers">
                    <input type="file" name="result" />
                </div>
                <button class='btn' ng-click="addFilChooser($event)">Agregar archivo</button>
            </div>

        </fieldset>

        <div class="ps-form-toolbar btn-toolbar clearfix">
            <div class="btn-group">
                <button class="btn btn-primary"><i class="icon-white icon-upload"></i>&nbsp;{% trans 'Subir resultados' %}</button>
            </div>
        </div>

        {% csrf_token %}

    </form>

    <script type="text/javascript">

        function FileChooserCtrl($scope) {
            $scope.file_choosers = [];

            $scope.addFilChooser = function(event) {
                event.preventDefault();
                $scope.file_choosers.push({});
            };

        }

    </script>

{% endblock %}