{% extends '::base.html.twig' %}

{% block title %}
    Pop design
{% endblock %}

{% block body %}
        <div class="well well-small"  id="list-actions-bar">
            <a href="{{ path('AdmingeneratorDashboard_welcome')}}" target="_blank" title="New Window" class="btn btn-link"><i class="icones_actions_window"></i></a>
            <button type="button"  onclick="document.location.href='{{ path('Etrali_GinangBundle_Pop_list')}}';" class="btn btn-link" rel="tooltip" data-original-title="Normal"><i class="icones_actions_edit"></i></button><button type="button"  onclick="document.location.href='{{ path('Etrali_GinangBundle_Pop_explore')}}';" class="btn btn-link" rel="tooltip" data-original-title="Explorer"><i class="icones_actions_tree"></i></button>
        </div>     
    <script>
    function closeModalSimple()
    {    
            $("#drop_popup").modal('hide');                                                        
    } 
$(document).ready(function() {
if($("#drop_popup").css("height")){
    $("#drop_popup").on("resize", function(event, ui) {
        ui.element.css("margin-left", -ui.size.width/2);
        ui.element.css("margin-top", -ui.size.height/2);
        ui.element.css("top", "40%");
        ui.element.css("left", "50%");

        $(ui.element).find(".modal-body").each(function() {
          $(this).css("height", ui.size.height - $('.modal-header').outerHeight());
        });
    });
    var hauteur = $(".modal").css("height").replace('px','');
    //var haut_head= parseInt($('.modal-footer').outerHeight()) + parseInt($('.modal-header h3').css("line-height").replace('px',''));

    $(".modal-body").css("height", (hauteur - 60)+'px' );
    $(".modal-body").children("iframe").css("height", (hauteur - 60)+'px' );
}
});
  </script> 
     {% block page_title %}
        <header>
            <h1>Pop design</h1>
        </header>
      {% endblock %}
  <div class="row-fluid">    
<div class="span2 bs-docs-sidebar" data-offset-top="200">
      <ul class="nav nav-tabs nav-stacked affix span2" id="cart" id="delete_layer">
        
        <li data="ui-gina-cab"><a><i class="icon-ui-gina-cab"></i> &nbsp;Cabinet models</a></li>          
        <li data="ui-gina-equi"><a><i class="icon-ui-gina-equi"></i> &nbsp;Equipment models</a></li>
        <li data="ui-gina-patch"><a><i class="icon-ui-gina-patch"></i> &nbsp;Patch panel models</a></li>
        <li data="ui-gina-mere"><a><i class="icon-ui-gina-mere"></i> &nbsp;Mother card models</a></li>
        <li data="ui-gina-fille"><a><i class="icon-ui-gina-fille"></i> &nbsp;Daughter card models</a></li>
      </ul> 
    </div>
    <div class="span8 largeur8">
      <div id="accordion" class="nbreacc" data-type="Initial">
        <h3 class="ui-gina-cab" data="ui-gina-pop" style="background: none repeat scroll 0% 0% rgb(35, 86, 184);">
            <i class="icone_white icon-ui-gina-comp"></i> &nbsp;<span>Pop</span>
        </h3>
        <div style="border-bottom: 1px solid #ccc;">
          <div class="holder drop-zone slots" id="initial_holder"><img src="{{ asset('bundles/etraliginang/css/ui-gina-model.png') }}" border="0"></div>
        </div>
      </div>     
    </div>

<div id="layer_accordion-hidden" style="display: none;">
      <div id="layer_accordion" class="nbreacc">
        <h3 class="ui-gina-cab">
            <i class="icone_white icon-cabinet"></i> &nbsp;
            <span>Section 1</span> 
         <div class="btn-group ui-property gina_btn-right">

                            <button class="btn gina-btn-up"  style="display: none"><i class="icon-arrow-up"></i></button>
                            <button class="btn gina-btn-down" style="display: none"><i class="icon-arrow-down"></i></button>
                            <button class="btn gina-btn-trash"><i class="icones_actions_delete"></i></button>
                            <button class="btn gina-btn-prop"><i class="icones_actions_expend"></i></button>

        </div>
        </h3>
        <div>
          <div class="holder drop-zone equi">
            
          </div>
        </div>
      </div>
</div>
<div id="layer_dropzone" style="display: none;">
      <div class="dropext">
        <div>
          <div class="holder drop-zone">
            
          </div>
        </div>
      </div>
</div>
</div>
        <div id="drop_popup" class="modal hide  modal-select" tabindex="-1"  role="dialog" aria-labelledby="Model label" aria-hidden="true">
          <div class="modal-header">
            <h3 id="select_modal_Label">&nbsp;</h3>            
          </div>
          <div class="modal-body">
          <iframe id="drop_iframe" name="drop_iframe" class="search_list_iframe" data-field="" src="">

          </iframe>
          </div>
        </div>
  
{% include 'EtraliGinangBundle:PopDesign:designer.html.twig' with {'Pop': Pop} %}         

{% endblock %}