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

{% block body_id 'set-c4rg0-2' %}



{% block header %}
{% endblock %}

{% block  menuleft %}
{% endblock %}

{% block body %}
<script>
function gotoPage() {
    var acquiretype = $("input[name='acquire-type']:checked").val();
    var pallettype = ($('#id-depallet').is(":checked")) ? 'D' : 'N';
    var volumetype = ($('#id-realvol').is(":checked")) ? 'R' : 'N';
    var url = "{{ path('main_display', {'n': 'acquiretype','p':'pallettype','v':'volumetype'}) }}"
    location.href = url.replace("acquiretype", acquiretype).replace("pallettype", pallettype).replace("volumetype", volumetype);
}
</script>

              <div class="col-md-12" >  
          <!-- page header -->
          <div class="pageheader"> 
         
            <h2><i class="fa fa-puzzle-piece" style="line-height: 48px;padding-left: 5px;"></i> Start ! <span>// Set-Up [ 2 </span></h2>
           
            <div class="breadcrumbs">
              <ol class="breadcrumb">
                <li>You are here</li>
                <li><a href="index.html">C4RGO-Air</a></li>
                <li><a href="ui-elements.html">Start SetUp 2</a></li>

              </ol>
            </div>
          </div>
          <!-- /page header -->
              <!-- col 12 -->
              <div class="col-md-12">
                <!-- tile -->


  

  
  
                
                
                
            <section class="tile transparent">

                  <div class="bg-transparent-black-3">
                  <br>
 <div class="row">
              <!-- col 6 -->
              <div class="col-md-4">
                <!-- tile -->
                <section class="tile color transparent-black text-center">

                  <!-- tile header -->
                  <div class="tile-header">
                  <span><img src="{{ asset('static/c4rg0_themes/assets/images/icons/standard.png') }}" width="72" height="84" alt=""/>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                  <font face="Arial, sans-serif" color="#ffffff" size="+3"> STANDARD &nbsp; &nbsp; </font>
               <input type="radio" name="acquire-type" id="id-acquire-type-standard" value="standardvol" checked />
               <label for="id-acquire-type-standard">Select</label>
                </span></div>
                             
          <!-- /tile header -->

                </section>

              </div>
              <div class="col-md-4">
                <!-- tile -->
                <section class="tile color transparent-black text-center">

                  <!-- tile header -->
                  <div class="tile-header">
                  <span><img src="{{ asset('static/c4rg0_themes/assets/images/icons/VOLUMI_G.png') }}" width="72" height="84" alt=""/>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
                  <font face="Arial, sans-serif" color="#ffffff" size="+3"> GRANDI VOLUMI  &nbsp; &nbsp; </font>
             <input type="radio" name="acquire-type" id="id-acquire-type-bigvol" value="bigvol" />
             <label for="id-acquire-type-bigvol">Select</label>
             </span></div>
                  <!-- /tile header -->

                </section>

              </div>
              <div class="col-md-4">

                <section class="tile color transparent-black text-center">

                  <!-- tile header -->
                  <div class="tile-header">
                  <span><img src="{{ asset('static/c4rg0_themes/assets/images/icons/singolo.png') }}" width="72" height="84" alt=""/>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
                  <font face="Arial, sans-serif" color="#ffffff" size="+3"> SINGOLO &nbsp; &nbsp; </font>
               <input type="radio" name="acquire-type" id="id-acquire-type-singolo" value="smallvol" />
             <label for="id-acquire-type-singolo">Select</label>
                   </span></div>
                  <!-- /tile header -->

                </section>
              </div>
            </div>
            <div >
                </div>
            </div >   
            </section>
                
                <br><br>
                <!-- /tile -->
            <section class="tile transparent">

                  <div class="bg-transparent-black-3">
                  <br>
                  
            <div class="row">

              <!-- col 6 -->
              <div class="col-md-6">
                <!-- tile -->
                <section class="tile color transparent-black ">
                  <!-- tile header -->
                  <div class="tile-header text-center">
                   <span class="docck">
                      <input type="checkbox" id="id-depallet" />
                      <label for="id-depallet" class="check-box depallet"></label>
                    </span><span><font face="Arial, sans-serif" color="#ffffff" size="+3"> DEPALLET &nbsp; &nbsp;</font>
<!--                   <input type="check" name="size" id="size_4" value="small" />
                    <label for="size_4">Select</label>
-->                <!--    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img src="{{ asset('static/c4rg0_themes/assets/images/icons/depallet.png') }}" width="72" height="84" alt=""/></span></div> -->
                  <!-- /tile header -->

                </section>

              </div>
              <div class="col-md-6">
                <!-- tile -->
                <section class="tile color transparent-black text-center">

                  <!-- tile header -->
                  <div class="tile-header">
                    <span class="docck">
                      <input type="checkbox" id="id-realvol" />
                      <label for="id-realvol" class="check-box realvol"></label>
                    </span>                  <span><font face="Arial, sans-serif" color="#ffffff" size="+3"> VOLUME REALE &nbsp; &nbsp;</font></span>

<!--                   <input type="check" name="size" id="size_5" value="small" />
                   <label for="size_5">Select</label>
 --> 
 <!--                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img src="{{ asset('static/c4rg0_themes/assets/images/icons/REALE_ico_azzurro_p.png') }}" width="84" height="84" alt=""/></div> -->
                  <!-- /tile header -->

                </section>
              </div>
              
              
            </div>
            
            <div align="center">
            
                </div>
            </div >   
            </section>
            <p>&nbsp;</p>
<td></td>
            <p>&nbsp;</p>
            <p><br>
              <br>
            </p>
                            <!-- /tile -->
            <section class="tile transparent">

                  <div class="bg-transparent-black-3">
                  <br>
            <div class="row ">

              <!-- col 6 -->
              <div class="col-md-4 col-md-offset-4">
                <!-- tile -->
                <section class="tile color transparent-black text-center" onclick="javascript:gotoPage();">

                  <!-- tile header -->
                  <div class="tile-header">
                  <img src="{{ asset('static/c4rg0_themes/assets/images/icons/ico_cube_poc.png') }}" width="160" height="160" alt=""/></div>
                  
                  <!-- /tile header -->

                </section>

              </div>
              
              
            </div>
            
            <div align="center">
            
                </div>
            </div >   
            </section>
              </div>
              
              
         </div>
       







{% endblock %}

{% block footer %}
{% endblock %}