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

{% block title %}
    Model design
{% endblock %}

{% block body %}
        <div class="well well-small"  id="list-actions-bar">
            <a href="{{ path('AdmingeneratorDashboard_welcome')}}" rel="tooltip" data-toggle="tooltip" data-original-title="New window" target="_blank" title="New Window" class="btn btn-link"><i class="icones_actions_window"></i></a><a class="btn btn-link" href="{{ path('Etrali_GinangBundle_ComplexModel_list') }}"  rel="tooltip" data-toggle="tooltip" data-original-title="Back to list"><i class="icones_actions_back"></i></a>         
        </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>Model 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</a></li>
        <li data="ui-gina-equi"><a><i class="icon-ui-gina-equi"></i> &nbsp;Equipment</a></li>
        <li data="ui-gina-patch"><a><i class="icon-ui-gina-patch"></i> &nbsp;Patch panel</a></li>
        <li data="ui-gina-mere"><a><i class="icon-ui-gina-mere"></i> &nbsp;Mother card</a></li>
        <li data="ui-gina-fille"><a><i class="icon-ui-gina-fille"></i> &nbsp;Daughter card</a></li>
        <li data="ui-gina-ports"><a><i class="icon-ui-gina-ports"></i> &nbsp;Port</a></li>
        <li data="ui-gina-comp"><a><i class="icon-ui-gina-comp"></i> &nbsp;Model</a></li>
      </ul> 
    </div>
    <div class="span8 largeur8">
      <div id="accordion" class="nbreacc" data-type="Initial">
        <h3 class="ui-gina-cab" data="ui-gina-comp" style="background: none repeat scroll 0% 0% rgb(35, 86, 184);">
            <i class="icone_white icon-ui-gina-comp"></i> &nbsp;<span>Model</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-trash"  rel="tooltip" data-toggle="tooltip" data-original-title="Delete" ><i class="icones_actions_delete"></i></button>
             <button class="btn gina-btn-prop"  rel="tooltip" data-toggle="tooltip" data-original-title="Edit" ><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="myModalLabel">&nbsp;</h3>
          </div>
          <div class="modal-body">
            <iframe id="drop_iframe" name="drop_iframe" class="search_list_iframe" data-field="" src="">

            </iframe>
          </div>
          <div class="modal-footer">
          
          </div>
        </div>
  
{% include 'EtraliGinangBundle:ComplexModelDesign:designer.html.twig'  with {'ComplexModel': ComplexModel} %}      
{% endblock %}