{% if errorMsg is not none %}
    <div class="alert alert-error">
        <a class="close" data-dismiss="alert" href="#">×</a>
        {{ errorMsg }}
    </div>
{% endif %}

<h1 style='padding-left:30px;'>{% trans 'status:: numero de bit' %} {{ app['request'].get('bit') }}</h1>

        <form id="fileupload" class="form-horizontal" enctype="multipart/form-data" method="post" action="/admin/statusbit/{{ app['request'].get('databox_id') }}/status/{{ app['request'].get('bit') }}/">
            <fieldset>
                <div class="span5 well-small">
                    <label for="name">
{% trans'admin::status: nom du status : '%}
                            <input id="name" name="name" class="input-xlarge" type="text" value="{{ status['name']|default('') }}">
                        </label>
                    </div>
                    <div class="span5 well">
<span class="label">{% trans'admin::status: case A'%}</span>
                            <div class="control-group">
                                <label class="control-label" for="label_off">
{% trans'admin::status: texte a afficher'%}
                                    </label>
                                    <div class="controls">
                                        <input id="name" name="label_off" class="input-xlarge" type="text" value="{{ status['labeloff']|default('') }}">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="image_off">
                        {% trans'admin::status: symboliser par'%}
                                        </label>
                                        <div class="controls">
                                            <input type="file" name="image_off" accept="image/*"/>
                                            <div class='thumbnail' style='height:20px;width:20px'>
                                                {% if status['img_off'] is defined and status['img_off'] %}
                                                    <img src="{{ status['img_off'] }}" />
                                                {% endif %}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="delete_icon_off">
{% trans'admin::status:: aucun symbole'%}
                                            </label>
                                            <div class="controls">
                                                <label class="checkbox">
                                                    <input id="delete_icon_off" name="delete_icon_off" type="checkbox">
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="span5 well">
<span class="label">{% trans'admin::status: case B'%}</span>
                                            <div class="control-group">
                                                <label class="control-label" for="label_on">
{% trans'admin::status: texte a afficher'%}
                                                    </label>
                                                    <div class="controls">
                                                        <input id="label_on" name="label_on" class="input-xlarge" type="text" value="{{ status['labelon']|default('') }}">
                                                    </div>
                                                </div>
                                                <div class="control-group">
                                                    <label class="control-label" for="image_on">
                        {% trans'admin::status: symboliser par'%}
                                                        </label>
                                                        <div class="controls">
                                                            <input type="file" name="image_on" accept="image/*"/>
                                                            <div class='thumbnail' style='height:20px;width:20px'>
                                                                {% if status['img_on'] is defined and status['img_on'] %}
                                                                    <img src="{{ status['img_on'] }}" />
                                                                {% endif %}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="control-group">
                                                        <label class="control-label" for="delete_icon_on">
{% trans'admin::status:: aucun symbole'%}
                                                            </label>
                                                            <div class="controls">
                                                                <label class="checkbox">
                                                                    <input id="delete_icon_on" name="delete_icon_on" type="checkbox">
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="span10">
                                                        <label class="checkbox">
                                                            <input id="printable" name="printable" type="checkbox" {{ status['printable'] is defined and status['printable'] == '1' ? "checked" : "" }}>
                                                                    {% trans'status:: Afficher le status dans les feuilles de reponses pour tous les utilisateurs' %}
                                                        </label>
                                                        <label class="checkbox">
                                                            <input id="searchable" name="searchable" type="checkbox" {{ status['searchable'] is defined and status['searchable'] == '1' ? "checked" : "" }}>
                                                                        {% trans'status:: retrouver sous forme de filtre dans la recherche' %}
                                                        </label>
                                                    </div>
                    <div  class=" span10">
                                                    <div class="form-actions">
                                                        <button id="form_submitter" class="btn btn-primary" type="button">
{% trans 'boutton::valider' %}
                                                            </button>
                                                            <a style='text-decoration:none;' class="btn" href="/admin/statusbit/{{ app['request'].get('databox_id') }}/">{% trans 'boutton::retour' %}
                                                            </a>
                                                        </div>
                            </div>
                                                    </fieldset>
                                                </form>


<script type="text/javascript">

$(document).ready(function(){
    var selected_files = [];

    $("#fileupload").fileupload({
        singleFileUploads: false,
        limitMultiFileUploads: 2,
        dataType: 'html',
        add: function(e, data) {
            $.each(data.files, function(i, file) {
                {% set supported_file_types = ['png', 'jpg', 'gif']|join(' | ') %}
                if( ! /(\image|\/)(png|jpeg|jpg|pjpg|gif)$/i.test(file.type)) {
                    alert("{% trans %} Invalid file type, only ({{ supported_file_types }}) file formats are supported {% endtrans %}");

                    return false;
                }

                loadImage(file,function(img){
                   $('input[name='+data.paramName[0]+']').closest('.controls').find('.thumbnail').empty().append(img);
                }, {
                    fileType: /^image\/(gif|jpeg|png|jpg)$/,
                    maxSize : 5242880, // 5MB
                    maxWidth: 16,
                    maxHeight: 16,
                    minWidth: 16,
                    minHeight: 16,
                });
            });

            selected_files.push(data);

            return false;
        },
        submit: function(e, data) {
          $('#right-ajax').empty().addClass('loading');
    },
        done: function (e, data) {
            $('#right-ajax').removeClass('loading').html(data.result);

        }
    });

    $("#form_submitter").bind('click', function(){

        if( selected_files.length > 0 ) {
           $.each( selected_files, function(i, data) {
                data.submit();
            });
        } else {
            $("#fileupload").submit();
        }
    });
});

</script>