{# Definimos as partes do Layout que desejamos exibir. #}
{% extends '@base/base.html' %}
{% set modulo = 'md_arquivo_grupo' %}

{% block title %}Arquivo » Inserir{% endblock %}
{% block titulo_nav_bar %}Arquivo » Inserir{% endblock %}

{% block mensagem %}
    <div class="alert alert-info">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        <p>Aqui você pode <strong>Inserir</strong> as informações.</p>
        <p>Para que as informações sejam gravadas no sistema, clique em <strong>Inserir</strong>.</p>
    </div>
{% endblock %}

{% block botao_inserir %}{% endblock %}
{% block botao_voltar %}{% endblock %}
{% block botao_voltar_grupo_editar %}{% endblock %}
{% block botao_voltar_grupo_crop %}{% endblock %}

{% block body %}

    <form method="POST" action="/md_arquivo_grupo/salvar/{{ hidden.tabela_referencia }}/{{ hidden.id_referencia }}/{{ hidden.tipo }}" enctype="multipart/form-data">
        
        <input type="hidden" name="acao" value="inserir">
        <input type="hidden" name="mdarquivogrupo[tabela_referencia]" value="{{ hidden.tabela_referencia }}">
        <input type="hidden" name="mdarquivogrupo[id_referencia]" value="{{ hidden.id_referencia }}">
        <input type="hidden" name="mdarquivogrupo[tipo]" value="{{ hidden.tipo }}">
        
        <div id="divImg"></div>
        
        <div class="addImg btn btn-mini btn-warning">+ Adicionar</div>
        
        <hr />

        <button type="submit" class="btn btn-large btn-success" tabindex="4">Inserir</button>
    </form>

    {% if hidden.files|length %}
    
        <hr />
        
        <div class="alert alert-info">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <p>Aqui você pode <strong>Editar ou Apagar</strong> as informações.</p>
            <p>Para que as informações sejam gravadas no sistema, clique em <strong>Editar ou Apagar</strong>.</p>
        </div>
        
        <form method="POST" action="/md_arquivo_grupo/atualizar_selecao/{{ hidden.tabela_referencia }}/{{ hidden.id_referencia }}/{{ hidden.tipo }}">
        
            <input type="hidden" name="tabela_referencia" value="{{ hidden.tabela_referencia }}" />
            <input type="hidden" name="id_referencia" value="{{ hidden.id_referencia }}" />
            <input type="hidden" name="tipo" value="{{ hidden.tipo }}" />

            <div class="row-fluid">
                <table class="table table-bordered">
                    <tbody>
                        {% if hidden.tipo == 'img' %}
                           <tr class="info">
                                <td width="5%"><i class="icon-ok"></i></td>
                                <td width="60%"><strong>Arquivo</strong></td>
                                <td width="21%"><strong>Opções</strong></td>
                                <td width="7%"><strong>Status</strong></td>
                                <td width="7%"><strong>Ações</strong></td>
                            </tr>
                        {% endif %}
                        
                        {% if hidden.tipo == 'vid' %}
                           <tr class="info">
                                <td width="5%"><i class="icon-ok"></i></td>
                                <td width="60%"><strong>Arquivo</strong></td>
                                <td width="21%"><strong>Crédito</strong></td>
                                <td width="7%"><strong>Status</strong></td>
                                <td width="7%"><strong>Ações</strong></td>
                            </tr>
                        {% endif %}

                        {% if hidden.tipo == 'doc' %}    
                           <tr class="info">
                                <td width="5%"><i class="icon-ok"></i></td>
                                <td width="60%"><strong>Arquivo</strong></td>
                                <td width="21%"><strong>Crédito</strong></td>
                                <td width="7%"><strong>Status</strong></td>
                                <td width="7%"><strong>Ações</strong></td>
                            </tr>
                        {% endif %}
                        
                        {% if hidden.tipo == 'aud' %}
                           <tr class="info">
                                <td width="5%"><i class="icon-ok"></i></td>
                                <td width="60%"><strong>Arquivo</strong></td>
                                <td width="21%"><strong>Crédito</strong></td>
                                <td width="7%"><strong>Status</strong></td>
                                <td width="7%"><strong>Ações</strong></td>
                            </tr>
                        {% endif %}

                        {% for hf in hidden.files %}
                            {% if hidden.tipo == 'img' %}
                                <tr>
                                    <td><label class="checkbox"><input type="checkbox" name="excluir[]" value="{{ hf.id }}"><i class="icon-trash"></i></label></td>
                                    <td>{{ hf.arquivo_legenda }}</td>
                                    <td>
                                        <label class="radio" style="float:left; margin-right:10px;">
                                            <input type="radio" name="selecionado" value="{{ hf.id }}"{% if hf.status_selecionado == 1 %} checked="checked"{% endif %}><small><div id="resultado_{{ hf.id }}">Conteúdo</div></small>
                                        </label>

                                        <label class="radio" style="float:left; margin-right:10px;">
                                            <input type="radio" name="capa" value="{{ hf.id }}"{% if hf.status_capa == 1 %} checked="checked"{% endif %}><small><div id="resultado_capa_{{ hf.id }}">Destaque</div></small>
                                        </label>
                                    </td>
                                    <td>{% if hf.status_md_arquivo_grupo %}Ativo{% else %}Inativo{% endif %}</td>
                                    <td>
                                        <a data-original-title="Atualizar" rel="tooltip" href="/md_arquivo_grupo/editar/{{ hf.id }}/{{ hidden.tipo }}/{{ hidden.tabela_referencia }}/{{ hidden.id_referencia }}"><i class="icon-pencil"></i></a>&nbsp;&nbsp;

                                        <a data-original-title="Visualizar" rel="tooltip" href="#myModal_{{ hf.id }}" data-toggle="modal"><i class="icon-eye-open"></i></a>&nbsp;&nbsp;

                                        <a data-original-title="Cortar" rel="tooltip" href="/md_arquivo_grupo/crop/{{ hf.id }}/{{ hidden.tipo }}/{{ hidden.tabela_referencia }}/{{ hidden.id_referencia }}"><i class="icon-move"></i></a>
                                    </td>
                                </tr>
                                 
                                <!-- Modal IMG -->
                                <div id="myModal_{{ hf.id }}" class="modal hide fade">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                        <h3 id="myModalLabel">Visualizar</h3>
                                    </div>
                                    <div class="modal-body">
                                    {% if hf.arquivo_crop is empty %}
                                        <a href="/web/arquivos/{{ hf.arquivo }}" target="_blank"><img src="/web/arquivos/{{ hf.arquivo }}" style="width: 600px;" alt="imagem"></a>
                                    {% else %}
                                        <a href="/web/arquivos/{{ hf.arquivo_crop }}" target="_blank"><img src="/web/arquivos/{{ hf.arquivo_crop }}" style="width: 600px;" alt="imagem"></a>
                                    {% endif %}
                                    </div>
                                    <div class="modal-footer">
                                        <p style="float:left;"><i class="icon-folder-open"></i> {{ hf.arquivo }}</p>
                                    </div>
                                </div>
                            {% elseif hidden.tipo == 'doc' %}
                                <tr>
                                    <td><label class="checkbox"><input type="checkbox" name="excluir[]" value="{{ hf.id }}"><i class="icon-trash"></i></label></td>
                                    <td>{{ hf.arquivo_legenda }}</td>
                                    <td>{{ hf.arquivo_credito }}</td>
                                    <td>{% if hf.status_md_arquivo_grupo %}Ativo{% else %}Inativo{% endif %}</td>
                                    <td>
                                        <a data-original-title="Status" rel="tooltip" href="/md_arquivo_grupo/mudastatus/{{ hf.id }}">{% if row.status_md_arquivo_grupo %}<i class="icon-remove"></i>{% else %}<i class="icon-ok"></i>{% endif %}</a>&nbsp;&nbsp;
                                        <a data-original-title="Atualizar" rel="tooltip" href="/md_arquivo_grupo/editar/{{ hf.id }}/{{ hidden.tipo }}/{{ hidden.tabela_referencia }}/{{ hidden.id_referencia }}"><i class="icon-pencil"></i></a>&nbsp;&nbsp;
                                        <a data-original-title="Visualizar" rel="tooltip" href="/web/arquivos/{{ hf.arquivo }}" target="_blank"><i class="icon-eye-open"></i></a>
                                    </td>
                                </tr>
                            {% elseif hidden.tipo == 'aud' %}
                                <tr>
                                    <td><label class="checkbox"><input type="checkbox" name="excluir[]" value="{{ hf.id }}"><i class="icon-trash"></i></label></td>
                                    <td>{{ hf.arquivo_legenda }}</td>
                                    <td>{{ hf.arquivo_credito }}</td>
                                    <td>{% if hf.status_md_arquivo_grupo %}Ativo{% else %}Inativo{% endif %}</td>
                                    <td>
                                        <a data-original-title="Status" rel="tooltip" href="/md_arquivo_grupo/mudastatus/{{ hf.id }}">{% if row.status_md_arquivo_grupo %}<i class="icon-remove"></i>{% else %}<i class="icon-ok"></i>{% endif %}</a>&nbsp;&nbsp;

                                        <a data-original-title="Atualizar" rel="tooltip" href="/md_arquivo_grupo/editar/{{ hf.id }}/{{ hidden.tipo }}/{{ hidden.tabela_referencia }}/{{ hidden.id_referencia }}"><i class="icon-pencil"></i></a>&nbsp;&nbsp;

                                        <a data-original-title="Visualizar" rel="tooltip" href="#myModal_{{ hf.id }}" data-toggle="modal"><i class="icon-eye-open"></i></a>
                                    </td>
                                </tr>
                                 
                                <!-- Modal Áudio -->
                                <div id="myModal_{{ hf.id }}" class="modal hide fade">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                        <h3 id="myModalLabel">Visualizar</h3>
                                    </div>
                                    <div class="modal-body">
                                        <iframe width="565" height="425" src="{{ hf.arquivo }}" frameborder="0" allowfullscreen></iframe>
                                    </div>
                                    <div class="modal-footer">
                                        <p style="float:left;"><i class="icon-folder-open"></i> {{ hf.arquivo }}</p>
                                    </div>
                                </div>
                            {% elseif hidden.tipo == 'vid' %}
                                <tr>
                                    <td><label class="checkbox"><input type="checkbox" name="excluir[]" value="{{ hf.id }}"><i class="icon-trash"></i></label></td>
                                    <td>{{ hf.arquivo_legenda }}</td>
                                    <td>{{ hf.arquivo_credito }}</td>
                                    <td>{% if hf.status_md_arquivo_grupo %}Ativo{% else %}Inativo{% endif %}</td>
                                    <td>
                                        <a data-original-title="Status" rel="tooltip" href="/md_arquivo_grupo/mudastatus/{{ hf.id }}">{% if row.status_md_arquivo_grupo %}<i class="icon-remove"></i>{% else %}<i class="icon-ok"></i>{% endif %}</a>&nbsp;&nbsp;

                                        <a data-original-title="Atualizar" rel="tooltip" href="/md_arquivo_grupo/editar/{{ hf.id }}/{{ hidden.tipo }}/{{ hidden.tabela_referencia }}/{{ hidden.id_referencia }}"><i class="icon-pencil"></i></a>&nbsp;&nbsp;

                                        <a data-original-title="Visualizar" rel="tooltip" href="#myModal_{{ hf.id }}" data-toggle="modal"><i class="icon-eye-open"></i></a>
                                    </td>
                                </tr>
                                 
                                <!-- Modal VIDEO -->
                                <div id="myModal_{{ hf.id }}" class="modal hide fade">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                        <h3 id="myModalLabel">Visualizar</h3>
                                    </div>
                                    <div class="modal-body">
                                        <iframe width="565" height="425" src="{{ hf.arquivo }}" frameborder="0" allowfullscreen></iframe>
                                    </div>
                                    <div class="modal-footer">
                                        <p style="float:left;"><i class="icon-folder-open"></i> {{ hf.arquivo }}</p>
                                    </div>
                                </div>
                            {% endif %}
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            
            <label class="radio">
                <input type="radio" onclick="deselectAll();" /><small>Desmarcar todas as opções</small>
            </label>

            <br />

            <button type="submit" class="btn btn-large btn-warning" tabindex="4">Alterar</button>
        </form>
    {% endif %}
{% endblock %}

{% block javascripts_extra %}
    <script type="text/javascript">
        function deselectAll()
        {
            for(i=0; i<document.getElementsByName('selecionado').length; i++)
            {
                document.getElementsByName('selecionado')[i].checked=false;
            }
            for(i=0; i<document.getElementsByName('capa').length; i++)
            {
                document.getElementsByName('capa')[i].checked=false;
            }
            for(i=0; i<document.getElementsByName('banner').length; i++)
            {
                document.getElementsByName('banner')[i].checked=false;
            }
            for(i=0; i<document.getElementsByName('excluir[]').length; i++)
            {
                document.getElementsByName('excluir[]')[i].checked=false;
            }
        }

        // Add Form.
        $(document).ready(function()
        {
            var count = -1;
            // Add New Form.
            $(".addImg").click(function()
            {
                count++;
                {% if hidden.tipo == 'img' %}
                    var cloned = '<hr /><div class="row-fluid"><div class="span4"><input type="hidden" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value=""><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o status."><span class="label label-info">?</span></a> <font color="#FF0000">*</font> Status</label>                    <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios1_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value="1">                        Ativar                    </label>                                                <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios0_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value="0" checked>                        Desativar                    </label>                                        <label class="radio">&nbsp;</label>        </div><div class="span4"><input type="hidden" name="mdarquivogrupo['+count+'][arquivo_posicao_horizontal]" id="optionsRadios_mdarquivogrupo['+count+'][arquivo_posicao_horizontal]" value=""><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe a posição horizontal da imagem."><span class="label label-info">?</span></a> <font color="#FF0000">*</font> Posição Horizontal</label>                    <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][arquivo_posicao_horizontal]" id="optionsRadios0_mdarquivogrupo['+count+'][arquivo_posicao_horizontal]" value="0" checked>                        Esquerda                    </label>                                                <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][arquivo_posicao_horizontal]" id="optionsRadios1_mdarquivogrupo['+count+'][arquivo_posicao_horizontal]" value="1">                        Meio                    </label>                                                <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][arquivo_posicao_horizontal]" id="optionsRadios2_mdarquivogrupo['+count+'][arquivo_posicao_horizontal]" value="2">                        Direita                    </label>                                        <label class="radio">&nbsp;</label>        </div><div class="span4"><input type="hidden" name="mdarquivogrupo['+count+'][arquivo_posicao_vertical]" id="optionsRadios_mdarquivogrupo['+count+'][arquivo_posicao_vertical]" value=""><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe a psição vertical da imagem."><span class="label label-info">?</span></a> <font color="#FF0000">*</font> Posição Vertical</label>                    <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][arquivo_posicao_vertical]" id="optionsRadios0_mdarquivogrupo['+count+'][arquivo_posicao_vertical]" value="0" checked>                        Acima                    </label>                                                <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][arquivo_posicao_vertical]" id="optionsRadios1_mdarquivogrupo['+count+'][arquivo_posicao_vertical]" value="1">                        Abaixo                    </label>                                        <label class="radio">&nbsp;</label>        </div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o arquivo."><span class="label label-info small">?</span></a> Escolha um arquivo</label>                <input type="hidden" name="mdarquivogrupo['+count+'][arquivo]" />                <div class="upload"><input type="file" name="mdarquivogrupo['+count+'][arquivo]"  tabindex="1" /></div>                </div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe uma legenda."><span class="label label-info small">?</span></a> Legenda</label>                <input type="text" name="mdarquivogrupo['+count+'][arquivo_legenda]" id="mdarquivogrupo_0_arquivo_legenda" class="span13" maxlenght="255" placeholder="Informe uma legenda."  tabindex="1"  value="" ></div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o crédito."><span class="label label-info small">?</span></a> Crédito</label>                <input type="text" name="mdarquivogrupo['+count+'][arquivo_credito]" id="mdarquivogrupo_0_arquivo_credito" class="span13" maxlenght="255" placeholder="Informe o crédito."  tabindex="1"  value="" ></div></div>';
                {% endif %}

                {% if hidden.tipo == 'doc' %}
                    var cloned = '<hr /><div class="row-fluid"><div class="span12"><input type="hidden" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value=""><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o status."><span class="label label-info">?</span></a> <font color="#FF0000">*</font> Status</label>                    <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios1_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value="1">                        Ativar                    </label>                                                <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios0_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value="0" checked>                        Desativar                    </label>                                        <label class="radio">&nbsp;</label>        </div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o arquivo."><span class="label label-info small">?</span></a> Escolha um arquivo</label>                <input type="hidden" name="mdarquivogrupo['+count+'][arquivo]" />                <div class="upload"><input type="file" name="mdarquivogrupo['+count+'][arquivo]"  tabindex="1" /></div>                </div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe uma legenda."><span class="label label-info small">?</span></a> Legenda</label>                <input type="text" name="mdarquivogrupo['+count+'][arquivo_legenda]" id="mdarquivogrupo_0_arquivo_legenda" class="span13" maxlenght="255" placeholder="Informe uma legenda."  tabindex="1"  value="" ></div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o crédito."><span class="label label-info small">?</span></a> Crédito</label>                <input type="text" name="mdarquivogrupo['+count+'][arquivo_credito]" id="mdarquivogrupo_0_arquivo_credito" class="span13" maxlenght="255" placeholder="Informe o crédito."  tabindex="1"  value="" ></div></div>';
                {% endif %}

                /*{% if hidden.tipo == 'aud' %}
                    var cloned = '<hr /><div class="row-fluid"><div class="span12"><input type="hidden" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value=""><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o status."><span class="label label-info">?</span></a> <font color="#FF0000">*</font> Status</label>                    <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios1_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value="1">                        Ativar                    </label>                                                <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios0_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value="0" checked>                        Desativar                    </label>                                        <label class="radio">&nbsp;</label>        </div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o arquivo."><span class="label label-info small">?</span></a> Escolha um arquivo do tipo áudio</label>                <input type="hidden" name="mdarquivogrupo['+count+'][arquivo]" />                <div class="upload"><input type="file" name="mdarquivogrupo['+count+'][arquivo]"  tabindex="1" /></div>                </div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe uma legenda."><span class="label label-info small">?</span></a> Legenda</label>                <input type="text" name="mdarquivogrupo['+count+'][arquivo_legenda]" id="mdarquivogrupo_0_arquivo_legenda" class="span13" maxlenght="255" placeholder="Informe uma legenda."  tabindex="1"  value="" ></div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o crédito."><span class="label label-info small">?</span></a> Crédito</label>                <input type="text" name="mdarquivogrupo['+count+'][arquivo_credito]" id="mdarquivogrupo_0_arquivo_credito" class="span13" maxlenght="255" placeholder="Informe o crédito."  tabindex="1"  value="" ></div></div>';
                {% endif %}*/

                {% if hidden.tipo == 'aud' %}
                var cloned = '<hr /><div class="row-fluid"><div class="span4"><input type="hidden" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value=""><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o status."><span class="label label-info">?</span></a> <font color="#FF0000">*</font> Status</label>                    <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios1_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value="1">                        Ativar                    </label>                                                <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios0_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value="0" checked>                        Desativar                    </label>               <label class="radio">&nbsp;</label>                                </div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o link, ex: http://www.seulink.com.br"><span class="label label-info small">?</span></a> URL do Áudio</label>                                <input type="text" name="mdarquivogrupo['+count+'][arquivo]" id="mdarquivogrupo_0_arquivo" class="span13" maxlenght="255" placeholder="Informe o link, ex: http://www.seulink.com.br"  tabindex="1"  value="" >                </div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe uma legenda."><span class="label label-info small">?</span></a> Legenda</label>                <input type="text" name="mdarquivogrupo['+count+'][arquivo_legenda]" id="mdarquivogrupo_0_arquivo_legenda" class="span13" maxlenght="255" placeholder="Informe uma legenda."  tabindex="1"  value="" ></div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o crédito."><span class="label label-info small">?</span></a> Crédito</label>                <input type="text" name="mdarquivogrupo['+count+'][arquivo_credito]" id="mdarquivogrupo_0_arquivo_credito" class="span13" maxlenght="255" placeholder="Informe o crédito."  tabindex="1"  value="" ></div><div class="span12" style="margin-left:0;"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o resumo"><span class="label label-info small">?</span></a> Resumo</label><textarea class="span12" rows="5" name="mdarquivogrupo['+count+'][conteudo_resumo]" id="mdarquivogrupo_0_conteudo_resumo" placeholder="Informe o resumo."  value="" ></textarea></div></div>';
                {% endif %}

                {% if hidden.tipo == 'vid' %}
                var cloned = '<hr /><div class="row-fluid"><div class="span4"><input type="hidden" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value=""><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o status."><span class="label label-info">?</span></a> <font color="#FF0000">*</font> Status</label>                    <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios1_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value="1">                        Ativar                    </label>                                                <label class="radio  inline">                        <input type="radio" name="mdarquivogrupo['+count+'][status_md_arquivo_grupo]" id="optionsRadios0_mdarquivogrupo['+count+'][status_md_arquivo_grupo]" value="0" checked>                        Desativar                    </label>               <label class="radio">&nbsp;</label>                                </div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o link, ex: http://www.seulink.com.br"><span class="label label-info small">?</span></a> URL do Vídeo</label>                                <input type="text" name="mdarquivogrupo['+count+'][arquivo]" id="mdarquivogrupo_0_arquivo" class="span13" maxlenght="255" placeholder="Informe o link, ex: http://www.seulink.com.br"  tabindex="1"  value="" >                </div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe uma legenda."><span class="label label-info small">?</span></a> Legenda</label>                <input type="text" name="mdarquivogrupo['+count+'][arquivo_legenda]" id="mdarquivogrupo_0_arquivo_legenda" class="span13" maxlenght="255" placeholder="Informe uma legenda."  tabindex="1"  value="" ></div></div><div class="row-fluid"><div class="span12"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o crédito."><span class="label label-info small">?</span></a> Crédito</label>                <input type="text" name="mdarquivogrupo['+count+'][arquivo_credito]" id="mdarquivogrupo_0_arquivo_credito" class="span13" maxlenght="255" placeholder="Informe o crédito."  tabindex="1"  value="" ></div><div class="span12" style="margin-left:0;"><label><a data-original-title="Ajuda" href="#" rel="popover" data-content="Informe o resumo"><span class="label label-info small">?</span></a> Resumo</label><textarea class="span12" rows="5" name="mdarquivogrupo['+count+'][conteudo_resumo]" id="mdarquivogrupo_0_conteudo_resumo" placeholder="Informe o resumo."  value="" ></textarea></div></div>';
                {% endif %}

                $('#divImg').append(cloned);
                //Aqui definimos o valor máximo das opções de imagem.
                if(count >= 4)
                {
                    $(".addImg").hide();
                }
            });
                // Adicionamos campo para imagem ou vídeo.
                $('.addImg').trigger('click');
        });
    </script>
{% endblock %}