{% extends "AdmingeneratorGeneratorBundle::base_admin_assetic_less.html.twig" %}

{% block stylesheets %}    {{ parent() }}
    {% endblock %}

{% block javascripts %}    {{ parent() }}
    {% endblock %}    {% block title %}
        {{ parent() }} - {% trans from "Admin" %}Modify selected complex model{% endtrans %}
    {% endblock %}
{% block body %}    {% block page_title %}
        <header>
            <h1>{% trans from "Admin" %}Modify selected complex model{% endtrans %}</h1>
        </header>
    {% endblock %}
<script>
            var confirmClose=false;
            $(document).ready(function() {  

                $('a').on('dblclick', function(e) {
                    e.preventDefault();    //no need for e.preventDefault ? e.preventDefault() : e.returnValue = false as jquery event?
                    //code
                });                
                $('button').on('dblclick', function(e) {                    
                    e.preventDefault();    //no need for e.preventDefault ? e.preventDefault() : e.returnValue = false as jquery event?
                    //code
                }); 
                $('input[type="submit"]').on('dblclick', function(e) {
                    e.preventDefault();    //no need for e.preventDefault ? e.preventDefault() : e.returnValue = false as jquery event?
                    //code
                }); 
                             
                $('button[type="submit"]').on('click', function(e) {                    
                    $(this).attr("disabled","disabled");
                }); 
                $('input[type="submit"]').on('click', function(e) {
                    $(this).attr("disabled","disabled");
                });                 
                $( ".admin_form" ).focusin(function() {
                    var $focused = $(':focus');
                    if ($focused.prop("tagName")!="A" && $focused.prop("tagName")!="BUTTON")
                        confirmClose=true;
                });                
                });
</script>    
    <div class="row-fluid">
    {% set addselect= (isSelect is defined)?"isSelect="~isSelect:"" %}
    {% set addmotherid= (motherid is defined)?"&motherid="~motherid:"" %}
    {% set addmotherentity= (motherentity is defined)?"&motherentity="~motherentity:"" %}            
           
    <form class="admin_form"
        {% if ComplexModel.idComplexModel %}
            action="{{ path("Etrali_GinangBundle_ComplexModelSelect_update", { 'pk': ComplexModel.idComplexModel }) }}?{{ addselect }}{{ addmotherid }}{{ addmotherentity }}"
        {% else %}
            action="{{ path("Etrali_GinangBundle_ComplexModelSelect_create") }}?{{ addselect }}{{ addmotherid }}{{ addmotherentity }}"
        {% endif %}
        method="post" {{ form_enctype(form) }}>   
{{ block('actionsmenu')  }}              
                    {% block form_fieldset_NONE %}
    <fieldset  class="form_block form_fieldset_NONE  {{ (form.get('value').getBlStatus() is defined  and not form.get('value').getBlStatus()) or (form.get('value').getBlDeactivated() is defined and not form.get('value').getBlDeactivated())?'alldevsDeactivated':'' }}" >
                                                    
                                    
                                    
                                                        
                                    
                                                  {% set doReadonly = form.vars.value.blDeactivated=="0" %}
                        
                                        <div class="row-fluid  alldevs-nbfield3">
                                   {% if "cdComplexModel" in form|keys %}
                                                <div class="control-group form_field field_text field_cdComplexModel">
                            {% block form_NONE_cdComplexModel %}
                                {% if doReadonly is defined and doReadonly and "cdComplexModel" != "blStatus" and "cdComplexModel" != "blDeactivated"  and form["cdComplexModel"] is defined %}
                                    {{ form_row(form['cdComplexModel'],{'attr' : {'readonly':'readonly'}}) }}
                                {% else %}
                                    {{ form_row(form['cdComplexModel']) }}
                                {% endif %}
                            {% endblock %}
                        </div>
                                           {% endif %}
                                   {% if "lbComplexModel" in form|keys %}
                                                <div class="control-group form_field field_text field_lbComplexModel">
                            {% block form_NONE_lbComplexModel %}
                                {% if doReadonly is defined and doReadonly and "lbComplexModel" != "blStatus" and "lbComplexModel" != "blDeactivated"  and form["lbComplexModel"] is defined %}
                                    {{ form_row(form['lbComplexModel'],{'attr' : {'readonly':'readonly'}}) }}
                                {% else %}
                                    {{ form_row(form['lbComplexModel']) }}
                                {% endif %}
                            {% endblock %}
                        </div>
                                           {% endif %}
                                   {% if "urlImage" in form|keys %}
                                                <div class="control-group form_field field_text field_urlImage">
                            {% block form_NONE_urlImage %}
                                {% if doReadonly is defined and doReadonly and "urlImage" != "blStatus" and "urlImage" != "blDeactivated"  and form["urlImage"] is defined %}
                                    {{ form_row(form['urlImage'],{'attr' : {'readonly':'readonly'}}) }}
                                {% else %}
                                    {{ form_row(form['urlImage']) }}
                                {% endif %}
                            {% endblock %}
                        </div>
                                           {% endif %}
                            </div>
                    <div class="row-fluid  alldevs-nbfield3">
                                   {% if "oneOffCost" in form|keys %}
                                                <div class="control-group form_field field_number field_oneOffCost">
                            {% block form_NONE_oneOffCost %}
                                {% if doReadonly is defined and doReadonly and "oneOffCost" != "blStatus" and "oneOffCost" != "blDeactivated"  and form["oneOffCost"] is defined %}
                                    {{ form_row(form['oneOffCost'],{'attr' : {'readonly':'readonly'}}) }}
                                {% else %}
                                    {{ form_row(form['oneOffCost']) }}
                                {% endif %}
                            {% endblock %}
                        </div>
                                           {% endif %}
                                   {% if "recOffCost" in form|keys %}
                                                <div class="control-group form_field field_number field_recOffCost">
                            {% block form_NONE_recOffCost %}
                                {% if doReadonly is defined and doReadonly and "recOffCost" != "blStatus" and "recOffCost" != "blDeactivated"  and form["recOffCost"] is defined %}
                                    {{ form_row(form['recOffCost'],{'attr' : {'readonly':'readonly'}}) }}
                                {% else %}
                                    {{ form_row(form['recOffCost']) }}
                                {% endif %}
                            {% endblock %}
                        </div>
                                           {% endif %}
                                   {% if "blDeactivated" in form|keys %}
                                                <div class="control-group form_field field_checkbox field_blDeactivated">
                            {% block form_NONE_blDeactivated %}
                                {% if doReadonly is defined and doReadonly and "blDeactivated" != "blStatus" and "blDeactivated" != "blDeactivated"  and form["blDeactivated"] is defined %}
                                    {{ form_row(form['blDeactivated'],{'attr' : {'readonly':'readonly'}}) }}
                                {% else %}
                                    {{ form_row(form['blDeactivated']) }}
                                {% endif %}
                            {% endblock %}
                        </div>
                                           {% endif %}
                            </div>
                <div class="row-fluid  alldevs-nbfield4">
                        {% if form['dtDeactivated'] is defined %}
            <div class="control-group form_field field_datepicker field_dtDeactivated">
                        {% block form_NONE_dtDeactivated %}
                            {{ form_row(form['dtDeactivated']) }}
                        {% endblock %}
            </div>
            {% endif %}
                
                        {% if form['dtCreate'] is defined %}
            <div class="control-group form_field field_datepicker field_dtCreate">
                        {% block form_NONE_dtCreate %}
                            {{ form_row(form['dtCreate']) }}
                        {% endblock %}
            </div>
            {% endif %}    
                
                        {% if form['dtUpdate'] is defined %}
            <div class="control-group form_field field_datepicker field_dtUpdate">
                        {% block form_NONE_dtUpdate %}
                            {{ form_row(form['dtUpdate']) }}
                        {% endblock %}
            </div>
            {% endif %} 
                
                        {% if form['idUserCreateBy'] is defined %}
            <div class="control-group form_field field_entity field_idUserCreateBy">
                        {% block form_NONE_idUserCreateBy %}
                            {{ form_row(form['idUserCreateBy']) }}
                        {% endblock %}
            </div>
            {% endif %}    
                
                        {% if form['idUserUpdateBy'] is defined %}
            <div class="control-group form_field field_entity field_idUserUpdateBy">
                        {% block form_NONE_idUserUpdateBy %}
                            {{ form_row(form['idUserUpdateBy']) }}
                        {% endblock %}
            </div>
            {% endif %}                  
        </div>
        
    </fieldset>
{% endblock %}

                    {% block form_tabs %}
{% endblock %}

    {% block form %}
    <script>
    var editid='{{ ComplexModel.idComplexModel }}';
    </script>
{% if isSelect is defined and isSelect==1 and motherid is defined and motherid!=0 %}
    <input type="hidden" name="motherid" value="{{ motherid }}">
    <input type="hidden" name="motherentity" value="{{ motherentity }}">    
{% endif %}
{% if isSelect is defined and isSelect==1  %}
    <input type="hidden" name="isSelect" value="{{ isSelect }}">
{% endif %}
        {{ form_errors(form) }}

                            {{ form_rest(form) }}

        {% block form_buttons %}

        {% endblock %}

        <div id="select_modal_popup" class="modal hide  modal-select" tabindex="-1" role="dialog" aria-labelledby="select_modalLabel" aria-hidden="true" data-backdrop="false">
          <div class="modal-header">
<!--            <button type="button" class="shrink btn btn-link pull-left"><i class=" icon-resize-small"></i></button>
            <button type="button" class="enlarge btn btn-link pull-left" style="display: none"><i class=" icon-resize-full"></i></button>-->
            <h3 id="select_modal_Label">&nbsp;</h3>
          </div>
          <div class="modal-body">
          <div id="modal_overlay_iframe" style="display: none;position: absolute; width: 100%; height: 100%; background: transparent;"></div>
          <iframe id="select_modal_iframe" name="select_modal_iframe" class="search_list_iframe" data-field="" src="">

          </iframe>
          </div>
         <div class="modal-footer">

         </div>
        </div>
    
    <script>
        $(document).ready(function(){
            $(".shrink").click(function(){
                $("#select_modal_popup").css({
                    "height": "420px",
                    "margin-top":"20%"
                })
                $(".enlarge").show();
                $(".shrink").hide();
            })
            $(".enlarge").click(function(){
                $("#select_modal_popup").css({
                    "height": "90%",
                    "margin-top":"0%"
                })
                $(".enlarge").hide();
                $(".shrink").show();
            })
            $( ".modal" ).draggable({ start: function( event, ui ) {
                $("#modal_overlay_iframe").show();
            },
            stop: function( event, ui ) {
                $("#modal_overlay_iframe").hide();
            }

            });
        }
        );
            
        </script>
    {% endblock %}
{% if ComplexModel.getCollections() is defined and ComplexModel.idComplexModel %}
           
        <script>
        function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
        }


        function showTabs(name,withcookie) {            
            $('fieldset.fieldset_tabbable').css('display','none');
            $('.form_tabs li').removeClass('active');
            if (withcookie)
            {
                var namecook=readCookie(escape(window.location.href));

                if (namecook!=null)
                    name=namecook;
            }
            var toDisplay = $('.form_tabs li[data-name="'+name+'"] a').data('display').split(' ');

            $(toDisplay).each(function(){
                $('.form_fieldset_'+this).css('display','block');
            });

            $('.form_tabs li[data-name="'+name+'"]').addClass('active');
            document.cookie = escape(window.location.href)+'='+name;

        }       
        </script>     
        
            <ul class="form_tabs nav nav-tabs">
                 {% for titre,entobj in ComplexModel.getCollections() %}
                        {% if entobj.idname is defined %}
                            {% set entitie=entobj.idval %}
                        {% else %} 
                            {% set entitie=entobj %}
                        {% endif %}
                        <li data-name="{{ entitie }}">
                            <a data-toggle="tab" href="#form_fieldset_{{ entitie }}" onclick="showTabs('{{ entitie }}',false);"
                               data-display="{{ entitie }} ">{{ titre }}</a>
                        </li>
                 {% endfor %}
                    </ul>

                    <script type="text/javascript">

            $(document).ready(function() {


                {% for flash in app.session.flashbag.get("autoOpen") %}
                    $('#select_modal_iframe').attr('src', '{{ flash }}');
                    $('#select_modal_iframe').text('Edit all');
                    $('#select_modal_popup').modal('show');                    
                {% endfor %}
                showTabs('{{ ComplexModel.getCollections()|first }}',true);
                
               
                $(".table-collection-tr").each(function()
                {
                   var $tr=$(this);
                   var $entityname=$tr.attr("data-entity");
                   if ($entityname!="BackboneLinkTransactions" && $entityname!="LocalLoopTransactions" && $entityname!="ServiceTransactions" && $entityname!="Vlan") 
                       {
                            var $entityval=$tr.attr("data-entval");
                            $(this).children().each(function()
                            {
                                if ($(this).find("button").length==0)
                                    {
                                    $(this).click(function()
                                     {
                                         if ($entityname=="Service")
                                             window.open('/{{app.environment == 'dev' ?'app_dev.php':'app.php'}}/admin/etrali_ginang_bundle/'+$entityname+'/'+$entityval+'/edit','_blank');
                                         else
                                         {
                                            $('#select_modal_iframe').attr('src', '/{{app.environment == 'dev' ?'app_dev.php':'app.php'}}/admin/etrali_ginang_bundle/'+$entityname+'/'+$entityval+'/edit?isSelect=1&motherentity=ComplexModelSelect&motherid={{ ComplexModel.idComplexModel }}');
                                            $('#select_modal_iframe').text('Edit '+$entityname);
                                            $('#select_modal_popup').modal('show');                             
                                         }
                                     });
                                     }
                            }); 
                       }
                }
            );

            });

                    </script>

            {% for entobj in ComplexModel.getCollections() %}
                    {% if entobj.idname is defined %}
                        {% set entitie=entobj.idval %}
                    {% else %} 
                        {% set entitie=entobj %}
                    {% endif %}
                    {% set headcol="" %}
                    <fieldset id="form_fieldset_{{ entitie }}"  class="form_block form_fieldset_{{ entitie }} fieldset_tabbable " style="display:none;background: lightgrey;">
                        <div class="row-fluid  alldevs-nbfield1">
                            <div class="control-group form_field field_collection field_{{ entitie }}">
                                <div class="control-group {{ entitie }}"><label class="control-label required"></label><div class="controls alldevs-control-tabs">
                                        <div class="well well-small">
                                        {{ block("form_actions") }}                                             
                                          {% if (entitie!="BackboneLinkTransactions" and entitie!="LocalLoopTransactions" and entitie!="ServiceTransactions") %}
                                            {% if (entitie!="TransferPrice" and entitie!="ServiceExtremityTech" and entitie!="BackboneLinkExtremity" and entitie!="LocalLoopExtremity" and entitie!="BackboneLinkExtremityTech" and entitie!="LocalLoopExtremityTech"  and entitie!="Service") %}
                                                {% if (entitie=="ServiceExtremity") %}
                                                         {% if (ComplexModel.canAddExtremity()) %}
                                                                <a class="btn btn-link new"  data-original-title="Add" rel="tooltip" onclick="$('#select_modal_iframe').attr('src', '/{{app.environment == 'dev' ?'app_dev.php':'app.php'}}/admin/etrali_ginang_bundle/ServiceExtremity/new?isSelect=1&amp;motherentity=ComplexModelSelect&amp;motherid={{ ComplexModel.idComplexModel }}');$('#select_modal_iframe').text('New {{ entitie }}');$('#select_modal_popup').modal('show');void(0);"><i class="icones_actions_add"></i></a>                                                
                                                          {% endif %}
                                                {% elseif (entitie=="ServiceDevice") %}
                                                         {% if (ComplexModel.canAddDevice()) %}
                                                                <a class="btn btn-link new"  data-original-title="Add" rel="tooltip" onclick="$('#select_modal_iframe').attr('src', '/{{app.environment == 'dev' ?'app_dev.php':'app.php'}}/admin/etrali_ginang_bundle/ServiceDevice/new?isSelect=1&amp;motherentity=ComplexModelSelect&amp;motherid={{ ComplexModel.idComplexModel }}');$('#select_modal_iframe').text('New {{ entitie }}');$('#select_modal_popup').modal('show');void(0);"><i class="icones_actions_add"></i></a>                                                
                                                          {% endif %}
                                                {% else %}
                                                    <a class="btn btn-link new"  data-original-title="Add" rel="tooltip" onclick="$('#select_modal_iframe').attr('src', '/{{app.environment == 'dev' ?'app_dev.php':'app.php'}}/admin/etrali_ginang_bundle/{{ entitie }}/new?isSelect=1&amp;motherentity=ComplexModelSelect&amp;motherid={{ ComplexModel.idComplexModel }}');$('#select_modal_iframe').text('New {{ entitie }}');$('#select_modal_popup').modal('show');void(0);"><i class="icones_actions_add"></i></a>
                                                {% endif %}
                                            {% endif %}
                                            {% if (entitie!="BillingService") %}                                            
                                            <a class="btn btn-link"  data-original-title="Edit all" rel="tooltip" onclick="$('#select_modal_iframe').attr('src', '/{{app.environment == 'dev' ?'app_dev.php':'app.php'}}/admin/etrali_ginang_bundle/ComplexModel/{{ ComplexModel.idComplexModel }}/{{ "id"~entitie }}/{{ entitie }}/editall?isSelect=1');$('#select_modal_iframe').text('Edit all');$('#select_modal_popup').modal('show');  void(0);"><i class="icones_actions_edit"></i></a>                                            
                                            {% endif %}
                                          {% endif %}
                                        </div>
                                        <div class="alldevs-liste">
                                        <table id="edit_ComplexModel_{{ entitie }}"     class="table table-striped table-bordered table-condensed table-hover ">
                                            <tbody class="collection">
                                                {% set debut=true%}
                                                                                                {% if (entitie=="Service") %}
                                                    {% for ligne in attribute(ComplexModel,"idConnectedServices") %}

                                                    <tr data-entity="{{ entitie }}" data-entval="{{ attribute(ligne,"idService") }}" class="table-collection-tr {{ ligne.getBlStatus() is defined?(ligne.getBlStatus()?"coll-line-active":"coll-line-inactive"):(ligne.getBlDeactivated() is defined?(ligne.getBlDeactivated()?"coll-line-active":"coll-line-inactive"):"coll-line-active") }}">
                                                    {{ ligne.getHeadInfo()|raw }}
                                                    </tr>

                                                    {% if debut %}
                                                    {% set debut=false%}                                                
                                                    {% set headcol=ligne.getHeadColumns() %}
                                                    {% endif %}
                                                    {% endfor %} 
                                                                                                     
                                                {% else %}
                                                    {% for ligne in attribute(ComplexModel,"id"~entitie) %}
                                                        {% if entobj.idname is defined %}
                                                            <tr data-entity="{{ entitie }}" data-entval="{{ attribute(ligne,entobj.idname) }}" class="table-collection-tr {{ ligne.getBlStatus() is defined?(ligne.getBlStatus()?"coll-line-active":"coll-line-inactive"):(ligne.getBlDeactivated() is defined?(ligne.getBlDeactivated()?"coll-line-active":"coll-line-inactive"):"coll-line-active") }}">
                                                        {% else %}                                                                
                                                            <tr data-entity="{{ entitie }}" data-entval="{{ attribute(ligne,"id"~entitie) }}" class="table-collection-tr {{ ligne.getBlStatus() is defined?(ligne.getBlStatus()?"coll-line-active":"coll-line-inactive"):(ligne.getBlDeactivated() is defined?(ligne.getBlDeactivated()?"coll-line-active":"coll-line-inactive"):"coll-line-active") }}">                                                                    
                                                        {% endif %}
                                                    {{ ligne.getHeadInfo()|raw }}
                                                    </tr>

                                                    {% if debut %}
                                                    {% set debut=false%}                                                
                                                    {% set headcol=ligne.getHeadColumns() %}
                                                    {% endif %}
                                                    {% endfor %}
                                                {% endif %}                                                
                                            </tbody>
                                            <thead>
                                                {% if not debut %}
                                                <tr>{{ headcol | raw }}</tr>           
                                                {% endif %}
                                            </thead>                                            
                                        </table>
                                        </div>
                                      <script type="text/javascript">
                                          $(document).ready(function() 
                                            { 
                                                if ($("#edit_ComplexModel_{{ entitie }}").children("thead").first().children().length>0)
                                                    $("#edit_ComplexModel_{{ entitie }}").tablesorter(); 
                                            } 
                                        ); 
                                        </script>
                                </div></div>
                            </div>
                        </div>
                    </fieldset>
        
            {% endfor %}
            
      {% endif %}
            
    </div>
        </form>
<script>
    function closeModal(winid, fieldkey, fieldname )
    {    
                $win=$("#"+winid);
                if ($win)
                {
                    $win.attr("src","/blank.html");
                    $fieldid=$win.attr("data-field");                                    
                    $("#"+$fieldid).val(fieldkey);
                    $("#"+$fieldid+"_tostring").html('<a title="'+fieldname+'" style="color: #555555" rel="tootltip" href="#">'+fieldname+'</a>');
                    if (window.searchListEvent)
                    {
                        window.searchListEvent($fieldid);    
                    }
                    $("#select_modal_popup").modal('hide');                                                        
                }    
    }  
    
    function addOption(winid, fieldkey, fieldname )
    {    
                $win=$("#"+winid);
                if ($win)
                {
                    $win.attr("src","/blank.html");
                    $fieldid=$win.attr("data-field"); 
                    var myOpts = document.getElementById($fieldid).options;
                    for (var i=0;i<myOpts.length;i++)
                    {
                        if (fieldkey==myOpts[i].value)
                            return;
                    }
                    $("#"+$fieldid).append($('<option>', { 
                        value: fieldkey,
                        selected: 'selected',
                        text : fieldname 
                    }));                                                                                                    
                }    
    }  
    
   function removeOptions(winid )
    {    
                $win=$("#"+winid);
                if ($win)
                {
                    $fieldid=$win.attr("data-field"); 
                    $("#"+$fieldid).empty();                                   
                }    
    }        
    
    function closeModalSimple()
    {    
            $("#select_modal_popup").modal('hide');                                                        
    }  
    
    $(document).ready(function()
    {
        $( "form" ).attr('novalidate','');
        $('input[required="required"]').each(function () {
                $("#"+$(this).attr("id")+"_tostring").attr("required","required")
            });        
      
{% if isSelect is defined and isSelect==1  %}      
    $("body").css('padding-top', 60);
    $("header").css('top', 0);  
    $("#list-actions-bar").css('top', 25);       
    $("body").css('padding-bottom', 0);
{% endif %}
    
            $(".popover.form-errors").each(function(){
                var p=$(this).parent().children().first();
                $(this).position({
                        of: p,
                        my: "left center",
                        at: "right center",                     
                        });
            });
    });    
</script> 
{% endblock %}
{% block actionsmenu %}

        <div class="well well-small"  id="list-actions-bar">
            <a href="{{ path("AdmingeneratorDashboard_welcome") }}" target="_blank"  data-original-title="New window" rel="tooltip" title="New Window" class="btn btn-link"><i class="icones_actions_window"></i></a>
            {% block form_actions %}
            <input type="hidden" name="button" id="button_name" value="1">
                                                    <button type="submit" name="save" class="btn btn-link" onclick="document.getElementById('button_name').name='save';"
           rel="tooltip" data-original-title="{% trans from "Admingenerator" %}Save and design{% endtrans %}"><i class="icones_actions_save"></i> </button>                     
                    
                                                                      <a class="btn btn-link" href="{{ path("Etrali_GinangBundle_ComplexModelSelect_list") }}"
                        onclick="if (!confirmClose || confirm('You did not save. Would you like to close anyway ?')) {if (window != window.top) {window.parent.closeModalSimple();} } else return false;"  rel="tooltip" data-original-title="{% trans from "Admingenerator" %}Back{% endtrans %}"><i class="icones_actions_back"></i> </a>                     
                    
            {% endblock %}
   
            <button type="reset" class="btn btn-link"  data-original-title="Revert modifications" rel="tooltip" ><i class="icones_actions_reset"></i></button>
            <button type="button" class="btn btn-link"  data-original-title="Print" rel="tooltip" onclick="print()"><i class="icones_actions_print"></i></button>
            {% if isSelect is defined and isSelect==1  %}             
            <button type="button" class="btn btn-link"  data-original-title="Close" rel="tooltip" onclick="if (!confirmClose || confirm('You did not save. Would you like to close anyway ?')) {if (window != window.top) {window.parent.closeModalSimple();} else {window.close();}}  else return false;"><i class="icones_actions_close"></i></button>            
            {% endif %}
                    </div>

{% endblock %}