templates/frontend/quote/quote_request/_form.html.twig line 1

  1. <div class="row">
  2.     <aside class="col-xl-3 col-lg-4">
  3.         <h2>Custom & Bespoke Cardboard Boxes!</h2>
  4.         <p class="lead">Your Bespoke Box in 4 Simple Steps.</p>
  5.         <ul class="list_ok">
  6.             <li>
  7.                 <b>Choose your style:</b><br/>
  8.                 Pick your custom packaging based on durability, presentation, and product protection.
  9.             </li>
  10.             <li>
  11.                 <b>
  12.                     Project Description :</b><br/>
  13.                 Helpful information about Number of printed colors, material, size/dimensions
  14.             </li>
  15.             <li>
  16.                 <b>Attach File(s) :</b><br/>
  17.                 Send us any applicable logo, artwork, or existing dieline files for your project. File size limit: 100MB each
  18.             </li>
  19.             <li>
  20.                 <b>
  21.                     Helpful information about  you:</b><br/>
  22.                 Are you a packaging manufacturer or distributor? Help us to contact you.
  23.             </li>
  24.         </ul>
  25.     </aside>
  26.     <!-- /aside -->
  28.     <div class="col-xl-9 col-lg-8">
  29.         <div id="wizard_container">
  30.             <div id="top-wizard">
  31.                 <strong>Progress</strong>
  32.                 <div id="progressbar"></div>
  33.             </div>
  34.             <!-- /top-wizard -->
  36.             {{ form_start(form,{'attr':{'class':'form quote-form','id':'wrappe'}}) }}
  37.             {{ form_errors(form)}}
  38.             <input
  39.             id="website" name="website" type="text" value="">
  40.             <!-- Leave for security protection, read docs for details -->
  41.             <div id="middle-wizard">
  42.                 <div class="step">
  43.                     <h3 class="main_question">
  44.                         <strong>1/4</strong>Choose your style
  45.                         <span style="color:red;">*</span>
  46.                     </h3>
  47.                     <div class="row">
  48.                         <div class="col-lg-10">
  49.                             {% for field in form.taxon %}
  50.                                 <div class="form-group radio_questions">
  51.                                     <label>{{loop.index}}.
  52.                                         {{field.vars.label}}
  53.                                         {{form_widget(field,{'attr':{'class':'icheck required'}})}}
  54.                                     </label>
  55.                                 </div>
  56.                             {% endfor %}
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.                 <!-- /step 1-->
  62.                 <div class="step">
  63.                     <h3 class="main_question">
  64.                         <strong>2/4</strong>Project Description</h3>
  65.                     <div class="row">
  66.                         <div class="col-sm-10">
  67.                             <div class="form-group checkbox_questions">
  68.                                 {{form_widget(form.sample,{'attr':{'class':'icheck'}})}}
  69.                                 {{form_label(form.sample)}}
  70.                             </div>
  71.                         </div>
  72.                     </div>
  73.                     {% if form.options | length %}
  74.                         <div class="row">
  75.                             <div class="col-lg-10">
  76.                                 {% for field in form.options %}
  77.                                     <div class="form-group select">
  78.                                         <label>{{field.vars.data.productOption.name}}
  79.                                             :
  80.                                         </label>
  81.                                         <div class="styled-select">
  82.                                             {{form_widget(field.value,{'attr':{'class':'required'}})}}
  83.                                         </div>
  84.                                     </div>
  85.                                 {% endfor %}
  86.                             </div>
  87.                         </div>
  88.                     {% endif %}
  89.                     <div class="row">
  90.                         <div class="col-sm-5">
  91.                             <div class="form-group">
  92.                                 <label>{{form.dimensions.vars.label|trans}}<span style="color:red;">*</span>
  93.                                     :
  94.                                 </label>
  95.                                 {{form_widget(form.dimensions,{'attr':{'class':'form-control','placeholder':'(LxWxH)  mm'}})}}
  96.                             </div>
  97.                         </div>
  98.                         <!-- /col-sm-6 -->
  100.                         <div class="col-sm-5">
  101.                             <div class="form-group">
  102.                                 <div class="form-group">
  103.                                     <label>{{form.quantity.vars.label|trans}}<span style="color:red;">*</span>
  104.                                         :
  105.                                     </label>
  106.                                     {{form_widget(form.quantity,{'attr':{'class':'form-control'}})}}
  107.                                 </div>
  108.                             </div>
  109.                         </div>
  110.                         <!-- /col-sm-6 -->
  111.                         <div class="col-sm-10">
  112.                             <div class="form-group textarea_info">
  113.                                 <label>Additional info</label>
  114.                                 {{form_widget(form.note,{'attr':{'class':'form-control','style':'height:150px;'}})}}
  115.                             </div>
  116.                         </div>
  117.                     </div>
  120.                     <!-- /row-->
  123.                 </div>
  124.                 <!-- /step 2-->
  126.                 <div class="step">
  127.                     <h3 class="main_question">
  128.                         <strong>3/4</strong>Attach File(s) (<small style="color:red;">{{ 'app.ui.optional'|trans}}
  129.                                                     </small>):</h3>
  130.                     {% if form.files | length %}
  131.                         <div class="row">
  132.                             <div class="col-lg-12">
  133.                                 {% for field in form.files %}
  134.                                     <div class="row">
  135.                                         <div class="col-lg-12">
  136.                                             <div class="form-group">
  137.                                                 <label>{{field.vars.data.type.name}}
  138.                                                     <br>
  139.                                                     {% if field.vars.data.type.example or field.vars.data.type.blank %}
  140.                                                     <span>
  141.                                                         (
  142.                                                             {% if field.vars.data.type.example %}
  143.                                                             <a href="{{ vich_uploader_asset(field.vars.data.type.example)}}" class="btn_2" target="_blank">
  144.                                                             <i class=""></i>Check model</a>
  145.                                                             {% endif %}
  146.                                                             {% if field.vars.data.type.example and field.vars.data.type.blank %}
  147.                                                         |     
  148.                                                             {% endif %}
  149.                                                             {% if field.vars.data.type.blank %}
  150.                                                             <a href="{{ vich_uploader_asset(field.vars.data.type.blank)}}" class="btn_2" target="_blank">
  151.                                                             <i class=""></i>Get blank</a>
  152.                                                              {% endif %}
  153.                                                         )</span>
  154.                                                     {% endif %}
  155.                                                 </label>
  156.                                                 <div class="fileupload">
  157.                                                     {{form_widget(field.file,{'attr':{'class':' '}})}}
  158.                                                 </div>
  159.                                             </div>
  160.                                         </div>
  161.                                     </div>
  162.                                 {% endfor %}
  163.                             </div>
  164.                         </div>
  165.                     {% endif %}
  166.                     <!-- /row-->
  167.                 </div>
  168.                 <!-- /step 3-->
  170.                 <div class="submit step">
  172.                     <h3 class="main_question">
  173.                         <strong>4/4</strong>Helpful information about  you</h3>
  174.                     {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
  175.                         <div class="row">
  177.                             <div class="col-sm-6">
  178.                                 <div class="form-group">
  179.                                     {{form_widget(form.firstname,{'attr':{'class':'form-control','placeholder':form.firstname.vars.label|trans~'*'}})}}
  180.                                 </div>
  181.                                 <div class="form-group">
  182.                                     {{form_widget(form.email,{'attr':{'class':'form-control','placeholder':form.email.vars.label|trans~'*'}})}}
  183.                                 </div>
  184.                             </div>
  185.                             <!-- /col-sm-6 -->
  187.                             <div class="col-sm-6">
  188.                                 <div class="form-group">
  189.                                     {{form_widget(form.lastname,{'attr':{'class':'form-control','placeholder':form.lastname.vars.label|trans~'*'}})}}
  190.                                 </div>
  191.                                 <div class="form-group">
  192.                                     {{form_widget(form.phoneNumber,{'attr':{'class':'form-control','placeholder':form.phoneNumber.vars.label|trans}})}}
  193.                                 </div>
  194.                                 {# <div class="form-group">
  195.                                                                                                                                                                                                                                                                         <div class="styled-select">
  196.                                                                                                                                                                                                                                                                             <select class="required" name="country">
  197.                                                                                                                                                                                                                                                                                 <option value="" selected>Select your country</option>
  198.                                                                                                                                                                                                                                                                                 <option value="Europe">Europe</option>
  199.                                                                                                                                                                                                                                                                                 <option value="Asia">Asia</option>
  200.                                                                                                                                                                                                                                                                                 <option value="North America">North America</option>
  201.                                                                                                                                                                                                                                                                                 <option value="South America">South America</option>
  202.                                                                                                                                                                                                                                                                             </select>
  203.                                                                                                                                                                                                                                                                         </div>
  204.                                                                                                                                                                                                                                                                     </div> #}
  205.                             </div>
  206.                             <!-- /col-sm-6 -->
  207.                         </div>
  208.                     {% else %}  
  209.                     
  210.                     {% endif %}
  212.                     <div class="row">
  214.                         <div class="col-sm-6">
  215.                             <div class="form-group">
  216.                                 {{form_widget(form.company,{'attr':{'class':'form-control','placeholder':form.company.vars.label|trans~'*'}})}}
  217.                             </div>
  218.                             <div class="form-group">
  219.                                 <div class="styled-select">
  220.                                     {{form_widget(form.country,{'attr':{'class':'required','placeholder':form.country.vars.label|trans~'*'}})}}
  221.                                 </div>
  222.                             </div>
  223.                         </div>
  224.                         <!-- /col-sm-6 -->
  226.                         <div class="col-sm-6">
  227.                             <div class="form-group">
  228.                                 {{form_widget(form.companyWebsite,{'attr':{'class':'form-control','placeholder':form.companyWebsite.vars.label|trans}})}}
  229.                             </div>
  230.                             <div class="form-group">
  231.                                 {{form_widget(form.companyAddress,{'attr':{'class':'form-control','placeholder':form.companyAddress.vars.label|trans~'*'}})}}
  232.                             </div>
  233.                             {# <div class="form-group">
  234.                                                                                                                                                                                                                                                         <div class="styled-select">
  235.                                                                                                                                                                                                                                                             <select class="required" name="country">
  236.                                                                                                                                                                                                                                                                 <option value="" selected>Select your country</option>
  237.                                                                                                                                                                                                                                                                 <option value="Europe">Europe</option>
  238.                                                                                                                                                                                                                                                                 <option value="Asia">Asia</option>
  239.                                                                                                                                                                                                                                                                 <option value="North America">North America</option>
  240.                                                                                                                                                                                                                                                                 <option value="South America">South America</option>
  241.                                                                                                                                                                                                                                                             </select>
  242.                                                                                                                                                                                                                                                         </div>
  243.                                                                                                                                                                                                                                                     </div> #}
  244.                         </div>
  245.                         <!-- /col-sm-6 -->
  246.                     </div>
  248.                     <!-- /row -->
  250.                     <div class="form-group checkbox_questions">
  251.                         <input name="terms" type="checkbox" class="icheck required" value="yes">
  252.                         <label>Please accept
  253.                             <a href="#" data-toggle="modal" data-target="#terms-txt">terms and conditions</a>
  254.                             ?
  255.                         </label>
  256.                     </div>
  258.                 </div>
  259.                 <!-- /step 4-->
  261.             </div>
  262.             <!-- /middle-wizard -->
  263.             <div id="bottom-wizard">
  264.                 <button type="button" name="backward" class="backward">Backward
  265.                 </button>
  266.                 <button type="button" name="forward" class="forward">Forward</button>
  267.                 <button type="submit" name="process" class="submit">Submit</button>
  268.             </div>
  269.             <!-- /bottom-wizard -->
  270.             <div style="display:none;">
  271.                 {{ form_rest(form) }}
  272.             </div>
  274.             {{ form_end(form) }}
  276.         </div>
  277.         <!-- /Wizard container -->
  279.     </div>
  280.     <!-- /col -->
  281. </div>